
/* BALL IQ V3: vivid game-specific theme, preserve existing homepage */
body{background:#f4f7fb} .panel{--accent:#168653;--wash:#e8f8ef;--deep:#0e5839;--glow:#b6e8ca;position:relative;background:linear-gradient(155deg,var(--wash) 0%,#fff 58%,var(--wash) 100%)!important;border:2px solid var(--glow)!important;border-radius:27px!important;box-shadow:0 20px 55px #1c2e4c16!important;overflow:hidden}
.panel:before{content:'?';position:absolute;right:16px;top:76px;font-size:96px;line-height:1;color:var(--accent);opacity:.075;font-weight:1000;pointer-events:none;transform:rotate(16deg)}
.panel h1{color:var(--deep)!important;font-size:clamp(31px,5vw,49px)!important;letter-spacing:-1.6px}.panel .gamebox{position:relative;z-index:1}.panel .game-kicker,.panel .pill{color:var(--deep)!important;background:var(--wash)!important;border-color:var(--glow)!important}.panel .btn:not(.alt):not(.green):not(.red){background:var(--accent)!important;color:white!important;box-shadow:0 7px 0 color-mix(in srgb,var(--deep),transparent 20%)!important;transition:transform .15s,box-shadow .15s}.panel .btn:not(.alt):active{transform:translateY(5px);box-shadow:0 2px 0 var(--deep)!important}.panel .btn.alt{background:var(--wash)!important;color:var(--deep)!important;border:2px solid var(--glow)!important}.panel .prompt{background:linear-gradient(145deg,#fff,var(--wash))!important;border:2px solid var(--glow)!important;box-shadow:0 9px 26px #00000009!important}.panel .boxlite{border:2px solid var(--glow)!important;background:linear-gradient(145deg,#fff,var(--wash))!important}.panel .field{border:2px solid var(--glow)!important}.panel .game-title{color:var(--deep)}
.panel[data-game="0"]{--accent:#16945c;--wash:#e3f8eb;--deep:#09653b;--glow:#a9e9c6}
.panel[data-game="1"]{--accent:#f37b20;--wash:#fff0d9;--deep:#a8490b;--glow:#ffc78e}
.panel[data-game="2"]{--accent:#8742d4;--wash:#f0e5ff;--deep:#542399;--glow:#d9bafc}
.panel[data-game="3"]{--accent:#137fe9;--wash:#e6f1ff;--deep:#1052a1;--glow:#b5d9ff}
.panel[data-game="4"]{--accent:#d8a700;--wash:#fff6cc;--deep:#805d00;--glow:#ffe480}
.panel[data-game="5"]{--accent:#eb4643;--wash:#ffebeb;--deep:#a52a29;--glow:#ffbaba}
.panel[data-game="6"]{--accent:#e74689;--wash:#ffe5f0;--deep:#a72461;--glow:#ffb4d4}
.panel[data-game="7"]{--accent:#06a3a3;--wash:#dcf8f5;--deep:#007576;--glow:#8ce3df}
.panel[data-game="1"] .race-lane-v3{background:linear-gradient(110deg,#ffdeaa,#fff2d8)!important;border-color:#ffb95c!important}
.race-token span{border:0!important;background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important;font-size:38px!important}
.panel[data-game="5"] .higher-stage{background:linear-gradient(140deg,#ffd3d1,#fff0e9);padding:14px;border-radius:22px;border:2px solid #ffb3ad}.panel[data-game="5"] .answer-card{box-shadow:0 8px 23px #c6423a1c;transform:translateZ(0)}.panel[data-game="5"] .answer-card.revealed{animation:cardPop .48s cubic-bezier(.2,1.7,.4,1)}@keyframes cardPop{0%{transform:scale(.83) rotate(-2deg)}100%{transform:scale(1)}}
.panel[data-game="7"]:after{content:'?';position:absolute;left:15px;bottom:50px;font-size:110px;font-weight:1000;color:#07a5a5;opacity:.055;transform:rotate(-18deg);pointer-events:none}
.lang-select{margin-left:auto;border:1px solid #cfe0f3;border-radius:12px;background:#f2f7ff;color:#0d3c7b;padding:9px 8px;max-width:115px;font-size:13px;font-weight:750}.player-name-field{margin:5px 0 12px}.player-name-field input{width:100%;padding:12px;border:2px solid var(--glow);border-radius:12px;background:white}.name-settings{padding:12px;background:var(--wash);border-radius:15px;margin:12px 0}.name-settings summary{cursor:pointer;font-weight:800;color:var(--deep)}.name-settings small{display:block;margin:6px 0;color:#58677b}
.bomb-visual .bomb-football{animation:bombAlive .65s ease-in-out infinite alternate!important;filter:drop-shadow(0 14px 12px #65269b30)}@keyframes bombAlive{from{transform:translateX(-5px) rotate(-7deg) scale(.98)}to{transform:translateX(5px) rotate(7deg) scale(1.05)}}.bomb-visual.is-active .bomb-football{animation-duration:.28s!important}.bomb-visual .bomb-fuse{filter:drop-shadow(0 2px 2px #0002)}
@media(max-width:600px){header{gap:12px;padding:0 12px;height:66px}header .logo{font-size:26px}header .home{padding:9px 12px}.lang-select{font-size:12px;padding:8px 4px}.panel{margin:12px 10px!important;padding:19px!important;border-radius:22px!important}.panel h1{font-size:32px!important}}
