:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10151f;--panel:#192231;--panel-light:#202c3e;--line:#344054;--ink:#f6f7fb;--muted:#aebbd0;--soft:#dbe3ef;--pink:#e97592;--focus:#f9c86b;--green:#68d4ac;--warn:#f6c76a;--bad:#f28c9a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 50% 35% at 50% -10%,#34435a 0%,transparent 90%), radial-gradient(ellipse 40% 38% at 100% 88%,#202d48 0%,transparent 80%),var(--bg);background-attachment:fixed;margin:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#app{flex-direction:column;min-height:100vh;display:flex}.shell{width:min(1180px,100% - 40px);margin:0 auto}.skip-link{color:#111;z-index:50;background:#fff;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.site-header{border-bottom:1px solid #ffffff12;padding:20px 0}.site-header .shell{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#13131b;background:linear-gradient(130deg,#e97592,#9976d9);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;display:grid}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{letter-spacing:.005em;font-size:14px;line-height:1.2}.brand-copy span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.header-actions{align-items:center;gap:12px;display:flex}.header-tag{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:11px}main.shell{outline:none;flex:1;padding:34px 0 50px}.site-footer{color:#94a5bd;text-align:center;border-top:1px solid #ffffff12;padding:19px 0 22px;font-size:12px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,DM Sans,sans-serif}h1{letter-spacing:-.045em;font-size:clamp(39px,6vw,70px);font-weight:700;line-height:1.07}h2{letter-spacing:-.025em;font-size:clamp(26px,3vw,40px);font-weight:700}h3{font-size:20px}p{line-height:1.63}.muted{color:var(--muted)}.accent{color:var(--pink)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pink);font-size:11px;font-weight:800}.panel{background:linear-gradient(150deg,#1d2838,#172130);border:1px solid #ffffff1c;border-radius:24px;box-shadow:0 14px 65px #0000002b}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.noscript{text-align:center;padding:60px}.btn{color:#131927;background:#f6f7fb;border:1px solid #0000;border-radius:13px;min-height:48px;padding:13px 20px;font-weight:800;transition:transform .13s,background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.btn:disabled{opacity:.5}.btn-primary{background:var(--pink);color:#171923}.btn-primary:hover:not(:disabled){background:#ff92ab}.btn-ghost{color:var(--soft);background:#ffffff0a;border-color:#ffffff24}.btn-ghost:hover:not(:disabled){background:#ffffff17}.btn-small{border-radius:10px;min-height:36px;padding:7px 12px;font-size:12px}.btn-wide{min-width:220px}.pill{color:#d9e3f2;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff29;border-radius:100px;align-items:center;gap:8px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.dot{background:var(--pink);border-radius:50%;flex:none;width:9px;height:9px}.intro{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:46px 0 28px;display:grid}.intro-title{max-width:710px;margin:20px 0}.intro-desc{color:#c4cedb;max-width:580px;margin-bottom:28px;font-size:17px}.intro-stats{flex-wrap:wrap;gap:11px;margin-top:27px;display:flex}.intro-art{justify-content:center;align-items:center;min-height:330px;display:flex;position:relative}.intro-art:before{content:"";filter:blur(80px);background:#e9759230;border-radius:100%;width:280px;height:280px;position:absolute}.art-wheel{filter:drop-shadow(0 23px 30px #0006);width:270px;height:270px;position:relative;transform:rotate(-11deg)}.art-wheel svg{width:100%;height:100%;display:block}.home-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.how{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:27px;display:grid}.how-item{background:#ffffff07;border:1px solid #ffffff17;border-radius:16px;padding:20px}.how-item .number{background:#ffffff17;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-flex}.how-item strong{margin-bottom:5px;font-size:14px;display:block}.how-item p{color:var(--muted);font-size:13px}.setup{width:min(620px,100%);margin:12px auto;padding:32px}.setup h2{margin:10px 0 8px}.setup>p{color:var(--muted);margin-bottom:24px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:8px;margin-bottom:21px;display:flex}.field label{color:#dbe4f1;font-size:13px;font-weight:700}.field input,.field select,.name-input,.invite-url{color:#fff;background:#111a28;border:1px solid #ffffff2a;border-radius:11px;width:100%;min-width:0;min-height:46px;padding:11px 12px}.code-input{text-transform:uppercase;letter-spacing:.3em;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.setup-buttons{flex-wrap:wrap;gap:9px;margin-top:9px;display:flex}.game-error{color:#ffd6d6;background:#57252a;border-radius:10px;margin:0 0 14px;padding:12px 14px;font-size:14px}.lobby{flex-direction:column;gap:18px;display:flex}.invite{padding:26px 28px}.invite h2{margin:8px 0 6px}.room-code{letter-spacing:.22em;color:var(--pink);margin-left:6px;font-family:Outfit,sans-serif}.invite-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.invite-url{flex:320px;font-size:14px}.lobby-players{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lobby-card{flex-direction:column;gap:16px;min-height:290px;padding:24px;display:flex}.lobby-card-top{align-items:center;gap:18px;display:flex}.pawn-preview{background:radial-gradient(circle at 50% 30%,#2a384f,#141c2b);border:1px solid #ffffff1a;border-radius:18px;flex:none;place-items:center;width:92px;height:104px;display:grid}.lobby-card-id{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.seat-tag{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.their-name{text-overflow:ellipsis;white-space:nowrap;font:700 24px/1.2 Outfit,sans-serif;overflow:hidden}.name-input{font:700 20px/1.2 Outfit,sans-serif}.presence{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.presence i{background:#6b7688;border-radius:50%;width:9px;height:9px;display:inline-block}.presence.on{color:#9de9c3}.presence.on i{background:var(--green);box-shadow:0 0 0 3px #68d4ac30}.presence.off{color:#f5b4bd}.presence.off i{background:var(--bad)}.swatches{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.swatches legend{color:#dbe4f1;margin-bottom:10px;padding:0;font-size:13px;font-weight:700}.swatch{background:#141c2b;border:2px solid #fff3;border-radius:50%;width:44px;height:44px;padding:4px;transition:transform .12s,border-color .12s;position:relative}.swatch-fill{background:var(--sw);border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 -4px 6px #0005,inset 0 3px 4px #fff6}.swatch:hover:not(:disabled){transform:scale(1.07)}.swatch.is-selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff30}.swatch.is-selected:after{content:"✓";color:#fff;text-shadow:0 0 3px #000,0 0 6px #000;place-items:center;font-size:17px;font-weight:900;display:grid;position:absolute;inset:0}.swatch:disabled{cursor:not-allowed;opacity:.4}.swatch-x{color:#fff;place-items:center;font-size:26px;font-weight:300;display:grid;position:absolute;inset:0}.ready-row{margin-top:auto}.ready-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid #ffffff2a;border-radius:100px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.ready-badge.is-ready{color:#10281e;background:var(--green);border-color:var(--green)}.seat-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:340px;margin:auto;display:flex}.pawn-ghost{border:2px dashed #ffffff40;border-radius:50% 50% 40% 40%/40% 40% 60% 60%;width:70px;height:86px}.wait-dots{gap:6px;display:inline-flex}.wait-dots i{background:var(--pink);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.wait-dots i:nth-child(2){animation-delay:.2s}.wait-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.lobby-settings{padding:22px 28px}.lobby-settings .form-grid{margin-top:12px}.lobby-settings .field{margin-bottom:0}.lobby-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.lobby-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.screen-note{color:var(--muted);text-align:center;margin-top:17px;font-size:13px}.conn-banner{color:#ffe9b0;text-align:center;background:#4a3a14;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:9px 16px;font-size:13px;display:flex}.conn-banner[hidden]{display:none}.toast{color:#ffe1e1;z-index:40;background:#57252a;border:1px solid #f28c9a66;border-radius:12px;max-width:min(560px,100% - 32px);padding:12px 18px;font-size:14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.toast[hidden]{display:none}.presence-note{text-align:center;min-height:0;font-size:13px}.presence-note:empty{display:none}.presence-note .warn{color:var(--warn);margin-right:8px}.game{flex-direction:column;gap:18px;display:flex}.scorebar{grid-template-columns:1fr 1fr;gap:16px;display:grid}.player-card{background:#ffffff09;border:1px solid #ffffff1c;border-radius:20px;align-items:center;gap:18px;min-width:0;padding:16px 22px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.player-card.active{background:linear-gradient(120deg,#e9759216,#ffffff07);border-color:#f5c0ce99;box-shadow:0 0 0 1px #f5c0ce33,0 10px 40px #e9759214}.pie-wrap{flex:none;width:92px}.pie{width:100%;display:block}.pie .seg{transition:fill .4s}.pie .seg.fresh{transform-origin:50px 50px;animation:1.1s ease-out wedge-in}@keyframes wedge-in{0%{filter:brightness(2.2);transform:scale(1.35)}to{filter:none;transform:scale(1)}}.pie-count{fill:#fff;font:800 15px Outfit,sans-serif}.player-data{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.player-name{text-transform:uppercase;letter-spacing:.09em;color:#dfebfa;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:800;display:flex}.player-name .pn{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-name .you{letter-spacing:.08em;color:var(--muted);border:1px solid #ffffff40;border-radius:100px;padding:1px 7px;font-size:10px}.pawn-chip{flex:none;justify-content:center;align-items:flex-end;width:22px;height:30px;display:inline-flex}.pawn-chip .pawn-icon{filter:drop-shadow(0 0 1px #fff)}.player-score{letter-spacing:-.04em;font-family:Outfit,sans-serif;font-size:38px;font-weight:800;line-height:1}.score-unit{color:#aebbd0;letter-spacing:.02em;font:600 11px DM Sans,sans-serif}.chips{gap:5px;display:flex}.chip{border:1.5px solid color-mix(in srgb,var(--c) 70%,#fff 0%);opacity:.5;background:0 0;border-radius:4px;width:14px;height:14px}.chip.own{background:var(--c);opacity:1;border-color:#fff}.player-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.playing{color:#ffd6e0}.board-panel{padding:24px}.board-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:center;gap:28px;display:grid}.game[data-mode=question] .board-layout{align-items:start}.board-canvas{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.board-holder{width:100%;max-width:640px}.trivia-board{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 30px #0007);width:100%;height:auto;display:block;overflow:visible}.edges-groove line{stroke:#0a0f19;stroke-width:15px;stroke-linecap:round}.edges-top line{stroke:#8fa1bb;stroke-opacity:.55;stroke-width:6px;stroke-linecap:round}.space .disc{stroke:#121a29;stroke-width:3px;transition:stroke .15s,stroke-width .15s}.space.is-wedge .disc{stroke:#f7f4ec;stroke-width:4px}.space .halo{fill:none;stroke:#0000;stroke-width:5px;pointer-events:none}.space.is-legal{cursor:pointer}.space.is-legal .halo{stroke:#fff7d6;filter:drop-shadow(0 0 7px #ffd884);animation:1.25s ease-in-out infinite pulse}.space.is-legal:hover .halo,.space.is-legal:focus-visible .halo{stroke:#ffd884;stroke-width:8px;animation:none}.space.is-legal:focus-visible{outline:none}@keyframes pulse{0%,to{stroke-opacity:.55}50%{stroke-opacity:1}}.hub-label{fill:#e5ecf8;letter-spacing:.1em;pointer-events:none;font:800 10.5px Outfit,sans-serif}.path-preview polyline{fill:none;stroke:#ffd884;stroke-width:5px;stroke-dasharray:2 9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.pawn{filter:drop-shadow(0 0 1.2px #fff)drop-shadow(0 3px 3px #000a)}.legend{flex-wrap:wrap;justify-content:center;gap:8px 16px;display:flex}.legend-item{color:#cdd6e5;align-items:center;gap:7px;font-size:11px;display:inline-flex}.legend-color{border-radius:3px;width:10px;height:10px}.board-sidebar{text-align:center;background:#ffffff06;border:1px solid #ffffff13;border-radius:20px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:14px;min-width:0;padding:26px 24px;display:flex}.board-sidebar h2{word-break:break-word}.spin-note{color:var(--muted);max-width:320px;min-height:44px;font-size:14px}.turn-tip{color:#fff2cb;background:#f1bb5615;border:1px solid #f1bb5655;border-radius:11px;padding:11px 14px;font-size:13px;line-height:1.5}.board-rule{border-top:1px solid #ffffff1b;gap:4px;width:100%;margin-top:6px;padding-top:15px;font-size:12px;display:grid}.board-rule strong{color:#e4ebf7;margin-top:7px}.board-rule span{color:#aebbd0}.game[data-mode=question] .board-sidebar{text-align:left;justify-content:flex-start;align-items:stretch;padding:24px}.popper-slot[hidden]{display:none}.popper{perspective:700px;place-items:center;width:190px;height:190px;margin:6px 0;display:grid;position:relative}.popper-base{z-index:0;background:linear-gradient(#d9dfe9,#8b97ab 55%,#4d586b);border-radius:50% 50% 46% 46%/58% 58% 42% 42%;width:176px;height:70px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 14px 24px #0009,inset 0 3px 3px #fff9}.popper-ring{background:linear-gradient(#1b2231,#2b3547);border-radius:50%;width:148px;height:30px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:inset 0 3px 6px #000b}.dome{z-index:2;background:0 0;border:0;border-radius:50% 50% 14% 14%/62% 62% 8% 8%;width:160px;height:140px;padding:0;transition:transform .15s;position:absolute;top:4px;left:50%;transform:translate(-50%)}.dome:disabled{cursor:default}.dome-glass{border-radius:inherit;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:radial-gradient(at 32% 22%,#fff8,#fff2 38%,#9fc4ff1a 70%,#ffffff30);border:2px solid #fff5;position:absolute;inset:0;box-shadow:inset 0 -12px 20px #4a6fa433,inset 0 8px 16px #fff4,0 8px 18px #0006}.dome-shine{pointer-events:none;background:linear-gradient(#fffe,#fff0);border-radius:50%;width:30%;height:18%;position:absolute;top:10%;left:22%;transform:rotate(-24deg)}.die-stage{width:70px;height:70px;transform-style:preserve-3d;margin-left:-35px;position:absolute;bottom:20px;left:50%}.die-tilt{width:100%;height:100%;transform-style:preserve-3d;display:block;transform:rotateX(-18deg)rotateY(-22deg)}.die{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1.15);display:block;position:relative}.face{backface-visibility:hidden;background:linear-gradient(145deg,#fff,#d8dee9);border:1px solid #aeb8c9;border-radius:11px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;padding:9px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 10px #8e9bb355}.face i{border-radius:50%;width:13px;height:13px;margin:auto;display:block}.face i.pip{background:radial-gradient(circle at 35% 30%,#4d5a73,#101827)}.face-1{transform:translateZ(35px)}.face-6{transform:rotateY(180deg)translateZ(35px)}.face-3{transform:rotateY(90deg)translateZ(35px)}.face-4{transform:rotateY(-90deg)translateZ(35px)}.face-2{transform:rotateX(90deg)translateZ(35px)}.face-5{transform:rotateX(-90deg)translateZ(35px)}.face-1 i.pip{background:radial-gradient(circle at 35% 30%,#ff9aaa,#c8264a);width:17px;height:17px}.popper.is-ready .dome{cursor:pointer}.popper.is-ready .dome:hover{animation:none;transform:translate(-50%)translateY(3px)}.popper.is-ready .dome-glass{animation:1.8s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:inset 0 -12px 20px #4a6fa433,inset 0 8px 16px #fff4,0 0 0 2px #f9c86b44,0 8px 18px #0006}50%{box-shadow:inset 0 -12px 20px #4a6fa433,inset 0 8px 16px #fff4,0 0 0 5px #f9c86b99,0 0 22px #f9c86b66,0 8px 18px #0006}}.popper.is-rolling .dome{animation:1.3s linear infinite pops}.popper.is-rolling .die{transition:none;animation:.62s linear infinite tumble}.popper.is-rolling .die-stage{animation:.32s ease-in-out infinite bounce}@keyframes pops{0%,to{transform:translate(-50%)translateY(0)scaleY(1)}8%{transform:translate(-50%)translateY(9px)scaleY(.94)}16%{transform:translate(-50%)translateY(0)}34%{transform:translate(-50%)translateY(8px)scaleY(.95)}42%{transform:translate(-50%)translateY(0)}62%{transform:translate(-50%)translateY(7px)scaleY(.96)}70%{transform:translate(-50%)}}@keyframes tumble{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(540deg)rotateY(720deg)rotate(180deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-34px)}}.popper.is-landing .die-stage{animation:.28s ease-out settle}@keyframes settle{0%{transform:translateY(-14px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}.skip-roll{color:var(--muted);white-space:nowrap;z-index:3;background:0 0;border:0;padding:6px 10px;font-size:12px;text-decoration:underline;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.skip-roll[hidden]{display:none}.question-panel{width:100%}.question-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.category-label{color:#ecf0f7;align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.question-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.question-text{letter-spacing:-.012em;outline:none;margin:22px 0 20px;font:650 clamp(21px,2.1vw,28px)/1.28 Outfit,sans-serif}.question-text.small{color:var(--soft);margin:16px 0 14px;font-size:17px}.answers{grid-template-columns:1fr;gap:11px;display:grid}.answer{color:#f0f3fa;text-align:left;background:#ffffff0b;border:1px solid #ffffff2c;border-radius:14px;align-items:center;gap:13px;width:100%;min-height:64px;padding:13px 15px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s;display:flex}.answer:not(:disabled):hover{background:#ffffff17;border-color:#aab8cf}.answer.is-locked,.answer:disabled{cursor:default;opacity:1;color:#dfe6f2}.answer.is-locked:hover{background:#ffffff0b;border-color:#ffffff2c}.answer .letter{color:#d2dded;background:#ffffff15;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.result-choice{cursor:default;min-height:56px}.answer.is-correct{background:#3a89603d;border-color:#75dbac}.answer.is-wrong{background:#a14d5b37;border-color:#f28c9a}.answer-indicator{color:#9de9c3;margin-left:auto;font-size:19px;font-weight:900}.answer-indicator.bad{color:var(--bad)}.result-banner{align-items:center;gap:14px;margin:18px 0 4px;display:flex}.result-icon{color:#8bedc6;background:#53cba631;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:grid}.result-banner.bad .result-icon{color:#fba2af;background:#ec7e9433}.result-title{margin-bottom:2px;font-size:32px}.question-panel .btn{width:100%;margin-top:20px}.timer{font-variant-numeric:tabular-nums;color:#dfe8f4;margin-top:14px;font-size:13px;font-weight:700}.timer.low{color:#fda1a7}.timer-bar{background:#ffffff17;border-radius:10px;width:100%;height:5px;margin:8px 0 0;overflow:hidden}.timer-bar>div{background:var(--pink);border-radius:10px;width:100%;height:100%;transition:width .25s linear}.final-panel{padding:42px 30px}.final{text-align:center;max-width:720px;margin:0 auto}.trophy{color:#ffe2a1;background:#f1bb5620;border:1px solid #f1bb5680;border-radius:22px;place-items:center;width:84px;height:84px;margin:0 auto 22px;font-size:37px;display:grid}.final h2{margin:12px 0}.final-grid{grid-template-columns:1fr 1fr;gap:13px;margin:30px 0 23px;display:grid}.final-stat{background:#ffffff0a;border:1px solid #ffffff21;border-radius:16px;padding:20px}.final-stat.is-winner{background:#f1bb5614;border-color:#f1bb5699}.final-stat strong{align-items:center;gap:8px;display:inline-flex}.final-stat .value{margin:9px 0;font:800 42px/1 Outfit,sans-serif}.final-stat .label{color:var(--muted);font-size:12px}.final-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}@media (max-width:980px){.board-layout{grid-template-columns:1fr;gap:16px}.board-panel{padding:14px}.board-sidebar{padding:20px 16px}.game[data-mode=question] .board-canvas{display:none}.game[data-mode=question] .board-sidebar{background:0 0;border:0;padding:6px 4px}.game[data-mode=question] .board-panel{padding:10px}}@media (max-width:780px){.intro{grid-template-columns:1fr;padding:30px 0}.intro-art{order:-1;min-height:220px}.art-wheel{width:210px;height:210px}.how,.lobby-players{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.scorebar{gap:10px}.player-card{text-align:center;flex-direction:column;gap:10px;padding:12px}.player-data{align-items:center}.player-name{justify-content:center}.player-meta{justify-content:center;font-size:11px}.pie-wrap{width:70px}.player-score{font-size:28px}.header-tag{display:none}.site-header{padding:14px 0}.final-grid{grid-template-columns:1fr}.setup{padding:22px}.popper{transform:scale(.92)}.game[data-mode=play] .board-sidebar{order:-1}}@media (max-width:480px){.shell{width:calc(100% - 24px)}main.shell{padding:22px 0 32px}.site-header .brand-copy strong{font-size:10.5px}.site-header .brand-copy span{display:none}.brand-mark{width:34px;height:34px;font-size:11px}.btn-wide{width:100%;min-width:0}.home-buttons .btn{width:100%}.chips{gap:3px}.chip{width:11px;height:11px}.lobby-card{padding:18px}.invite{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hard-badge{color:#ffe2a1;letter-spacing:.12em;background:#f1bb5620;border:1px solid #f1bb5699;border-radius:100px;margin-right:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}