@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,900&family=Manrope:wght@500;600;700;800&display=swap";:root{--ink:#101526;--paper:#fcf7ed;--coral:#ff5e5b;--lime:#c9ff35;--blue:#5598ff;--yellow:#ffcd45;--line:rgba(16,21,38,.16)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 85% 15%,#c9ff35 0 0,transparent 19rem),radial-gradient(circle at 10% 95%,#ffcd45 0 0,transparent 24rem),var(--paper);font-family:Manrope,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.shell{min-height:100vh;padding:32px clamp(24px,6vw,100px);display:flex;flex-direction:column}.shell.compact{justify-content:center;align-items:center}.brand{color:var(--ink);text-decoration:none;font:700 15px DM Mono,monospace;letter-spacing:.06em;align-self:flex-start}.brand span{color:var(--coral);font-size:20px;vertical-align:-2px}.hero-card,.join-card,.waiting-card,.player-result{width:min(100%,650px);padding:clamp(36px,6vw,70px);border:1px solid var(--ink);background:var(--paper);box-shadow:11px 11px 0 var(--ink);margin:72px auto 24px;position:relative;overflow:hidden}.hero-card:after,.join-card:after{content:"✦";font:200px Fraunces;color:var(--lime);position:absolute;right:-38px;top:-75px;z-index:0}.hero-card>*,.join-card>*{position:relative;z-index:1}.eyebrow,.player-progress{font:500 11px DM Mono,monospace;letter-spacing:.15em;margin:0 0 18px}.hero-card h1,.join-card h1,.upload-card h1,.setup-card h1,.question-stage h1,.results-stage h1,.final-stage h1,.player-result h1{font:700 clamp(40px,6vw,76px)/.93 Fraunces,serif;letter-spacing:-.06em;margin:0 0 24px}.hero-card h1 i,.join-card h1 i,.upload-card h1 i,.setup-card h1 i,.final-stage h1 i,.player-result h1 i{color:var(--coral);font-weight:600}.lede{max-width:430px;font-size:16px;line-height:1.65;margin:0 0 28px}.pin-input,.name-input{width:100%;border:1px solid var(--ink);background:#fffdf8;color:var(--ink);padding:17px 19px;border-radius:0;font-weight:700;font-size:18px;outline:none}.pin-input:focus,.name-input:focus{box-shadow:5px 5px 0 var(--lime)}.pin-input{letter-spacing:.25em;font:600 30px DM Mono,monospace;text-align:center;margin-bottom:12px}.login-input{margin-bottom:10px}.button,.file-button{border:1px solid var(--ink);padding:16px 20px;min-height:58px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.button:hover:not(:disabled),.file-button:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--coral)}.button span{font-size:24px;line-height:1}.button.primary{background:var(--ink);color:var(--paper);width:100%}.button.lime,.file-button{background:var(--lime);color:var(--ink)}.quiet-link{color:var(--ink);display:inline-block;margin-top:20px;font:500 12px DM Mono,monospace}.form-error{color:#a01818;margin:12px 0 0;font-size:13px}.loading{margin:auto}.host-shell{min-height:100vh;padding:24px clamp(18px,4vw,64px);background:var(--paper)}.host-header{display:flex;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}.status-pill{margin-left:auto;border:1px solid var(--ink);padding:8px 12px;font:500 11px DM Mono,monospace}.pulse{display:inline-block;height:8px;width:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #c9ff3559;margin-right:6px}.text-button{background:transparent;border:0;text-decoration:underline;font:500 12px DM Mono,monospace}.abort-button{color:var(--coral)}.host-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;max-width:1500px;margin:28px auto}.host-main{min-width:0}.side-panel{border:1px solid var(--ink);background:#fffdf8;align-self:start;min-height:280px}.side-heading{border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;padding:14px 16px;font:500 11px DM Mono,monospace}.side-heading b{color:var(--coral)}.name-cloud{padding:14px;display:flex;flex-wrap:wrap;gap:8px;max-height:65vh;overflow:auto}.name-chip{background:var(--yellow);border:1px solid var(--ink);padding:6px 9px;font-size:12px;font-weight:700;animation:pop .35s both}.name-chip.offline{opacity:.45;text-decoration:line-through}.empty-names{font-size:13px;line-height:1.5;color:#5e6270}.host-message{background:#fff2d6;border-left:4px solid var(--coral);padding:12px 14px;max-width:640px}.upload-card,.setup-card,.lobby-stage,.question-stage,.results-stage,.final-stage{border:1px solid var(--ink);min-height:560px;padding:clamp(28px,5vw,72px);background:#fffdf8;box-shadow:8px 8px 0 var(--ink)}.upload-card{background:linear-gradient(140deg,#fffdf8 0 58%,#c9ff35 58%)}.file-button input{display:none}.json-textarea{width:100%;border:1px solid var(--ink);background:#fffdf8;color:var(--ink);padding:14px 16px;font:500 13px DM Mono,monospace;resize:vertical;outline:none;margin-bottom:12px}.json-textarea:focus{box-shadow:5px 5px 0 var(--lime)}.picker-options{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.picker-options .button.primary{width:auto}.setup-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.answer-status{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.answer-list{display:flex;flex-wrap:wrap;gap:8px}.answer-chip{border:1px solid var(--ink);padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.answer-chip.done{background:var(--lime);color:var(--ink)}.answer-chip.waiting{background:#fffdf8;color:#8a8e9a;border-style:dashed}.lobby-stage{display:flex;justify-content:space-between;align-items:center;gap:36px;background:var(--ink);color:var(--paper)}.big-pin{font:900 clamp(54px,10vw,128px)/.9 "DM Mono",monospace;letter-spacing:-.09em;color:var(--lime)}.join-url{color:#bec6dc;font:12px DM Mono,monospace;overflow-wrap:anywhere;margin:18px 0 28px}.qr-box{background:var(--paper);padding:18px;line-height:0;transform:rotate(3deg);box-shadow:8px 8px 0 var(--coral)}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 11px DM Mono,monospace;letter-spacing:.08em;margin-bottom:36px}.timer{font-size:30px;color:var(--coral)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0}.option-card{min-height:90px;border:1px solid var(--ink);display:flex;align-items:center;gap:14px;padding:16px;font-size:16px}.option-card span{font:500 13px DM Mono,monospace}.option-card strong{flex:1}.option-card em{font-style:normal;font:500 17px DM Mono,monospace}.option-1{background:#ff7c76}.option-2{background:#70a7ff}.option-3{background:#ffdc62}.option-4{background:#bce96c}.option-card.correct{box-shadow:5px 5px 0 var(--ink);transform:translate(-3px,-3px)}.option-card.muted{filter:grayscale(1);opacity:.38}.leaderboard{list-style:none;margin:28px 0;padding:0;max-width:600px;border-top:1px solid var(--ink)}.leaderboard li{display:grid;grid-template-columns:45px 1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.leaderboard li b{color:var(--coral);font:500 13px DM Mono,monospace}.leaderboard li em{font-style:normal;font:700 14px DM Mono,monospace}.podium{display:flex;align-items:end;gap:10px;max-width:560px;margin:40px 0}.podium-place{flex:1;background:var(--blue);border:1px solid var(--ink);padding:16px;display:flex;flex-direction:column;gap:5px;min-height:100px;justify-content:end}.podium-place span{font:500 12px DM Mono,monospace}.podium-place b{font-family:Fraunces,serif;font-size:22px}.podium-place em{font:700 13px DM Mono,monospace;font-style:normal}.p1{min-height:190px;background:var(--lime);order:2}.p2{min-height:145px;background:var(--yellow);order:1}.p3{min-height:120px;background:var(--coral);order:3}.player-shell{min-height:100vh;background:var(--ink);color:var(--paper);padding:22px clamp(18px,5vw,80px);display:flex;flex-direction:column}.player-header{display:flex;justify-content:space-between;font:500 12px DM Mono,monospace;color:#bac2d8}.player-header b{color:var(--lime);font-size:20px}.player-shell h1{font:700 clamp(34px,6vw,74px)/.97 Fraunces,serif;letter-spacing:-.05em;max-width:1000px;margin:14px 0 auto}.player-progress{margin-top:64px;color:var(--lime)}.player-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:40px 0 12px}.player-option{border:1px solid var(--paper);color:var(--ink);min-height:105px;padding:15px;text-align:left;display:flex;align-items:center;gap:13px;font-weight:800;font-size:17px;transition:transform .12s ease,filter .12s ease}.player-option:hover:not(:disabled){transform:scale(1.015)}.player-option.selected{outline:4px solid var(--paper);transform:scale(.985)}.player-option span{font:500 14px DM Mono,monospace}.answer-notice{min-height:22px;color:var(--lime);font:500 13px DM Mono,monospace}.waiting-card{text-align:center}.spark-orb{display:block;margin:0 auto 32px;width:88px;height:88px;background:var(--coral);border:1px solid var(--ink);border-radius:50%;box-shadow:11px 11px 0 var(--lime);animation:float 1.8s ease-in-out infinite}.waiting-card p{font:700 24px Fraunces,serif}.waiting-card b{font:500 12px DM Mono,monospace}.score-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);margin:30px 0}.score-row div{padding:16px;border-right:1px solid var(--ink)}.score-row div:last-child{border:0}.score-row span{display:block;font:500 10px DM Mono,monospace;margin-bottom:5px}.score-row b{font:700 35px DM Mono,monospace;color:var(--coral)}@keyframes pop{0%{opacity:0;transform:scale(.55) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes float{50%{transform:translateY(-11px) rotate(8deg)}}@media(max-width:800px){.host-layout{grid-template-columns:1fr}.side-panel{order:-1}.name-cloud{max-height:150px}.host-header{flex-wrap:wrap}.status-pill{margin-left:auto}.lobby-stage{align-items:flex-start;flex-direction:column}.qr-box{align-self:center}.question-meta{flex-wrap:wrap}.upload-card,.setup-card,.lobby-stage,.question-stage,.results-stage,.final-stage{min-height:unset}.player-options,.option-grid{grid-template-columns:1fr}.player-shell h1{margin-bottom:28px}.player-progress{margin-top:36px}}@media(max-width:460px){.shell{padding:20px}.hero-card,.join-card,.waiting-card,.player-result{padding:32px 24px;box-shadow:6px 6px 0 var(--ink)}.host-shell{padding:16px}.host-header .brand{width:100%}.status-pill{margin-left:0}.text-button{margin-left:auto}.big-pin{font-size:62px}.player-option{min-height:76px;font-size:15px}.podium-place b{font-size:16px}}