/* Manifest Karting — optional visual polish v1
   SAFE SCOPE: only menu/pilot visuals and result screen.
   No HUD, radio, mobile controls, game canvas, or gameplay rules. */

/* A quiet violet / rose atmosphere, only behind the menus. */
#nameScreen.screen{
  background:
    radial-gradient(ellipse 48% 40% at 17% 18%,rgba(190,80,190,.17),transparent 75%),
    radial-gradient(ellipse 42% 42% at 88% 82%,rgba(110,72,210,.16),transparent 75%),
    radial-gradient(circle at 50% 20%,#332166 0%,#151521 48%,#09090f 100%);
}

/* Fine highlight: do not alter panel dimensions, scroll or stacking. */
#nameScreen > .panel{
  border-color:rgba(219,169,240,.24);
  box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 45px rgba(158,86,195,.09);
}

/* Typography without introducing font downloads or reflow-heavy sizes. */
#nameScreen h1{
  letter-spacing:-.7px;
  text-shadow:0 2px 24px rgba(214,135,255,.17);
}
#nameScreen .brand{
  color:#f3e8ff;
  text-shadow:0 0 15px rgba(202,132,255,.16);
}
#nameScreen .brand span{color:#e8b6ff;opacity:.78}
#nameScreen .driver-title{color:#f3d8ff}

/* Use each pilot's existing data-color; do not modify selections or handlers. */
#nameScreen .driver-card{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease;
}
#nameScreen .driver-card.selected{
  box-shadow:0 0 0 1px color-mix(in srgb,var(--pilot-accent,#ff9900) 52%,transparent),
             0 0 17px color-mix(in srgb,var(--pilot-accent,#ff9900) 22%,transparent) !important;
  border-color:var(--pilot-accent,#ff9900) !important;
}
#nameScreen .driver-card.selected .driver-photo{
  border-color:var(--pilot-accent,#ff9900) !important;
  box-shadow:0 0 12px color-mix(in srgb,var(--pilot-accent,#ff9900) 27%,transparent);
}
/* Custom pilot remains orange/cyan by design. */
#nameScreen .driver-card.custom-driver.selected{
  border-color:#ff9900 !important;
  box-shadow:0 0 15px rgba(255,153,0,.25) !important;
}

/* Result screen: delicate championship frame, no layout changes. */
#resultScreen .panel{
  border-color:rgba(213,163,239,.23);
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 35px rgba(178,91,220,.08);
}
#resultScreen .result-visual{
  border-color:rgba(225,180,255,.24);
  box-shadow:inset 0 0 22px rgba(176,91,218,.06);
}
#resultScreen #resultTitle{
  text-shadow:0 0 28px rgba(211,145,249,.16);
}

@media(prefers-reduced-motion:reduce){
  #nameScreen .driver-card{transition:none}
}