:root{color-scheme:dark;--bg:#090f20;--panel:#111c34;--line:#30415f;--muted:#a9b7d1;--gold:#ffc766;--blue:#2365bd;--red:#ff617b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f7ff;font:16px/1.5 system-ui,-apple-system,sans-serif}a{color:inherit}button,input,select{font:inherit}button,.button{border:1px solid #435474;border-radius:8px;background:#203252;color:#fff;padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650}button:hover,.button:hover{filter:brightness(1.2)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--gold);color:#10203a;border-color:var(--gold)}.danger{background:#502234;border-color:#a34258;color:#ffcbd5}.subtle{background:transparent}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4vw;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-size:24px;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand span{color:var(--gold)}nav,.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wrap{max-width:1280px;margin:auto;padding:32px 4vw 60px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:750}h1{font-size:36px;letter-spacing:-.04em;line-height:1.2;margin:8px 0 12px}h2{font-size:23px;margin:0 0 16px}h3{font-size:18px;margin:10px 0}.muted,small{color:var(--muted)}small{font-size:14px}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:20px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hostcols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:24px}label{display:block;color:var(--muted);font-size:14px;margin:10px 0 5px}input,select{border:1px solid #455778;background:#0c162c;color:#fff;border-radius:7px;padding:10px 12px;max-width:100%;width:100%}input:focus,select:focus{outline:2px solid #69b7ff;outline-offset:1px}.answer-edit{display:grid;grid-template-columns:1fr 105px 44px;gap:10px;margin:10px 0}.num{font-variant-numeric:tabular-nums}.tabs{display:flex;gap:8px;overflow:auto;padding:12px 0}.tabs button{white-space:nowrap}.tabs .active{background:var(--gold);color:#14213b;border-color:var(--gold)}.note{border-left:3px solid var(--gold);padding:10px 16px;color:var(--muted)}.score{font-size:48px;line-height:1.2;font-weight:900;color:var(--gold)}.host-answer{display:flex;gap:12px;align-items:center;width:100%;text-align:left;margin:10px 0;padding:17px;background:#162845}.host-answer .points{margin-left:auto;font-size:24px;color:var(--gold)}.host-answer.revealed{background:#103932;border-color:#3b8673}.badge{background:#0b1529;padding:4px 10px;border-radius:6px;color:var(--muted)}.strikes{font-size:38px;letter-spacing:10px;color:var(--red);font-weight:900;min-height:57px}.big-x{font-size:25px;width:100%;padding:18px}.status{font-size:14px;color:#9ee2c3}.fmrow{display:grid;grid-template-columns:1fr 85px;gap:10px}.timer{font-size:60px;line-height:1;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;margin:20px 0}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#ffc766;color:#10203a;padding:13px 25px;border-radius:8px;z-index:100;font-weight:700}.board-body{background:radial-gradient(ellipse at 50% 0,#20467c 0,#0e2346 45%,#060e20 100%);min-height:100vh}.audience{max-width:1500px;margin:auto;padding:2.5vh 4vw}.board-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.board-logo{text-transform:uppercase;font-size:clamp(22px,3vw,48px);font-weight:950;letter-spacing:-.04em;color:var(--gold)}.board-label{text-transform:uppercase;letter-spacing:.16em;color:#b9c8e1;font-size:clamp(14px,1.3vw,20px)}.scoreboard{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:24px;margin:2vh 0}.team-box{background:#102744;border:1px solid #476184;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:12px;font-size:clamp(17px,2vw,30px);font-weight:750}.team-box.active{border-color:var(--gold);box-shadow:0 0 24px #ffc76620}.team-box b{font-size:clamp(25px,3.4vw,50px);color:var(--gold)}.bank{text-align:center}.bank strong{font-size:42px;line-height:1}.bank small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.question{text-align:center;font-size:clamp(22px,2.5vw,38px);font-weight:750;line-height:1.3;min-height:2.6em;display:flex;justify-content:center;align-items:center;margin:1vh 0 2vh}.board-frame{border:3px solid #e7b45f;border-radius:22px;padding:22px;background:#091c36;box-shadow:0 0 0 7px #122a48,0 0 0 9px #637b94,0 20px 60px #0005}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(4,1fr);gap:12px}.tile{perspective:800px;height:clamp(60px,9vh,105px)}.tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.tile.open .tile-inner{transform:rotateX(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(#2767ab,#123c77);border:1px solid #538dca}.front span{border:2px solid #b8d7ef;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:27px;font-weight:850;box-shadow:0 2px 8px #0007}.back{transform:rotateX(180deg);justify-content:space-between;text-transform:uppercase;gap:10px;padding:12px 20px;font-size:clamp(18px,2vw,29px);font-weight:800;background:linear-gradient(#2364b1,#17467f)}.back strong{border-left:1px solid #86add5;padding-left:16px;font-size:clamp(24px,2.8vw,40px)}.board-bottom{display:flex;justify-content:center;align-items:center;gap:30px;margin:1vh 0;min-height:58px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#07112566;z-index:10;pointer-events:none}.overlay span{color:#ff385d;font-size:clamp(130px,25vw,340px);font-weight:950;text-shadow:0 0 25px #ff385d88;-webkit-text-stroke:3px white;animation:pop .3s ease-out}.fmboard{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fm-title{font-size:22px;color:var(--gold);font-weight:750;margin:0 0 15px}.fm-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:9vh;border:1px solid #5683ad;background:#163d70;border-radius:8px;padding:10px 20px;margin:10px 0;font-size:clamp(18px,2vw,30px);font-weight:750;text-transform:uppercase}.fm-tile strong{color:var(--gold);font-size:32px}.board-tools{position:fixed;bottom:10px;right:12px;opacity:.25;z-index:20}.board-tools:hover,.board-tools:focus-within{opacity:1}.winner{color:var(--gold);font-size:clamp(35px,5vw,70px);text-align:center;font-weight:900}.hidden{display:none!important}@keyframes pop{from{transform:scale(.5)}to{transform:scale(1)}}@media(max-width:800px){.cols,.hostcols{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr 70px 1fr;gap:8px}.team-box{padding:10px}.board-frame{padding:10px}.back{padding:8px}.audience{padding:20px}.fmboard{gap:10px}.wrap{padding:24px}.bar{padding:16px}.score{font-size:36px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}