/* Adapted from brydisanto/gvc-builder-kit: globals.css, ModeBtn and SectionHeader.
   Brice/Mundial, gold shimmer, emberFloat, glass cards and gold glow.
   Non-commercial community build. Terms: assets/GVC-LICENSE.txt. */
@font-face{font-family:Brice;src:url('assets/fonts/Brice-Black.otf');font-weight:900;font-display:swap}
@font-face{font-family:Brice;src:url('assets/fonts/Brice-Bold.otf');font-weight:700;font-display:swap}
@font-face{font-family:Mundial;src:url('assets/fonts/Mundial-Regular.otf');font-weight:400;font-display:swap}
@font-face{font-family:Mundial;src:url('assets/fonts/MundialDemibold.otf');font-weight:600 900;font-display:swap}
:root{--ink:#fff;--muted:#a8a8a8;--purple:#FFE048;--gold:#FFE048;--color-gvc-gold:#FFE048;color-scheme:dark}
body{background:#050505;color:#fff;font-family:Mundial,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.gvc-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#ffe0480f,transparent 65%),radial-gradient(ellipse at 50% 100%,#ffe04814,transparent 70%)}
.gvc-atmosphere:before{content:'';position:absolute;inset:0;background:url('assets/grid.svg');opacity:.35}
header,main{position:relative;z-index:1}header{background:#050505b8;border-color:#ffffff14;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;font-family:Brice,serif;font-weight:900;font-size:30px;letter-spacing:-1px}.brand img{width:39px;height:39px;object-fit:contain}.brand span{font:inherit}header>span{color:#a8a8a8;letter-spacing:2px;font-size:9px}
h1,h2{font-family:Brice,serif;font-weight:900}h1{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-2px}h1 em{font-style:normal}h2{font-size:clamp(25px,3.6vw,44px);line-height:1.1;letter-spacing:-1px}
.eyebrow{color:#FFE048;letter-spacing:2.5px}.intro .eyebrow{display:inline-block;border:1px solid #ffe04830;border-radius:999px;padding:8px 14px;background:#ffe0480a;font-size:9px}.lede{color:#a8a8a8}.intro{gap:24px}
.text-shimmer{background:linear-gradient(110deg,#FFE048 0%,#fff8b8 25%,#FFE048 50%,#fff8b8 75%,#FFE048 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2.5s ease-in-out infinite}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.ember{position:absolute;width:4px;height:4px;background:#FFE048;border-radius:50%;opacity:.6;animation:emberFloat 6s ease-in-out infinite;box-shadow:0 0 6px 2px #ffe04866}
@keyframes emberFloat{0%,100%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.1);opacity:1}}
.shaka-idle{animation:shakaIdle 5s ease-in-out infinite;transform-origin:70% 70%}
@keyframes shakaIdle{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(-14deg)}93%{transform:rotate(10deg)}96%{transform:rotate(-5deg)}}
.game{border:1px solid #ffe04830;border-radius:24px;background:#121212;box-shadow:0 0 20px #ffe04816,0 0 60px #ffe04808}.hud,.arena-footer{background:#101010}.hud span{font-weight:600}.mid strong{color:#FFE048;font-family:Brice,serif;font-weight:700}.hud small{color:#999}.overlay{background:radial-gradient(ellipse at 50% 100%,#ffe0480b,transparent 70%),#050505f5;backdrop-filter:blur(12px)}
.fighter{border-radius:16px;border-color:#ffffff18;background:linear-gradient(150deg,#ffffff09,#ffffff02);transition:transform .2s,border-color .2s,box-shadow .2s}.fighter:hover{transform:translateY(-3px);border-color:#ffe04866;box-shadow:0 0 24px #ffe04814}.fighter.selected{box-shadow:0 0 20px #ffe04826,0 0 60px #ffe0480d}.fighter strong{font-family:Mundial,sans-serif;font-weight:600;font-size:14px}.fighter small{color:#aaa}
button{transition:background .2s,box-shadow .2s,transform .2s}header button,.arena-footer button,.touch button{border-radius:999px;border-color:#ffffff25;background:#ffffff05}.primary{border-radius:999px;background:#FFE048;color:#050505;box-shadow:0 0 20px #ffe04826;font-weight:600;letter-spacing:.4px}.primary:hover{background:#fff8b8;box-shadow:0 0 30px #ffe0484d}.touch button.active{background:#FFE048;color:#050505}.touch .fire{color:#FFE048}.touch .fire.active{color:#050505}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #FFE048;outline-offset:4px}#scene{background:#121212;border-color:#ffe04840;border-radius:8px;padding:8px 12px;color:white}#rival-picker,#message{color:#aaa}#change-fighter{color:#ccc}.guide{gap:18px}.guide>div{border:1px solid #ffffff12;background:#ffffff04;border-radius:16px;padding:20px}.guide span{font-family:Brice,serif;font-weight:700;color:#FFE048}.guide p{color:#aaa}footer{color:#999;gap:18px}footer a{color:#ccc;text-decoration:none}footer a:hover{color:#FFE048}::selection{background:#FFE048;color:#050505}
@media(max-width:800px){.fighter strong{font-size:11px}.intro{align-items:flex-start}.lede{display:none}.brand{font-size:25px}.brand img{width:30px;height:30px}header>span{display:none}}
@media(max-width:650px){h1{font-size:38px;letter-spacing:-1px}h2{font-size:26px}.guide>div{padding:16px}.guide{margin:24px 0}.intro{margin-bottom:22px}footer{flex-direction:column;gap:8px}footer span{max-width:none;text-align:left}.game{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.ember,.text-shimmer,.shaka-idle{animation:none}.fighter,button{transition:none}}