:root{--bg:#101410;--fg:#ebefe8;--muted:#aeb9aa;--dim:#778575;--line:#394638;--lime:#d8ff5b;--orange:#ff7854;--font:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif;background:var(--bg);color:var(--fg);font-family:var(--font)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.5vw,72px);position:relative;z-index:2}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--display);font-size:14px;font-weight:700;line-height:.88;letter-spacing:-.06em}.logo-icon{font-size:38px;color:var(--lime);line-height:1;animation:spin 25s linear infinite}.topbar-tag,.connection,.footer,.eyebrow,.landing-meta,.card-label,.join-card label,.code-caption,.copy-link,.small-label,.question-type,.game-progress,.game-bottom,.text-action,.section-label,.reveal-bottom,.closing-note>span,.closing-note>a,.sources summary{font-size:11px;font-weight:700;letter-spacing:.16em}.topbar-tag{color:var(--dim)}.connection{color:var(--lime)}.connection.offline{color:var(--orange)}.footer{display:flex;justify-content:space-between;color:#697568;padding:22px clamp(22px,4.5vw,72px);border-top:1px solid var(--line)}#app{min-height:calc(100svh - 135px)}h1,p{margin-top:0}h1{font-family:var(--display);letter-spacing:-.08em;line-height:.91;font-weight:700}em{font-style:normal;color:var(--lime)}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow i,.question-type i{display:block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}.btn{border:0;min-height:63px;min-width:230px;padding:8px 10px 8px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-4px)}.btn b{height:43px;width:43px;display:grid;place-items:center;background:var(--bg);color:var(--lime);font-size:24px;font-weight:400}.btn-lime{background:var(--lime);color:var(--bg)}.btn-lime:hover{background:#e8ff99}.btn-outline{border:1px solid #667460;color:var(--fg);background:transparent}.btn-outline b{background:#293228}.btn:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.landing{min-height:calc(100svh - 135px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;padding:60px clamp(22px,4.5vw,72px);position:relative;overflow:hidden}.landing-copy{z-index:1}.landing h1{font-size:clamp(62px,7.1vw,122px);margin:35px 0 31px;white-space:nowrap}.landing h1>span,.join-layout h1>span,.lobby h1>span,.waiting h1>span{color:var(--orange)}.landing-copy>p{font-size:clamp(17px,1.4vw,21px);line-height:1.55;color:var(--muted);max-width:540px;margin-bottom:35px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap}.landing-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:38px;color:var(--dim)}.landing-meta span+span:before{content:'✳';color:var(--orange);margin-right:25px}.hero-graphic{width:min(43vw,650px);aspect-ratio:1;position:relative;justify-self:center;display:grid;place-items:center;margin-left:-20%}.orbit{position:absolute;border:1px solid rgba(216,255,91,.25);border-radius:50%;animation:spin 25s linear infinite}.orbit:after{content:'';position:absolute;top:10%;left:15%;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime)}.orbit-1{width:100%;height:100%;border-style:dashed}.orbit-2{width:76%;height:76%;animation-direction:reverse;animation-duration:19s}.orbit-3{width:52%;height:52%;border-color:var(--orange);animation-duration:14s}.orbit-3:after{background:var(--orange);box-shadow:0 0 20px var(--orange)}.hero-center{height:35%;width:35%;border-radius:50%;background:var(--lime);color:var(--bg);display:grid;place-items:center;font-family:var(--display);font-size:clamp(80px,13vw,180px);font-weight:700;line-height:1;animation:breathe 5s ease-in-out infinite}.orbit-label{position:absolute;background:var(--bg);border:1px solid var(--line);padding:10px 15px;font-size:10px;font-weight:700;letter-spacing:.16em}.orbit-label-one{top:13%;right:-3%;transform:rotate(8deg)}.orbit-label-two{bottom:22%;right:-2%;transform:rotate(-9deg)}.orbit-label-three{left:-10%;bottom:28%;transform:rotate(6deg)}
.join-layout{max-width:1400px;margin:auto;min-height:calc(100svh - 135px);display:grid;grid-template-columns:1fr minmax(330px,.75fr);align-items:center;gap:8%;padding:70px clamp(22px,4.5vw,72px)}.join-layout h1,.lobby h1,.waiting h1{font-size:clamp(65px,7.5vw,120px);margin:30px 0}.join-layout p,.lobby-head p,.waiting>p{font-size:19px;line-height:1.5;color:var(--muted);max-width:550px}.join-card{background:#1e271c;border:1px solid #54654f;padding:clamp(24px,3vw,45px);display:flex;flex-direction:column;gap:12px;box-shadow:22px 22px 0 rgba(0,0,0,.15)}.card-label{color:var(--lime);margin-bottom:23px}.join-card label{color:#aebaa9}.join-card input{height:58px;background:#111810;color:var(--fg);border:1px solid #61705d;padding:0 16px;margin-bottom:14px;min-width:0}.join-card input::placeholder{color:#738170}.join-card #code{font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:.15em}.join-card .btn{width:100%}.form-error{color:var(--orange);min-height:20px;font-size:13px;margin:0}
.lobby{padding:65px clamp(22px,4.5vw,72px) 45px;max-width:1550px;margin:auto;min-height:calc(100svh - 135px);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-content:center}.lobby h1{margin:28px 0}.code-panel{border:1px solid #6a795d;background:#202b1e;padding:30px;align-self:center;text-align:center;position:relative;overflow:hidden}.code-panel:before{content:'✳';position:absolute;font-size:360px;line-height:1;color:rgba(216,255,91,.04);left:-80px;top:-80px}.code-caption{color:var(--lime)}.code-number{font-family:var(--display);font-size:clamp(65px,8vw,135px);font-weight:700;letter-spacing:.08em;color:var(--lime);line-height:1.3}.join-url{font-size:clamp(13px,1.4vw,19px);overflow-wrap:anywhere}.copy-link{border:0;border-bottom:1px solid var(--lime);background:transparent;color:var(--lime);padding:12px 0;margin-top:17px}.lobby-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:27px;display:flex;justify-content:space-between;align-items:center;gap:30px}.small-label{color:var(--dim)}.small-label strong{color:var(--lime);font-size:18px;margin-left:5px}.player-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.player-chips span{border:1px solid #5b6c55;background:#263322;padding:7px 11px;font-size:13px}.lobby>.form-error{grid-column:1/-1}.waiting{min-height:calc(100svh - 135px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:70px 22px;position:relative;overflow:hidden}.waiting-orbit{width:310px;height:310px;border:1px dashed #4d6245;border-radius:50%;position:absolute;top:8%;right:8%;display:grid;place-items:center;animation:spin 30s linear infinite;opacity:.45}.waiting-orbit span{font-size:150px;color:var(--lime)}.waiting h1{position:relative;margin:28px 0 18px}.waiting-box{border:1px solid #50614c;background:#1a2418;padding:20px 35px;display:flex;gap:15px;align-items:center;margin-top:30px;font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--dim);flex-wrap:wrap;justify-content:center}.waiting-box strong{color:var(--lime);font-size:25px;font-family:var(--display)}.waiting-box b{color:var(--fg)}
.game{min-height:calc(100svh - 135px);position:relative;padding:30px clamp(22px,4.5vw,72px) 65px;max-width:1650px;margin:auto}.game-progress{display:flex;align-items:center;gap:22px;color:#bac6b4}.game-progress>span:last-child{color:var(--lime)}.progress-track{height:3px;flex:1;background:#364334}.progress-track i{display:block;height:100%;background:var(--lime);transition:width .5s}.game-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:3%;align-items:center;min-height:640px}.game-main{padding:35px 0;position:relative;z-index:1}.question-type{display:flex;align-items:center;gap:10px;color:var(--orange)}.question-type i{background:var(--orange);box-shadow:0 0 14px var(--orange)}.game h1{font-size:clamp(45px,4.7vw,78px);max-width:850px;margin:27px 0 20px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:35px}.option{min-height:92px;background:#1b241a;color:var(--fg);border:1px solid #51614e;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;transition:transform .2s,background .2s,border-color .2s}.option:not(:disabled):hover{transform:translateY(-3px);background:#2c3b26;border-color:var(--lime)}.option-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;background:var(--lime);color:var(--bg);font-size:22px}.option-1 .option-icon{background:var(--orange)}.option-2 .option-icon{background:#9bc9e1}.option-3 .option-icon{background:#cdb2ec}.option-letter{font-family:var(--display);font-size:13px;color:var(--lime);font-weight:700}.option-text{font-size:15px;line-height:1.3;font-weight:600}.option-arrow{margin-left:auto;color:var(--lime);font-size:19px}.option:disabled{cursor:default}.option.chosen{background:#324824;border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--dim);margin-top:23px}.text-action{border:0;border-bottom:1px solid var(--lime);background:none;color:var(--lime);padding:8px 0}.timer{position:absolute;right:clamp(22px,4.5vw,72px);top:78px;width:95px;height:95px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;background:var(--bg)}.timer-fill{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--lime) var(--time,100%),#354331 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}.timer strong{font-family:var(--display);font-size:35px;line-height:1}.timer small{font-size:9px;letter-spacing:.12em;color:var(--dim)}.visual{height:min(39vw,620px);min-height:400px;position:relative;display:grid;place-items:center}.visual-ring{position:absolute;border:1px solid rgba(216,255,91,.23);border-radius:50%;animation:spin 24s linear infinite}.visual-ring:after{content:'';position:absolute;top:11%;left:16%;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 17px var(--lime)}.ring-a{height:88%;aspect-ratio:1;border-style:dashed}.ring-b{height:68%;aspect-ratio:1;animation-direction:reverse;animation-duration:18s}.ring-c{height:49%;aspect-ratio:1;border-color:var(--orange);animation-duration:13s}.ring-c:after{background:var(--orange);box-shadow:0 0 16px var(--orange)}.visual-core{width:37%;aspect-ratio:1;border-radius:50%;background:var(--lime);color:var(--bg);display:grid;place-items:center;font-family:var(--display);font-size:clamp(70px,10vw,145px);font-weight:700;letter-spacing:-.11em;animation:breathe 4s ease-in-out infinite}.visual-water .visual-core,.visual-loop .visual-core{background:var(--orange)}.visual-age .visual-core{font-size:clamp(64px,8vw,120px)}.visual-crowd .visual-core{font-size:clamp(45px,6vw,90px);letter-spacing:-.18em}.visual-chip{position:absolute;background:var(--bg);border:1px solid #607156;padding:10px;font-size:10px;font-weight:700;letter-spacing:.12em}.chip-one{top:16%;right:2%;transform:rotate(8deg)}.chip-two{bottom:16%;left:0;transform:rotate(-8deg)}.visual-plus{position:absolute;color:var(--orange);font-size:38px}.plus-one{top:17%;left:16%}.plus-two{bottom:10%;right:14%}
.reveal,.finish{max-width:1500px;margin:auto;padding:65px clamp(22px,4.5vw,72px) 70px;min-height:calc(100svh - 135px)}.reveal-head h1{font-size:clamp(60px,7vw,110px);margin:26px 0 20px;max-width:1100px}.reveal-head>p{font-size:clamp(18px,1.65vw,24px);color:var(--muted);line-height:1.48;max-width:930px}.reveal-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;margin-top:43px}.result-list{border-top:1px solid var(--line);padding-top:22px}.section-label{color:var(--lime);margin-bottom:19px}.result-option{padding:8px 0 15px}.result-line{display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.35}.result-line b{display:inline-grid;place-items:center;background:#35412f;color:var(--lime);width:26px;height:26px;margin-right:10px;font-family:var(--display);font-size:13px}.result-line strong{font-family:var(--display);font-size:20px}.result-bar{height:8px;background:#2a3629;margin-top:9px}.result-bar i{display:block;height:100%;background:#7f9580;transition:width .8s}.result-option.is-correct .result-line{color:var(--lime)}.result-option.is-correct .result-line b,.result-option.is-correct .result-bar i{background:var(--lime);color:var(--bg)}.reveal-side{background:var(--lime);color:var(--bg);padding:27px;display:flex;flex-direction:column;min-height:290px}.reveal-stamp{font-size:60px;line-height:1}.reveal-side .small-label{color:#405034;margin-top:auto}.reveal-side>strong{font-family:var(--display);font-size:90px;line-height:1;letter-spacing:-.1em}.reveal-side p{font-size:16px;line-height:1.4;margin:8px 0 0}.reveal-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;color:var(--muted)}.mini-leaderboard{display:flex;gap:20px;flex-wrap:wrap}.mini-leaderboard b{color:var(--lime);margin-left:5px}.finish-head h1{font-size:clamp(70px,8vw,130px);margin:27px 0}.finish-head p{color:var(--muted);font-size:21px;line-height:1.5;max-width:760px}.leaderboard{margin-top:45px;max-width:990px}.rank-row{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:15px 18px;font-size:17px}.rank-row:last-child{border-bottom:1px solid var(--line)}.rank-row.winner{background:var(--lime);color:var(--bg);border-color:var(--lime)}.rank-index{font-family:var(--display);font-size:24px;color:var(--dim);width:43px}.winner .rank-index{color:#506139}.rank-name{font-weight:700;flex:1}.rank-correct{color:var(--dim);font-size:11px;letter-spacing:.1em}.winner .rank-correct{color:#526443}.rank-row>strong{font-family:var(--display);font-size:25px}.closing-note{border-left:3px solid var(--orange);padding-left:20px;margin-top:45px;max-width:750px}.closing-note>span{color:var(--orange)}.closing-note p{font-size:20px;line-height:1.45;margin:10px 0 18px}.closing-note>a{color:var(--lime);text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:5px}.sources{max-width:750px;border-top:1px solid var(--line);margin:50px 0 30px;padding-top:18px;color:var(--muted);font-size:14px;line-height:1.5}.sources summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:var(--fg)}.sources summary::-webkit-details-marker{display:none}.sources a{color:var(--lime)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.07)}}
@media(max-width:1050px){.landing{grid-template-columns:1fr}.hero-graphic{position:absolute;right:-180px;top:10%;width:500px;opacity:.2}.landing-copy{z-index:1}.game-grid{grid-template-columns:1fr}.visual{position:absolute;right:-150px;top:60px;width:440px;height:440px;min-height:0;opacity:.13;pointer-events:none}.game-main{z-index:1}.game h1{max-width:740px}.timer{top:70px}.reveal-grid{grid-template-columns:1fr .5fr}.lobby{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{height:67px;padding:0 20px}.logo{font-size:11px}.logo-icon{font-size:29px}.topbar-tag{display:none}.connection{font-size:9px;max-width:135px;text-align:right}.footer{padding:18px 20px;font-size:8px;gap:15px}.footer span:last-child{text-align:right}#app{min-height:calc(100svh - 112px)}.landing{padding:56px 22px;min-height:calc(100svh - 112px);align-items:start}.landing h1{font-size:clamp(49px,11.6vw,78px);margin:30px 0 23px}.landing-copy>p{font-size:16px}.landing-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.landing-meta{gap:10px;font-size:9px}.landing-meta span+span:before{margin-right:10px}.hero-graphic{width:350px;right:-220px;top:24%;opacity:.14}.join-layout{display:flex;flex-direction:column;justify-content:center;gap:25px;padding:45px 22px;min-height:calc(100svh - 112px)}.join-layout h1,.lobby h1,.waiting h1{font-size:clamp(55px,13vw,80px);margin:22px 0}.join-layout p,.lobby-head p,.waiting>p{font-size:16px}.join-card{width:100%;box-shadow:none}.lobby{display:flex;flex-direction:column;gap:24px;padding:40px 22px;min-height:calc(100svh - 112px)}.code-panel{width:100%;padding:22px}.code-number{font-size:clamp(60px,17vw,95px)}.join-url{font-size:13px}.lobby-bottom{flex-direction:column;align-items:stretch}.waiting{min-height:calc(100svh - 112px)}.game{padding:23px 18px 50px;min-height:calc(100svh - 112px)}.game-progress{font-size:9px;gap:10px}.game-main{padding:45px 0 20px}.game h1{font-size:clamp(39px,10vw,58px);margin:24px 0 16px}.option-grid{grid-template-columns:1fr;margin-top:26px;gap:9px}.option{min-height:68px}.option-text{font-size:14px}.option-icon{width:34px;height:34px;flex-basis:34px}.game-bottom{font-size:9px}.timer{position:relative;top:auto;right:auto;width:70px;height:70px;margin-left:auto;margin-top:5px}.timer strong{font-size:26px}.visual{width:300px;height:300px;top:45px;right:-170px}.reveal,.finish{padding:42px 22px;min-height:calc(100svh - 112px)}.reveal-head h1{font-size:clamp(50px,12vw,75px);margin:23px 0 16px}.reveal-head>p{font-size:16px}.reveal-grid{grid-template-columns:1fr;margin-top:32px}.result-line{font-size:13px}.reveal-side{min-height:0;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:20px}.reveal-stamp{grid-row:1/4}.reveal-side .small-label{margin:0}.reveal-side>strong{font-size:48px}.reveal-side p{font-size:14px}.reveal-bottom{flex-direction:column;align-items:stretch}.mini-leaderboard{font-size:9px;gap:10px}.finish-head h1{font-size:clamp(60px,14vw,85px)}.finish-head p{font-size:16px}.rank-row{gap:10px;padding:12px 8px;font-size:14px}.rank-index{font-size:18px;width:29px}.rank-correct{font-size:9px}.rank-row>strong{font-size:19px}.closing-note p{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.code-panel{display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:24px;align-items:center;text-align:left}
.code-panel:before{display:none}
.code-info{min-width:0}.code-panel .code-number{font-size:clamp(50px,5vw,84px);line-height:1.25}
.code-panel .join-url{font-size:clamp(12px,1.05vw,16px)}
.qr-panel{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--lime);font-size:10px;letter-spacing:.13em;font-weight:700;text-align:center}
.qr-panel img{display:block;width:188px;height:188px;max-width:100%;background:#f1f5ec;padding:5px;image-rendering:pixelated}
@media(max-width:700px){.code-panel{grid-template-columns:1fr;gap:20px;text-align:center}.code-panel .code-number{font-size:clamp(60px,15vw,90px)}.qr-panel{justify-self:center}.qr-panel img{width:180px;height:180px}}

.game h1{margin-bottom:28px}