:root{color-scheme:dark;--navy:#071329;--panel:#10223f;--blue:#2585ff;--gold:#ffc456;--ink:#f6f8ff;--muted:#a4b6d1;--line:#284264;--green:#70e3b2;--red:#ff7084}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:4px solid var(--gold);outline-offset:5px}button{transition:transform .15s,background .15s,box-shadow .15s}button:focus-visible{transform:translateY(-3px);box-shadow:0 0 32px #ffc45622}button:active{transform:scale(.98)}.tv{height:100vh;overflow:hidden;background:radial-gradient(ellipse at 81% 20%,#143464 0,transparent 43%),radial-gradient(ellipse at 9% 98%,#112f57 0,transparent 50%),var(--navy)}.tv #app{height:100vh;padding:3.5vh 4.5vw 2.5vh;display:flex;flex-direction:column;gap:2.5vh}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:5vh}.brand{display:flex;align-items:center;gap:.6vw;font-size:1.3vw;font-weight:900;letter-spacing:.03em}.brand img{width:3.8vw;height:4.8vh;object-fit:cover;object-position:center 40%}.brand span span{color:var(--gold)}.nav{display:flex;gap:.8vw;align-items:center}.smallbtn{background:#132b4c;border:1px solid #355074;border-radius:.8vw;padding:1.2vh 1.2vw;font-size:1.05vw;font-weight:700}.muted{color:var(--muted)}.pill{display:inline-flex;border-radius:99px;padding:.65vh .8vw;font-size:.82vw;letter-spacing:.08em;font-weight:800;background:#213658;color:#bbd2f2}.pill.live{color:var(--green);background:#113e3e}.pill.gold{color:var(--gold);background:#63481555}.eyebrow{font-weight:800;font-size:1vw;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.hero{display:flex;align-items:center;justify-content:space-between;min-height:37vh;position:relative}.hero h1{font-size:5.1vw;letter-spacing:-.055em;line-height:.97;margin:1.5vh 0 2vh;font-weight:900}.hero h1 span{color:var(--gold)}.hero p{font-size:1.35vw;color:#bdcce1;margin:0;line-height:1.5}.hero-art{position:relative;width:35vw;height:37vh;display:flex;justify-content:center;align-items:center}.hero-art:before{content:'';position:absolute;border:1px solid #315681;border-radius:50%;width:23vw;height:23vw;background:radial-gradient(circle,#2d67ad55,transparent 65%)}.hero-art img{position:relative;width:29vw;height:37vh;filter:drop-shadow(0 14px 24px #02091980)}.orbit{position:absolute;z-index:1;background:#18365c;border:1px solid #47729e;padding:1vh 1vw;border-radius:1vw;font-weight:900;font-size:1.25vw;transform:rotate(8deg);right:1vw;top:5vh;color:var(--gold)}.sectionline{display:flex;align-items:center;justify-content:space-between}.sectionline h2{font-size:1.45vw;margin:0;letter-spacing:-.02em}.sectionline span{font-size:1vw;color:var(--muted)}.homecards{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:1.5vw;flex:1;min-height:0}.card{border-radius:1.5vw;text-align:left;position:relative;overflow:hidden;padding:2.2vh 2vw;border:1px solid #345178;background:linear-gradient(135deg,#1b3558,#10223f);display:flex;flex-direction:column;align-items:flex-start}.card.primary{background:linear-gradient(125deg,#287fed,#1553b2);border-color:#6caaff}.card.purple{background:linear-gradient(135deg,#433f74,#242b50);border-color:#665b95}.card .cardicon{font-size:2.4vw;height:6vh;font-weight:900;color:#d4e8ff}.card .cardicon img{width:4.7vw;height:6vh;object-fit:cover}.card h3{font-size:2.2vw;letter-spacing:-.045em;margin:1vh 0}.card p{font-size:1.08vw;line-height:1.4;color:#d0dff3;margin:0;max-width:26vw}.card .cardbottom{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5vh;font-size:1vw;font-weight:700}.arrow{font-size:1.5vw}.card:focus-visible{outline-color:var(--gold);box-shadow:0 0 0 2px #071329,0 0 30px #ffbe402c}.footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.93vw;min-height:3vh;margin-top:auto}.footer strong{color:#e3ebf8}.key{display:inline-flex;align-items:center;justify-content:center;border:1px solid #456180;border-radius:.3vw;padding:.2vh .4vw;color:#e4edfa;margin:0 .3vw;font-size:.82vw}.titleblock h1{font-size:3.1vw;margin:1vh 0 1vh;letter-spacing:-.04em}.titleblock p{color:var(--muted);font-size:1.22vw;margin:0}.pagebody{flex:1;min-height:0}.themes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5vw}.theme{padding:2.2vh 1.8vw}.theme h3{font-size:1.7vw}.theme .themeicon{font-size:2.5vw;height:5vh;color:var(--gold)}.theme.locked{opacity:.7}.theme .pill{margin-top:auto}.settings{display:flex;flex-direction:column;gap:2vh}.settingrow{display:flex;justify-content:space-between;align-items:center;background:#10223f;border:1px solid var(--line);border-radius:1vw;padding:2.4vh 2vw}.settingrow h3{font-size:1.45vw;margin:0 0 .6vh}.settingrow p{font-size:1.05vw;margin:0;color:var(--muted)}.options{display:flex;gap:1vw}.option{min-width:5vw;border-radius:.7vw;background:#203b5e;padding:1.5vh 1.3vw;font-size:1.2vw}.option.selected{background:var(--gold);color:#14213a;font-weight:800}.actions{display:flex;gap:1vw;align-items:center}.cta{background:var(--gold);color:#152038;font-weight:900;font-size:1.3vw;padding:1.8vh 2vw;border-radius:.85vw}.cta.blue{background:var(--blue);color:white}.cta.secondary{background:#203b5e;color:white}.lobbygrid{display:grid;grid-template-columns:35% 1fr;gap:2vw;flex:1;min-height:0}.joinpanel{background:#f1f5fc;color:#11233e;border-radius:1.5vw;padding:2.5vh 2vw;display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center}.joinpanel h2{font-size:1.8vw;margin:0 0 1vh}.joinpanel p{font-size:1vw;line-height:1.4;margin:.8vh 0}.qr{background:white;padding:.6vw;border-radius:.7vw;width:11vw;height:11vw;margin:.5vh 0;display:flex;align-items:center;justify-content:center}.qr svg{display:block;width:100%;height:100%}.roomcode{font-weight:900;font-size:3vw;letter-spacing:.18em}.url{font-size:1.05vw;font-weight:700;overflow-wrap:anywhere;line-height:1.5}.playerspanel{display:flex;flex-direction:column;gap:2vh}.playersgrid{display:grid;grid-template-columns:1fr 1fr;gap:1vw;flex:1;align-content:start}.player{border:1px solid #345074;background:#122846;border-radius:1vw;display:flex;align-items:center;gap:1vw;padding:1.6vh 1.2vw;font-size:1.25vw;min-height:7vh}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#315c93;border-radius:50%;width:2.8vw;height:2.8vw;flex-shrink:0;font-size:1.15vw;font-weight:900;color:white}.player:nth-child(4n+2) .avatar{background:#6c4e95}.player:nth-child(4n+3) .avatar{background:#236d69}.player:nth-child(4n) .avatar{background:#9d5734}.player .name{flex:1;overflow:hidden;text-overflow:ellipsis}.remove{background:transparent;color:var(--muted);font-size:1vw;padding:.6vw}.emptyplayer{border-style:dashed;color:#7f98b9;background:#11203955}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8vw}.step{background:#10233f;border:1px solid var(--line);padding:3vh 2vw;border-radius:1.5vw}.step .num{font-size:3.4vw;font-weight:900;color:var(--gold);margin:1vh 0 3vh}.step h2{font-size:1.8vw}.step p{font-size:1.25vw;color:#bdcde2;line-height:1.55}.questionhead{display:flex;justify-content:space-between;align-items:center}.questionhead h2{font-size:1.4vw;margin:0}.timer{display:flex;align-items:center;gap:1vw;color:var(--gold);font-size:1.2vw}.timer b{border:3px solid #a98643;width:4.4vw;height:4.4vw;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2vw;font-variant-numeric:tabular-nums}.timer.urgent{color:var(--red)}.questionwrap{background:linear-gradient(140deg,#152e50,#101f39);border:1px solid #35527a;border-radius:1.5vw;padding:3vh 3vw;flex:1;display:flex;flex-direction:column;gap:2vh;justify-content:center}.questionwrap h1{font-size:3vw;line-height:1.15;letter-spacing:-.035em;margin:0 0 1vh;max-width:77vw}.answers{display:grid;grid-template-columns:1fr 1fr;gap:1.2vw}.answer{background:#1e385b;border:2px solid #3f597d;border-radius:.9vw;display:flex;align-items:center;gap:1.2vw;text-align:left;padding:1.8vh 1.4vw;font-size:1.5vw;min-height:9vh}.letter{background:#37567f;border-radius:.6vw;width:2.8vw;height:2.8vw;display:flex;align-items:center;justify-content:center;font-size:1.25vw;font-weight:900;flex-shrink:0}.answer.correct{background:#124c42;border-color:#70e3b2;color:#aeffda}.answer.correct .letter{background:#70e3b2;color:#0c3229}.answer.dim{opacity:.48}.answer.selected{border-color:var(--gold)}.answerbar{display:flex;align-items:center;justify-content:space-between;font-size:1.1vw;color:#bdcde2;min-height:6vh}.progress{height:.65vh;background:#284261;border-radius:10px;overflow:hidden}.progress div{height:100%;background:var(--gold);transition:width .5s linear}.explanation{font-size:1.25vw;color:#9defc9;line-height:1.45;margin:0}.ranklist{display:flex;flex-direction:column;gap:1vh;width:100%;overflow:auto}.rank{display:flex;align-items:center;gap:1.3vw;background:#132944;border:1px solid var(--line);border-radius:1vw;padding:1.45vh 1.7vw;font-size:1.4vw}.rank:first-child{background:linear-gradient(90deg,#72552b77,#162b48);border-color:#b18d48}.rank .place{width:2vw;color:var(--gold);font-weight:900}.rank .name{flex:1}.rank .gain{color:var(--green);font-size:1.05vw}.rank strong{font-size:1.8vw}.finishgrid{display:grid;grid-template-columns:42% 1fr;gap:4vw;align-items:center;flex:1;min-height:0}.winner{text-align:center}.winner img{height:27vh}.winner h1{font-size:3.5vw;margin:1vh 0;color:var(--gold);overflow-wrap:anywhere}.winner p{font-size:1.25vw;color:var(--muted)}.modehint{font-size:1.08vw;color:var(--muted);line-height:1.5}#toast{position:fixed;bottom:5vh;left:50%;transform:translateX(-50%);background:#ffe0a0;color:#182239;font-weight:700;padding:1.5vh 2vw;border-radius:1vw;z-index:100;max-width:85vw;display:none;text-align:center}.modalshade{position:fixed;inset:0;background:#020918bb;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:#183354;border:1px solid #4e729c;border-radius:1.5vw;padding:4vh 3vw;max-width:50vw}.modal h2{font-size:2.4vw;margin:0 0 2vh}.modal p{font-size:1.3vw;line-height:1.5;color:#c1d1e5}.modal .actions{margin-top:3vh}.phone{min-height:100svh;background:radial-gradient(ellipse at 80% 0,#16345b,transparent 60%),var(--navy)}.phone #app{max-width:520px;margin:auto;padding:24px 22px 35px}.phone .brand{font-size:18px;gap:8px;justify-content:center;margin-bottom:24px}.phone .brand img{width:42px;height:42px}.phone .eyebrow{font-size:11px;letter-spacing:.16em}.phone h1{font-size:36px;line-height:1.06;letter-spacing:-.04em;margin:12px 0}.phone h2{font-size:24px}.phone p{font-size:16px;line-height:1.5;color:#b7c8e0}.phone .bear{height:185px;width:100%;object-fit:contain;display:block}.phone .panel{padding:22px;background:#102440;border:1px solid #325078;border-radius:22px;margin-top:20px}.phone label{display:block;font-size:13px;font-weight:800;margin:20px 0 8px;color:#c9d8ed}.phone input{width:100%;padding:16px;border:1px solid #46658d;border-radius:12px;background:#091a30;color:white;font-size:19px;min-height:54px}.phone .cta{font-size:17px;padding:18px 20px;width:100%;border-radius:12px;margin-top:22px;min-height:58px}.phone .pill{font-size:11px;padding:7px 11px}.phone .center{text-align:center}.phone .roomcode{font-size:34px;margin:10px 0}.phone .small{font-size:13px;line-height:1.5;color:#90a7c8}.phone .answers{grid-template-columns:1fr;gap:12px;margin:22px 0}.phone .answer{font-size:18px;border-radius:14px;min-height:78px;padding:16px;gap:14px}.phone .letter{width:40px;height:40px;font-size:18px;border-radius:10px}.phone .questionhead{margin:20px 0}.phone .questionhead h2{font-size:16px}.phone .timer{font-size:14px}.phone .timer b{width:48px;height:48px;font-size:22px}.phone .bigmark{font-size:64px;font-weight:900;color:var(--gold);margin:25px 0 15px}.phone .score{font-size:48px;font-weight:900;color:var(--gold)}.phone .rank{font-size:17px;padding:14px;gap:12px;border-radius:12px}.phone .rank .place{width:22px}.phone .rank strong{font-size:20px}.phone .rank .gain{font-size:13px}.phone .ranklist{gap:8px}.phone .avatar{width:36px;height:36px;font-size:16px}.phone #toast{font-size:15px;padding:16px 22px;border-radius:14px;bottom:25px}.phone .progress{height:6px}.phone .explanation{font-size:17px}.phone .smallbtn{font-size:14px;padding:12px 16px;border-radius:10px;margin-top:15px}.phone .error{color:#ffbdc7;font-size:14px;line-height:1.5;min-height:20px;margin-top:12px}.connection{position:fixed;top:0;left:0;right:0;background:#ac354b;color:white;padding:10px;font-size:15px;text-align:center;z-index:90}.pulse{animation:breath 2s ease-in-out infinite}@keyframes breath{50%{opacity:.6}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(max-width:360px){.phone #app{padding:18px 16px}.phone h1{font-size:30px}}

.tv .ranklist.dense{gap:.5vh}.tv .dense .rank{padding:.8vh 1.7vw;font-size:1.2vw}.tv .dense .avatar{width:2.1vw;height:2.1vw;font-size:1vw}.tv .dense .rank strong{font-size:1.45vw}

/* Artwork from the user's approved mockup, displayed unchanged through CSS windows. */
:root{--navy:#020b24;--panel:#06204c;--blue:#008fff;--gold:#ffe343;--line:#20589a}
.tv{background:radial-gradient(ellipse at 50% 5%,#0652b9 0,#032d75 24%,#001c4b 43%,#010a20 76%)}
.tv #app.showtime{padding:0;display:block;background:radial-gradient(ellipse at 50% 5%,#0874ee66,transparent 60%)}
.showtime-home{width:100%;height:100%;position:relative;overflow:hidden}
.home-tools{position:absolute;left:2.4vw;top:4.2vh;display:flex;flex-direction:column;align-items:flex-start;gap:1.7vh;z-index:2}
.studio-button{display:flex;align-items:center;gap:.9vw;border:2px solid #304c7e;background:#010d29c9;border-radius:99px;padding:1.1vh 1.35vw;font-size:1.4vw;font-weight:800;color:#c3d3ef;min-height:6.7vh}
.studio-button span{font-size:2vw}.studio-button.subtle{font-size:1vw;padding:1vh 1.3vw;min-height:4.5vh;background:#06205199;border-color:#26508588}
.reference-logo{position:absolute;left:31.1vw;top:.6vh;width:37.1vw;aspect-ratio:620/513;background-image:url('/reference-menu.png');background-size:269.6774% auto;background-position:49.43% 0;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.home-join{position:absolute;right:2.4vw;top:6.3vh;width:24.8vw;min-height:17.5vh;border:2px solid #274e84;border-radius:1.5vw;background:linear-gradient(130deg,#00183fee,#030c24);padding:2vh 1.4vw;display:flex;flex-direction:column;align-items:center;gap:.8vh;color:#c6d9f7;box-shadow:0 0 25px #001840}
.home-join .join-caption{font-size:.9vw;font-weight:800;letter-spacing:.1em;color:#b7ccec}.home-join strong{font-size:2.0vw;color:#ffe548;font-weight:900}.home-join>span:not(.join-caption){font-size:1.1vw}.home-join small{font-size:.88vw;color:#91acd3}
.mode-tiles{position:absolute;left:1.3vw;right:1.3vw;top:54.8vh;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75vw;align-items:center}
.mode-tile{position:relative;display:block;aspect-ratio:260/318;width:100%;border:0;border-radius:1.8vw;background-color:#05205c;background-image:url('/reference-menu.png');background-size:643.0769% auto;background-position-y:82.50%;box-shadow:0 7px 22px #0007;transition:transform .18s,box-shadow .18s;overflow:visible}
.tile-right{background-position-x:1.416%}.tile-close{background-position-x:20.963%}.tile-clue{background-position-x:40.298%}.tile-believable{background-position-x:59.703%}.tile-poke{background-position-x:79.108%}.tile-themes{background-position-x:98.584%}
.mode-tile:focus-visible{outline:4px solid #fff49a;outline-offset:5px;transform:translateY(-1vh) scale(1.025);box-shadow:0 0 9px #fff,0 0 28px #03d9ffcc,0 0 65px #1683ff88;z-index:3}
.mode-tile:hover{transform:translateY(-.7vh)}.soon-sticker{position:absolute;top:2.3%;right:5%;background:#07152cea;border:1px solid #ffffff66;color:#fff;border-radius:99px;padding:.55vh .55vw;font-size:.62vw;font-weight:900;letter-spacing:.04em;box-shadow:0 2px 5px #0007}
.home-bottom{position:absolute;bottom:2.6vh;left:30vw;right:30vw;display:flex;align-items:center;justify-content:center;gap:1vw;border:2px solid #264572;border-radius:99px;padding:1.3vh .5vw;color:#bdd0ef;background:#020e2beb;font-size:1.35vw;font-weight:700;white-space:nowrap}
.home-bottom>span{font-size:2vw}.home-version{position:absolute;bottom:.5vh;width:100%;text-align:center;color:#637fa9;font-size:.65vw;letter-spacing:.08em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.brand-face{display:inline-block;width:3.8vw;height:3.6vw;flex-shrink:0;background-image:url('/reference-menu.png');background-size:557.333% auto;background-position:59.913% 0;border-radius:50%;box-shadow:0 0 15px #147aff55}
.reference-bear{background-image:url('/reference-menu.png');background-size:334.4% auto;background-position:49.488% 0;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent)}
.lobby-bear{width:23vw;aspect-ratio:500/300;min-height:23vh}.winner-bear{width:28vw;aspect-ratio:500/300;margin:0 auto}
.brand{font-size:1.4vw;text-shadow:0 2px 4px #000}.brand span span{color:#ffe63e}.eyebrow{color:#ffe548}.titleblock h1{text-shadow:0 3px 0 #021033,0 0 25px #0885ff33}
.smallbtn{background:#03122e;border:2px solid #285387;border-radius:99px}.cta{background:linear-gradient(#fff575,#ffba00);border:2px solid #fff48d;box-shadow:0 4px 0 #a65d00,0 0 18px #ffc80022;border-radius:1vw}.cta.secondary{background:linear-gradient(#183d7a,#0b2450);border-color:#4277b8;box-shadow:0 4px 0 #00102d}.cta.blue{background:linear-gradient(#14b7ff,#0959df);border-color:#78dcff;box-shadow:0 4px 0 #082b7c}
.card{border:2px solid #2c74ba;box-shadow:inset 0 1px 12px #3587ef22,0 0 20px #0089ff11}.card.primary{background:linear-gradient(135deg,#0076f2,#161dcf);border-color:#46efff}.theme:nth-child(2){background:linear-gradient(135deg,#8b18e0,#3b158b)}.theme:nth-child(3){background:linear-gradient(135deg,#ef3735,#930a28)}.theme:nth-child(4){background:linear-gradient(135deg,#08a6c4,#015271)}.theme:nth-child(5){background:linear-gradient(135deg,#ffad00,#c54a00)}.theme:nth-child(6){background:linear-gradient(135deg,#07a838,#07561e)}.theme.locked{opacity:.9}.theme .pill{background:#030e2abb;color:#dbe9ff}.theme .themeicon{color:white}
.questionwrap{border:2px solid #2d88d4;background:linear-gradient(140deg,#082d69,#051539);box-shadow:0 0 28px #007aff22}.answer{background:linear-gradient(135deg,#153d88,#0b2059);border-color:#4789d3;box-shadow:0 3px 0 #001035}.answer:nth-child(2){background:linear-gradient(135deg,#175c37,#093921)}.answer:nth-child(3){background:linear-gradient(135deg,#693093,#341961)}.answer:nth-child(4){background:linear-gradient(135deg,#964c12,#522304)}.answer.correct{background:linear-gradient(135deg,#0b985a,#055e48);border-color:#a0ffd4;box-shadow:0 0 22px #18e79955}.answer .letter{background:#020a2a88;border:1px solid #ffffff44}.answer.correct .letter{background:#87ffc5}
.joinpanel{background:linear-gradient(135deg,#052665,#041534);color:#f3f7ff;border:2px solid #2a87cc;box-shadow:0 0 35px #008cff44}.joinpanel .roomcode{color:#ffe546}.qr{width:13vw;height:13vw;padding:.7vw;border-radius:.8vw;box-shadow:0 0 15px #3ec4ff55}.player{background:linear-gradient(110deg,#102e64,#081b41);border:2px solid #3762a0}.avatar{background:linear-gradient(145deg,#13c9ff,#153ddd)}.rank{background:linear-gradient(100deg,#0b2b65,#091b3e);border-color:#345c98}.rank:first-child{background:linear-gradient(100deg,#8a5e1877,#112b5e);border-color:#ffd653}.timer b{border-color:#ffe546;box-shadow:0 0 20px #ffdb3322}.modal{background:linear-gradient(135deg,#0c3375,#041639);border:2px solid #3c8bce;box-shadow:0 0 50px #007dff55}.mode-dialog{max-width:72vw;display:grid;grid-template-columns:15vw 1fr;gap:3vw;align-items:center}.mode-preview{pointer-events:none}.mode-dialog strong{color:#ffe449;font-size:1.5vw}.mode-dialog .modehint{font-size:1.1vw}.mode-dialog .cta{font-size:1.1vw}
.phone{background:radial-gradient(ellipse at 50% 0,#0754b1,transparent 65%),#010d2d}.phone .brand-face{width:42px;height:42px}.phone .reference-bear{width:290px;max-width:100%;height:174px;margin:0 auto;background-size:334.4% auto;display:block}.phone .panel{border:2px solid #286eb2;background:linear-gradient(140deg,#092d66,#061735);box-shadow:0 0 22px #0188ff22}.phone .cta{border-radius:14px}.phone .letter{border-radius:10px}.phone .brand{font-size:20px}.phone .answer{border-width:2px}.phone .answer.correct{background:linear-gradient(135deg,#0b985a,#055e48)}

.reference-logo{background-image:url('/buzzer-bear-logo.png');background-size:contain;background-position:center;mask-image:none;-webkit-mask-image:none;aspect-ratio:1344/1178;width:36vw;left:32vw;top:.5vh;max-height:54vh;filter:drop-shadow(0 0 15px #0795ff55)}
.reference-bear{background-image:url('/buzzer-bear-logo.png');background-size:contain!important;background-position:center;mask-image:none;-webkit-mask-image:none}
.brand-face{background-image:url('/buzzer-bear-logo.png');background-size:contain;background-position:center;border-radius:0;box-shadow:none}
.phone .reference-bear{height:210px;width:245px;max-width:100%}
.showtime-home:before{content:'';position:absolute;left:23%;right:23%;top:1%;height:52%;background:radial-gradient(ellipse,#037bff55,transparent 70%);animation:stage-glow 6s ease-in-out infinite;pointer-events:none}@keyframes stage-glow{50%{opacity:.55}}

.brand-face{background-repeat:no-repeat}

/* Shared five-second reveal: countdown occupies the last three seconds. */
.auto-next{display:flex;align-items:center;justify-content:center;gap:1vw;color:var(--gold);font-size:1.25vw;font-weight:800}
.auto-next b{display:flex;align-items:center;justify-content:center;width:3.4vw;height:3.4vw;border:2px solid var(--gold);border-radius:50%;background:#092354;font-size:2vw;font-variant-numeric:tabular-nums;box-shadow:0 0 22px #ffe34333}
.phone .result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 20px}
.phone .result-heading h1{font-size:29px;margin:9px 0 0}.phone .result-points{font-size:30px;color:var(--gold);text-align:right;white-space:nowrap}
.phone .result-points small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.phone .answer-review{padding:18px;border:2px solid #3b70aa;border-radius:18px;background:#082354;margin:14px 0}
.phone .answer-review h2{font-size:24px;line-height:1.2;margin:10px 0 0;overflow-wrap:anywhere}
.phone .answer-review p{font-size:15px;margin:12px 0 0;line-height:1.4}
.phone .answer-review.is-correct{border-color:#66e4ae;background:linear-gradient(130deg,#07543e,#063047)}
.phone .answer-review.is-correct .eyebrow{color:#a8ffda}.phone .answer-review.is-wrong{border-color:#ff8497;background:linear-gradient(130deg,#49213c,#10234b)}
.phone .answer-review.is-wrong .eyebrow{color:#ffb9c5}.phone .auto-next{gap:16px;font-size:18px;margin-top:22px}.phone .auto-next b{width:54px;height:54px;font-size:30px}

/* Cumulative points stay yellow; only this question's new points are green. */
.past{color:#ffe343}.earned{color:#70e3b2}.total{color:#f6f8ff}
.score-part{display:flex;flex-direction:column;gap:.3vh;text-align:right;min-width:6.5vw;font-variant-numeric:tabular-nums}
.score-part small{font-size:.7vw;font-weight:400;white-space:nowrap}.score-part b{font-size:1.55vw}
.tv .rank .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv .leaderboard-body{display:flex;align-items:center}.tv .leaderboard-body .ranklist{overflow:hidden}
.tv .dense .score-part b{font-size:1.3vw}.tv .dense .score-part small{font-size:.65vw}
.leaderboard-bottom{display:flex;justify-content:space-between;align-items:center;min-height:6vh}.score-legend{font-size:1.05vw}
.tv .finishgrid .score-part{min-width:4.8vw}.tv .finishgrid .rank{gap:.8vw}.tv .finishgrid .avatar{display:none}
.phone .rank{display:grid;grid-template-columns:24px 1fr 1fr 1fr;gap:10px;padding:14px}
.phone .rank .name{grid-column:2 / 5;overflow-wrap:anywhere}.phone .rank .score-part.past{grid-column:2}
.phone .score-part{min-width:0;text-align:left;gap:4px}.phone .score-part small{font-size:11px}.phone .score-part b{font-size:17px}
.phone .phone-board-countdown{margin:12px 0 22px}

.tv .settings{gap:1.4vh}.tv .settings .settingrow{padding:1.6vh 1.5vw}.tv .settings .modehint{margin:.5vh 0;font-size:.95vw}
.tv .difficulty-row .option{font-size:1.03vw;padding:1.4vh 1vw}.tv .difficulty-row p{font-size:.9vw}

/* Five remote-friendly settings rows fit the TV safe area. */
.tv .settings{gap:1vh}.tv .settings .settingrow{padding:1.1vh 1.5vw}
.tv .settings .option{padding:1.1vh 1vw}.tv .settings .settingrow h3{font-size:1.3vw}
.tv .settings .modehint{font-size:.83vw;line-height:1.25}

/* Halloween artwork is a separate asset; choosing General restores the original. */
body.halloween{--gold:#ffc75b;--line:#773b84;background:radial-gradient(ellipse at 50% 5%,#582263 0,#241347 42%,#090c24 82%)}
.halloween .reference-logo{background-image:url('/buzzer-bear-halloween.png');background-size:contain;background-position:center;left:33vw;top:1vh;width:34vw;height:52vh;aspect-ratio:auto;mask-image:none;-webkit-mask-image:none}
.halloween .brand-face,.halloween .reference-bear{background-image:url('/buzzer-bear-halloween.png');background-size:contain;background-position:center;background-repeat:no-repeat}
.halloween .showtime-home:before{background:radial-gradient(ellipse,#ff7e1744,transparent 70%)}
.halloween #app.showtime{background:transparent}.halloween .home-join{border-color:#87507f;background:linear-gradient(130deg,#301342ee,#100d27)}
.theme-halloween{background:linear-gradient(130deg,#542151,#231c47);border-color:#d98943;display:flex;flex-direction:row;align-items:center;gap:1vw}
.theme-halloween img{width:43%;max-height:25vh;object-fit:contain}.theme-halloween>div{flex:1}.theme-halloween h3{font-size:1.6vw}.theme-halloween .eyebrow{font-size:.65vw;letter-spacing:.1em}.theme-halloween p{font-size:.9vw}.theme-halloween .pill{margin-top:1.5vh}
.theme.chosen{border:3px solid var(--gold);box-shadow:0 0 24px #ffbb3322}

.mode-choice{text-align:left;color:var(--ink);border:2px solid transparent}.mode-choice.chosen{border-color:var(--gold)}.tv .settings .settingrow{padding:.75vh 1.5vw}.tv .settings{gap:.65vh}

.game-modes{grid-template-columns:1fr 1fr}
/* Halloween's warm black-and-orange palette; score/correctness colors stay semantic. */
body.halloween{--gold:#ffae42;--line:#75411b;background:radial-gradient(ellipse at 50% 0,#49220b 0,#17100b 42%,#080808 82%);color:#fff4e8}
.halloween .home-join,.halloween .panel,.halloween .joinpanel,.halloween .playerspanel,.halloween .step,.halloween .card,.halloween .settingrow,.halloween .modal,.halloween .rank,.halloween .host-panel{background:linear-gradient(130deg,#29190e,#101010);border-color:#74401f}
.halloween .home-join,.halloween .theme-halloween{border-color:#ff9b32;background:linear-gradient(130deg,#512607,#15100d)}
.halloween .mode-tile{filter:sepia(1) saturate(3.2) hue-rotate(344deg);border-color:#ff9b32}
.halloween .home-bottom,.halloween .studio-button,.halloween .option,.halloween .player,.halloween input,.halloween select{background:#15110e;border-color:#784720;color:#fff4e8}
.halloween .answer:not(.correct):not(.dim){background:#241810;border-color:#9b5927}
.halloween .cta:not(.secondary),.halloween .option.selected{background:linear-gradient(#ffc06b,#ff8a1d);color:#201006;border-color:#ffc16b}
.halloween button:focus-visible{outline-color:#ffd1a0;box-shadow:0 0 24px #ff850d88}
.halloween .welcome-copy h1 span,.halloween .eyebrow,.halloween .themeicon{color:#ffb257}
.halloween .progress>div{background:#ff9b32}.halloween .timer{border-color:#ff9b32}.halloween .roomcode{color:#ffb257}
.question-credit{display:block;text-align:center;font-size:10px;line-height:1.4;color:#bbc3cf;margin:4px 0}.question-credit a{color:inherit}.phone .question-credit{margin:18px 0;font-size:11px}
.halloween .smallbtn,.halloween .cta.secondary{background:#24170e;border-color:#a35d2a;color:#fff3e6}.halloween .avatar{background:linear-gradient(135deg,#ffab3c,#a3430d)}.halloween .joinpanel{box-shadow:0 0 24px #ff8a101a}