@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f8f7f2;font-synthesis:none;--ink:#f8f7f2;--muted:#9ea4a2;--lime:#c7f36b;--coral:#ff725e;--cyan:#64d4d0;--line:#2d3337;background:#101317;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#101317;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.page-shell,.game-shell,.player-shell{background:radial-gradient(circle at 80% 0,#26352d 0,#0000 36%),#101317;min-height:100vh;padding:28px clamp(18px,5vw,80px)}.brand-lockup{letter-spacing:.13em;white-space:nowrap;font:700 14px Space Grotesk,sans-serif}.brand-dot{background:var(--lime);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.home{flex-direction:column;display:flex}.home-hero{max-width:800px;margin:auto 0;padding:clamp(48px,9vh,100px) 0}.eyebrow{letter-spacing:.2em;color:var(--lime);text-transform:uppercase;font:700 12px Space Grotesk,sans-serif}.home h1,.form-card h1,.game-shell h1,.player-shell h1{letter-spacing:-.03em;margin:22px 0;font:600 clamp(46px,8vw,112px)/.95 Space Grotesk,sans-serif}.home h1 em,.home h2 em,.form-card h1 em,.form-card h2 em,.game-shell h1 em,.game-shell h2 em,.player-shell h1 em,.player-shell h2 em{color:var(--lime);font-style:normal}.hero-copy{max-width:440px;color:var(--muted);font-size:18px;line-height:1.5}.home-actions{gap:14px;margin-top:42px;display:flex}.button{color:#101317;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:32px;min-height:48px;padding:14px 20px;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.button:focus-visible,.text-button:focus-visible,.password-toggle:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.button:hover{filter:brightness(1.08);transform:translateY(-3px)}.button-primary{background:var(--lime);margin-right:20px}.button-ghost{color:var(--ink);background:0 0;border:1px solid #59605c}.button:disabled{cursor:not-allowed;opacity:.5;filter:none;transform:none}.home-footer,.topbar{color:var(--muted);letter-spacing:.15em;justify-content:space-between;font:11px Space Grotesk;display:flex}.topbar{align-items:center;gap:20px}.form-page{background:radial-gradient(circle at 10% 100%,#20333a 0,#0000 35%),#101317}.connection{text-transform:uppercase}.form-card{width:min(540px,100%);margin:8vh auto 0}.form-card h1{font-size:clamp(46px,8vw,86px)}.muted{color:var(--muted);line-height:1.5}.quiz-meta{border-block:1px solid var(--line);gap:40px;margin:38px 0;padding:20px 0;display:flex}.quiz-meta div{flex-direction:column;gap:5px;display:flex}.quiz-meta b{font:700 25px Space Grotesk}.quiz-meta span{color:var(--muted);letter-spacing:.12em;font-size:10px}.wide{width:100%;font-size:16px}.form-card label{color:var(--muted);margin:0 0 18px;font-size:13px;display:block}.form-card input{border:1px solid var(--line);width:100%;color:var(--ink);outline-color:var(--lime);background:#191e21;border-radius:4px;margin-top:8px;padding:17px;font-size:20px;display:block}.form-card form{margin-top:28px}.form-card form .error-message{margin:0 0 16px}.dashboard-content{width:min(1040px,100%);margin:clamp(56px,10vh,110px) auto 0}.dashboard-welcome{max-width:720px}.dashboard-welcome h1{max-width:800px;margin-bottom:18px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.dashboard-card{border:1px solid var(--line);background:#191e21;border-radius:6px;flex-direction:column;justify-content:space-between;gap:24px;min-height:220px;padding:24px;display:flex}.dashboard-card h2{margin:10px 0 8px;font:600 30px/1.05 Space Grotesk,sans-serif}.dashboard-card .muted{max-width:360px;margin:0}.dashboard-card-label{color:var(--lime);letter-spacing:.12em;margin:0;font:700 11px/1.2 Space Grotesk,sans-serif}.dashboard-card .button{align-self:flex-start}.dashboard-logout{margin-top:24px}.dashboard-loading{min-height:calc(100vh - 56px);color:var(--muted);place-items:center;display:grid}.join-card{margin-top:5vh}.error-message{color:var(--coral);font-size:14px;line-height:1.4}.game-shell{background:radial-gradient(circle at 85% 15%,#354227 0,#0000 30%),#101317}.projector{padding-top:42px}.pin-display{letter-spacing:.06em;color:var(--lime);margin:36px 0 20px;font:700 clamp(90px,19vw,240px)/.9 Space Grotesk}.lobby-grid{grid-template-columns:1fr 280px;gap:70px;margin-top:55px;display:grid}.lobby-grid h2{margin:0 0 25px;font:600 62px Space Grotesk}.lobby-grid h2 small{color:var(--muted);letter-spacing:.15em;font-size:13px}.player-list{flex-wrap:wrap;gap:10px;display:flex}.player-chip{border:1px solid var(--line);background:#191e21;border-radius:30px;padding:11px 15px}.online-dot,.offline-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.offline-dot{background:var(--coral)}.host-actions{flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px;display:flex}.host-actions .wide{align-self:stretch}.text-button{color:var(--muted);background:0 0;border:0;min-height:44px;padding:12px 0;line-height:1.25}.text-button:hover{color:var(--ink)}.timer{background:var(--lime);color:#101317;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:20px 0;font:700 36px Space Grotesk;display:flex}.timer-alert{background:var(--coral)}.question-title{overflow-wrap:anywhere;max-width:1000px}.answered-count,.result-note{color:var(--muted);font-size:21px}.leaderboard{max-width:720px;margin:25px 0}.leader-row{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr auto;align-items:center;gap:18px;padding:18px 0;font-size:20px;display:grid}.leader-row>*{min-width:0}.leader-row span{overflow-wrap:anywhere}.leader-row strong{color:var(--lime);font:700 25px Space Grotesk}.leader-row b{white-space:nowrap;font-family:Space Grotesk}.leader-self{border-color:var(--lime);background:#202a20;padding-inline:12px}.player-shell{background:radial-gradient(circle at 50% 0,#293a35 0,#0000 45%),#101317;max-width:720px;min-height:100vh;margin:auto;padding:25px 20px}.player-shell .topbar{margin-bottom:8px}.player-head{color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;font:700 13px Space Grotesk;display:flex}.player-head .timer{width:58px;height:58px;margin:0;font-size:23px}.player-question{overflow-wrap:anywhere;margin:clamp(36px,10vh,96px) 0 32px!important;font-size:clamp(35px,7vw,64px)!important;line-height:1!important}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer{text-align:left;color:#fff;overflow-wrap:anywhere;border:0;border-radius:7px;align-items:center;gap:15px;min-height:100px;padding:18px;font-size:18px;font-weight:700;line-height:1.3;transition:transform .2s,opacity .2s;display:flex}.answer:hover:not(:disabled){transform:scale(1.02)}.answer:disabled{opacity:.65}.answer-0{background:#d84e53}.answer-1{background:#2d75c7}.answer-2{background:#d49b27}.answer-3{background:#329d76}.answer-mark{flex:none;font-size:20px}.waiting-mark{color:var(--lime);margin-top:18vh;font:700 70px Space Grotesk}.welcome{font-size:24px}.player-count{border:1px solid var(--line);color:var(--muted);padding:12px 16px;display:inline-block}.submitted{border:1px solid var(--lime);border-radius:6px;flex-direction:column;gap:8px;margin-top:clamp(64px,20vh,180px);padding:25px;display:flex}.submitted b{color:var(--lime);font-size:24px}.result-points{color:var(--lime);font:700 54px Space Grotesk}.personal-stat{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:20px 0;display:flex}.personal-stat b{color:var(--ink);font:700 24px Space Grotesk}.result-screen .button{margin-top:30px}.answer-review{margin-top:36px}.answer-review h2{margin:0 0 16px;font:600 28px/1.1 Space Grotesk,sans-serif}.answer-review-list{gap:12px;display:grid}.answer-review-item{border:1px solid var(--line);background:#191e21;border-radius:6px;padding:18px}.answer-review-item.is-correct{border-color:var(--lime)}.answer-review-item.is-incorrect{border-color:var(--coral)}.answer-review-number{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;margin:0;font:700 11px/1.2 Space Grotesk,sans-serif}.answer-review-item h3{overflow-wrap:anywhere;margin:10px 0 16px;font-size:19px;line-height:1.35}.answer-review-item dl{gap:10px;margin:0;display:grid}.answer-review-item dl div{grid-template-columns:125px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.answer-review-item dt{color:var(--muted);font-size:13px}.answer-review-item dd{overflow-wrap:anywhere;margin:0;font-weight:700}.answer-review-status{align-items:center;gap:8px;margin:18px 0 0;font-weight:700;display:flex}.answer-review-status span{font-size:20px;line-height:1}.is-correct .answer-review-status{color:var(--lime)}.is-incorrect .answer-review-status{color:var(--coral)}.center-screen{text-align:center;place-content:center;min-height:100vh;padding:32px 20px;display:grid}.center-screen p{color:var(--muted);margin:18px 0 0}.pulse-loader{border:3px solid var(--line);border-top-color:var(--lime);border-radius:50%;width:30px;height:30px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.home-actions,.lobby-grid{flex-direction:column;display:flex}.home-actions .button{width:100%}.lobby-grid{gap:30px}.lobby-grid h2{margin-bottom:20px}.answers{grid-template-columns:1fr}.answer{min-height:76px}.pin-display{font-size:22vw}.projector{padding-inline:22px}.quiz-meta{gap:24px;margin:30px 0}.leader-row{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;font-size:17px}.answer-review{margin-top:30px}.answer-review-item{padding:16px}.answer-review-item dl div{grid-template-columns:1fr;gap:2px}.dashboard-content{margin-top:52px}.dashboard-grid{grid-template-columns:1fr;gap:12px;margin-top:36px}.dashboard-card{min-height:190px;padding:20px}.home-footer{font-size:9px}}.auth-page{flex-direction:column;display:flex}.auth-container{width:min(540px,100%);max-width:540px;margin:8vh auto 0}.auth-form-wrapper{background:0 0;padding:0}.auth-form-wrapper h1{letter-spacing:-.03em;margin:22px 0;font:600 clamp(46px,8vw,86px)/.95 Space Grotesk,sans-serif}.auth-subtitle{color:var(--muted);margin-bottom:32px;font-size:18px;line-height:1.5}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font:500 14px Space Grotesk}.form-group input{border:1px solid var(--line);color:var(--ink);background:#ffffff0d;border-radius:5px;padding:14px 16px;font-size:16px;transition:border-color .2s,background-color .2s}.form-group input:focus{border-color:var(--lime);background:#c7f36b0d;outline:none}.form-group input:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:44px}.password-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:18px;transition:opacity .2s;position:absolute;right:12px}.password-toggle:hover{opacity:1}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.auth-page .error-message{border:1px solid var(--coral);color:var(--coral);background:#ff725e1a;border-radius:5px;margin-bottom:8px;padding:12px 16px;font-size:14px}.auth-button{justify-content:center;gap:0;width:100%;margin-top:4px}.auth-link{text-align:center;color:var(--muted);margin-top:20px;font-size:14px}.auth-link a{color:var(--lime);font-weight:700;text-decoration:none;transition:opacity .2s}.auth-link a:hover{opacity:.8}.auth-nav,.user-menu{align-items:center;gap:16px;display:flex}.username{font:500 14px DM Sans}.auth-links{align-items:center;gap:12px;display:flex}.auth-links .button-primary{margin-right:0}.button-small{gap:0;padding:10px 16px;font-size:12px}@media (width<=640px){.auth-container{margin-top:48px}.auth-form-wrapper h1{font-size:clamp(42px,13vw,64px)}.auth-form{gap:16px}.auth-links{gap:8px}.button-small{padding-inline:12px}}