*{box-sizing:border-box}:root{--bg:#0f1113;--panel:#20252b;--panel2:#30373f;--line:#4d5863;--text:#f7f8fa;--muted:#adb6c0;--gold:#dab65f;--green:#4f8a69;--blue:#5d7693;--red:#965454}body{margin:0;min-height:100vh;font-family:Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 50% -15%,#5a6570 0,#282e34 32%,var(--bg) 72%)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{min-height:70px;padding:11px 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(15,17,19,.91)}.top-btn{padding:10px 15px;border:1px solid var(--line);border-radius:11px;color:#fff;background:#2c333a;text-decoration:none}.danger{background:#493238}.brand{display:flex;flex-direction:column;align-items:center}.brand strong{font-size:22px}.brand span{color:var(--muted);font-size:12px}.page{width:min(980px,94%);margin:auto;padding:30px 0}.hero{text-align:center;padding:24px}.hero>span{display:inline-block;padding:7px 14px;border:1px solid #79663f;border-radius:999px;color:#f1d798;background:#332b1e}.hero h1{margin:14px 0 8px;font-size:clamp(34px,6vw,54px)}.hero p{color:var(--muted)}.teams-setup{display:grid;grid-template-columns:1fr 90px 1fr;gap:13px;align-items:center}.teams-setup label,.settings-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.teams-setup small{display:block;margin-bottom:8px;color:var(--muted)}.teams-setup input{width:100%;padding:13px;border:1px solid #5a6671;border-radius:11px;outline:none;color:#fff;background:#171b1f;text-align:center;font-weight:900}.versus{width:62px;height:62px;margin:auto;display:grid;place-items:center;border:1px solid #78653d;border-radius:50%;color:var(--gold);background:#2d281e;font-weight:900}.settings-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.settings-card span{display:block;margin-bottom:7px;color:var(--muted)}.settings-card select{width:100%;padding:11px;border:1px solid #596570;border-radius:10px;color:#fff;background:#171b1f}.main-btn{width:100%;min-height:53px;border:1px solid #92753a;border-radius:13px;color:#fff;background:linear-gradient(135deg,#8d6e31,#55431f);font-size:18px;font-weight:900}.scoreboard{display:grid;grid-template-columns:1fr 125px 1fr;gap:10px}.team-card,.round-box{min-height:110px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel);text-align:center}.team-card small,.round-box span{color:var(--muted)}.team-card strong{display:block;margin:7px 0}.team-card b{color:var(--gold);font-size:34px}.team-a{border-top:3px solid #d7dde2}.team-b{border-top:3px solid #8199b2}.round-box{display:grid;place-content:center}.question-panel{margin-top:13px;padding:24px;border:1px solid var(--line);border-radius:21px;background:radial-gradient(circle at top,#46515c,#20252b 66%);text-align:center}.meta{display:flex;justify-content:center;gap:8px}.meta span{padding:7px 12px;border:1px solid #5b6671;border-radius:999px;background:#2d343b;font-size:12px}.timer{width:82px;height:82px;margin:15px auto;display:grid;place-items:center;border:5px solid #919ba5;border-radius:50%;background:#15191d;font-size:29px;font-weight:900}.timer.danger{border-color:#c46363}.question-panel h2{min-height:115px;display:grid;place-items:center;line-height:1.7;font-size:clamp(23px,3.4vw,35px)}.buzz-status{min-height:30px;margin-bottom:10px;color:#dcc58d;font-weight:900}.buzz-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.buzz{min-height:78px;border:1px solid rgba(255,255,255,.16);border-radius:15px;color:#fff;font-size:20px;font-weight:900;box-shadow:0 14px 25px rgba(0,0,0,.23)}.buzz-a{background:linear-gradient(145deg,#5c9676,#3d6d54)}.buzz-b{background:linear-gradient(145deg,#6d86a4,#485f78)}.buzz.locked{opacity:.35}.buzz.winner{transform:scale(1.02);box-shadow:0 0 0 3px rgba(218,182,95,.35),0 16px 30px rgba(0,0,0,.28)}.answer-panel{margin:13px 0;padding:15px;border:1px solid #5d6873;border-radius:13px;background:#171b1f}.answer-panel span{display:block;color:var(--muted);font-size:12px}.answer-panel strong{display:block;margin-top:7px;font-size:21px}.judge-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.judge-panel button,.show-answer,.no-answer,.next{min-height:48px;border:0;border-radius:11px;color:#fff;font-weight:900}.correct{background:var(--green)}.wrong{background:var(--red)}.show-answer,.no-answer,.next{width:100%;margin-top:8px}.show-answer{background:#46505a}.no-answer{background:#353c43}.next{background:linear-gradient(135deg,#80632e,#514020)}.modal{position:fixed;inset:0;z-index:100;padding:15px;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85)}.modal.active{display:flex}.winner-card{width:min(500px,100%);padding:30px 22px;border:1px solid #78653e;border-radius:24px;background:radial-gradient(circle at top,#695733,#252a2f 58%);text-align:center}.winner-icon{font-size:72px}.winner-card h2{font-size:32px}.winner-card>strong{color:var(--gold);font-size:25px}.winner-card p{color:var(--muted)}.winner-card button{width:100%;min-height:48px;border:1px solid #78653e;border-radius:11px;color:#fff;background:#514326;font-weight:900}@media(max-width:680px){.teams-setup{grid-template-columns:1fr}.settings-card,.buzz-grid,.judge-panel{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr 1fr}.round-box{grid-column:1/-1;grid-row:2;min-height:75px}}

.main-btn em{display:inline-flex;margin-inline-start:7px;padding:4px 8px;border:1px solid #63e2d44a;border-radius:999px;color:#8eece4;background:#153936;font-size:10px;font-style:normal}
.premium-celebration .winner-card{border-color:#f3c664;box-shadow:0 0 54px #e7ae404d;animation:fastCelebration 1.8s ease-in-out infinite}
@keyframes fastCelebration{50%{filter:brightness(1.1);transform:scale(1.015)}}
@media(max-width:680px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .topbar{min-height:calc(62px + env(safe-area-inset-top));padding-top:max(9px,env(safe-area-inset-top));position:sticky;top:0;z-index:70;backdrop-filter:blur(14px)}
  .page{width:100%;padding:12px}
  .hero{padding:15px 8px}.hero h1{font-size:34px}.hero p{max-width:34ch;margin-inline:auto;font-size:12px;line-height:1.6}
  .teams-setup label,.settings-card{padding:13px;border-radius:15px}.versus{width:48px;height:48px}
  .question-panel{padding:16px 12px;border-radius:19px}.question-panel h2{min-height:82px;font-size:clamp(19px,5.4vw,25px);line-height:1.55}
  .timer{width:72px;height:72px;margin:10px auto;font-size:25px}.buzz{min-height:58px;font-size:16px}
  .answer-panel strong{font-size:18px;line-height:1.55}.modal{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
}

.question-image{width:min(520px,100%);margin:8px auto;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#0f1418}
.question-image img{width:100%;height:140px;display:block;object-fit:cover}
.question-image figcaption{padding:4px 8px;color:#89949d;font-size:9px;text-align:start}
@media(max-width:680px){.question-image img{height:88px}.question-image figcaption{display:none}.question-panel{padding:12px 10px}.question-panel h2{min-height:62px;margin-block:8px}.timer{width:64px;height:64px;margin:6px auto;font-size:22px}.buzz{min-height:54px}}
.top-btn,#resetGame{min-height:44px}
