@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif;font-size:15px}button,input{font:inherit}button{cursor:pointer;transition:background .2s,transform .2s}:is(button:focus-visible,input:focus-visible){outline:2px solid var(--lime);outline-offset:5px}button:disabled{cursor:default;opacity:.55}button:hover:not(:disabled){transform:translateY(-2px)}h1,h2,h3,strong,.room-code{font-family:Space Grotesk,sans-serif}h1,h2,h3,p{margin:0}p{color:var(--muted);line-height:1.65}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:106px;padding:0 5.5%;display:flex}.brand{color:var(--text);text-align:left;letter-spacing:1px;background:0 0;border:0;align-items:center;gap:13px;font-size:15px;font-weight:700;display:flex}.brand small{letter-spacing:2.2px;color:var(--muted);margin-top:7px;font-size:8px;display:block}.brand-mark{background:var(--lime);color:#102016;text-align:center;letter-spacing:-3px;border-radius:11px;width:47px;height:47px;font-size:33px;line-height:47px}.brand-mark span{font-size:19px}.header-right{align-items:center;gap:20px;display:flex}.icon{color:var(--text);border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.landing,.game{max-width:1440px;margin:auto;padding:65px 5.5% 50px}.landing{grid-template-columns:1.1fr 1fr;column-gap:7%;display:grid}.eyebrow{color:var(--lime);letter-spacing:2px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.eyebrow i,.connection i,.waiting i{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block}.hero h1{letter-spacing:-5px;margin:28px 0;font-size:clamp(56px,6.8vw,94px);line-height:1.04}.hero em,h1 em{color:var(--lime);font-style:normal}.hero p{font-size:16px}.hero-actions{gap:13px;margin-top:34px;display:flex}.primary,.secondary,.join-button{border-radius:8px;justify-content:center;align-items:center;gap:15px;min-height:54px;padding:17px 22px;font-weight:700;display:flex}.primary{border:1px solid var(--lime);background:var(--lime);color:#132019}.secondary{color:var(--text);background:0 0;border:1px solid #43554a}.mini-stats{color:var(--muted);gap:24px;margin-top:46px;font-size:11px;display:flex}.mini-stats span+span{border-left:1px solid var(--line);padding-left:24px}.mini-stats strong{color:var(--text);margin-bottom:4px;font-size:21px;display:block}.visual{flex-direction:column;align-items:center;display:flex}.orb{background:radial-gradient(#bfe36c17,#0000 65%);justify-content:center;align-items:center;width:350px;height:300px;display:flex;position:relative}.orbit{border:1px solid #55683b;border-radius:50%;width:280px;height:280px;position:absolute;transform:rotate(-28deg)scaleY(.67)}.orbit2{border-color:#8da75e;transform:rotate(37deg)scaleY(.8)}.orbit3{border-color:#33482b;transform:rotate(92deg)scaleY(.65)}.big-one{letter-spacing:-14px;color:var(--lime);font-family:Space Grotesk,sans-serif;font-size:174px;font-weight:500;line-height:1}.big-one span{vertical-align:18px;letter-spacing:-8px;font-size:90px}.orb-label{letter-spacing:3px;color:var(--lime);font-size:8px;position:absolute;bottom:34px}.pill{color:var(--lime);white-space:nowrap;background:#203121;border:1px solid #43543b;border-radius:30px;align-items:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:600;display:inline-flex}.floating{background:#16241e;position:absolute}.top{top:12px;right:-13px;transform:rotate(8deg)}.bottom{bottom:42px;left:-14px;transform:rotate(-9deg)}.join-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;margin-top:27px;padding:25px}.join-card.active{border-color:var(--lime)}.card-heading{color:var(--lime);justify-content:space-between;align-items:center;display:flex}h3{font-size:19px;font-weight:500}.card-heading h3{color:var(--text);margin:10px 0 23px}.fields{grid-template-columns:1fr 1.4fr;gap:13px;display:grid}label{color:var(--muted);font-size:11px}input{color:#fff;background:#0e1c17;border:1px solid #3a4d40;border-radius:7px;width:100%;min-height:49px;margin-top:8px;padding:13px;display:block}input[pattern]{letter-spacing:4px}.join-button{color:var(--lime);background:#26382b;border:1px solid #51623c;justify-content:space-between;width:100%;margin-top:15px}.how{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1.2fr 1fr 1.3fr 1.2fr;align-items:start;gap:25px;margin-top:65px;padding-top:32px;display:grid}.how>.eyebrow{color:var(--muted);max-width:180px;padding-top:5px;line-height:1.8}.how svg{color:var(--lime);width:17px;margin-bottom:12px;display:block}.how strong{font-size:13px;font-weight:500}.how p{margin-top:5px;font-size:11px}footer{border-top:1px solid var(--line);color:#839487;letter-spacing:1.2px;justify-content:space-between;gap:20px;padding:22px 5.5%;font-size:8px;display:flex}.dot{color:#526753;margin:0 8px}.error{color:#ffddbd;background:#57362a;border-radius:8px;margin:18px 5.5%;padding:14px}.game-top{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.text-button{color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;font-size:12px;display:flex}.section-title{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.section-title h1,.final-title h1{letter-spacing:-3px;margin:13px 0;font-size:60px}.lobby-grid{grid-template-columns:320px 1fr;gap:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px}.invite{flex-direction:column;align-items:center;gap:17px;display:flex}.qr{border:10px solid #fff;border-radius:9px;width:200px;height:200px}.room-code{letter-spacing:10px;color:var(--lime);font-size:48px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.connection{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.offline i{background:#ff9c79}.players{grid-template-columns:1fr 1fr;gap:12px;display:grid}.player{background:#1c2f25;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.player strong{overflow-wrap:anywhere;font-size:14px}.avatar{width:34px;height:34px;color:var(--lime);background:#374a2d;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.color1{color:#9ce0db;background:#314b4c}.color2{color:#f2c894;background:#554439}.color3{color:#d3bdf4;background:#494158}.ready{color:var(--lime);letter-spacing:1px;margin-left:auto;font-size:8px}.roster{flex-direction:column;display:flex}.empty{min-height:230px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.empty p{font-size:13px}.lobby-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:30px;display:flex}.lobby-bottom p{font-size:11px}.waiting{color:var(--lime);align-items:center;gap:9px;font-size:13px;display:flex}.round-strip{gap:5px;margin:0 0 45px;display:flex}.round-strip>div{color:#647c6a;text-align:center;flex:1;font-size:12px}.round-strip i{background:#26392c;height:3px;margin-top:12px;display:block}.round-strip .current{color:var(--lime)}.round-strip .current i{background:var(--lime)}.round-strip .done i{background:#69804d}.question-grid{grid-template-columns:1fr 310px;gap:45px;display:grid}.question-meta{color:var(--muted);align-items:center;gap:15px;font-size:10px;display:flex}.question-meta>span:last-child{margin-left:auto}.question-area h2{letter-spacing:-1px;margin:27px 0 33px;font-size:clamp(25px,3vw,43px);line-height:1.25}.options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.option{color:var(--text);text-align:left;background:#182a20;border:1px solid #3b5040;border-radius:10px;align-items:center;gap:15px;min-height:105px;padding:20px;display:flex}.option:disabled{opacity:1}.option>span{color:var(--lime);border:1px solid #486145;border-radius:6px;padding:7px 10px;font-size:12px}.option strong{flex:1;font-size:16px;font-weight:500;line-height:1.4}.option.selected{border-color:var(--lime);background:#2c4026}.option.correct{border-color:var(--lime);background:#324525}.explanation{border-left:3px solid var(--lime);margin-top:25px;padding:8px 0 8px 20px}.explanation p{margin-top:10px}.explanation strong{color:var(--lime);margin-top:12px;font-size:13px;display:block}.answer-status{color:var(--muted);align-items:center;gap:10px;margin-top:25px;font-size:13px;display:flex}.timer-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.timer{background:conic-gradient(var(--lime) var(--progress),#2a3d30 0);border-radius:50%;place-items:center;width:180px;height:180px;margin:25px 0 20px;padding:4px;display:grid}.timer>span{background:var(--panel);width:100%;height:100%;color:var(--lime);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-family:Space Grotesk;font-size:64px;display:flex}.timer small{letter-spacing:2px;margin-top:8px;font:8px DM Sans}.urgent{color:#ffc091}.answer-count{color:var(--muted);font-size:12px}.answer-count strong{color:var(--text)}.timer-panel .primary{width:100%;margin-top:24px;padding:14px;font-size:13px}.score-panel{margin-top:20px;padding:22px}.standing{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 0;display:flex}.standing:last-child{border:0}.standing strong{overflow-wrap:anywhere;flex:1;font-size:13px}.standing>span:last-child{color:var(--lime);font-size:15px}.standing small{color:var(--muted);font-size:9px}.standing .rank{color:var(--muted);text-align:center;width:20px;font-size:13px}.standing .avatar{width:28px;height:28px;font-size:12px}.standing.you strong{color:var(--lime)}.final-title{text-align:center;margin-bottom:34px}.final-title .eyebrow{justify-content:center}.final-board{max-width:760px;margin:auto}.final-board .primary{margin:30px auto 0}.final-board .standing{padding:20px 0}.final-board .standing strong{font-size:18px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:60vh;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--lime);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.app{max-width:1600px;margin:auto}}@media (max-width:1000px){.hero h1{font-size:66px}.landing{gap:4%}.lobby-grid{grid-template-columns:270px 1fr}.players{grid-template-columns:1fr}.question-grid{grid-template-columns:1fr 250px;gap:25px}.options{grid-template-columns:1fr}.orb{width:300px}.how{grid-template-columns:1fr 1fr}.hero-actions{flex-wrap:wrap}.mini-stats{gap:12px}.mini-stats span+span{padding-left:12px}}@media (max-width:700px){header{height:80px;padding:0 22px}.brand{font-size:12px}.brand-mark{width:40px;height:40px;font-size:28px;line-height:40px}.header-right{gap:10px}.connection{font-size:9px}.landing,.game{padding:32px 22px}.landing{grid-template-columns:1fr}.hero h1{letter-spacing:-3px;margin:25px 0;font-size:67px}.hero p{font-size:14px}.hero-actions{flex-wrap:nowrap}.primary,.secondary{gap:10px;padding:14px 17px;font-size:13px}.mini-stats{justify-content:space-between;margin-top:30px}.visual{margin-top:34px}.orb{width:290px;height:240px}.orbit{width:230px;height:230px}.big-one{font-size:144px}.big-one span{font-size:77px}.orb-label{bottom:19px}.join-card{margin-top:24px;padding:21px}.how{gap:25px;margin-top:38px}.how>.eyebrow{font-size:9px}.how strong{font-size:12px}footer{flex-direction:column;gap:12px;padding:22px;font-size:7px}.section-title{align-items:flex-start;gap:14px}.section-title h1,.final-title h1{letter-spacing:-2px;font-size:40px}.section-title p{font-size:13px}.section-title>.pill{margin-top:25px;font-size:9px}.lobby-grid{grid-template-columns:1fr}.invite{gap:10px;padding:22px}.qr{width:165px;height:165px}.room-code{font-size:38px}.lobby-bottom{text-align:center;flex-direction:column;align-items:stretch}.players{grid-template-columns:1fr}.panel{padding:22px}.game-top{margin-bottom:25px}.game-top>.eyebrow{letter-spacing:1px;font-size:8px}.round-strip{margin-bottom:25px}.round-strip>div{font-size:9px}.question-grid{flex-direction:column;gap:25px;display:flex}.question-meta{gap:10px;font-size:9px}.question-meta .pill{padding:7px 9px;font-size:9px}.question-meta>span:last-child{display:none}.question-area h2{margin:22px 0;font-size:28px}.options{gap:10px}.option{min-height:77px;padding:15px}.option strong{font-size:15px}.timer-panel{flex-flow:wrap;justify-content:space-between;gap:14px;padding:16px 20px}.timer{width:85px;height:85px;margin:0}.timer>span{font-size:30px}.timer small{font-size:5px}.timer svg{width:30px}.timer-panel>.eyebrow{max-width:85px;font-size:9px;line-height:1.7}.answer-count{font-size:10px}.timer-panel .primary{margin:0}.score-panel{margin-top:15px}.final-board .standing strong{font-size:15px}.desktop{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--bg:#050b20;--panel:#0c1734;--line:#27375b;--lime:#e9c777;--text:#f5f6fc;--muted:#a6b2cf}body{background:radial-gradient(at 72% 0,#182b62 0,#0000 58%),#050b20}.app{position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(115deg,#0000 20%,#587bf90b 21%,#0000 22% 78%,#587bf90a 79%,#0000 80%);position:absolute;inset:0}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050b2080;height:96px}.brand-mark{color:#0b1530;background:linear-gradient(135deg,#fff1c5,#d5a64d);border-radius:50%;box-shadow:0 0 28px #e9c77720}.brand small{color:#acbad8}.hero h1{letter-spacing:-5px;font-size:clamp(60px,6.6vw,94px);font-weight:600;line-height:1.04}.hero em,h1 em{-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#fff1c9,#d6a94d);-webkit-background-clip:text;background-clip:text}.hero p{max-width:480px}.eyebrow{letter-spacing:2.3px}.primary{color:#0a132a;background:linear-gradient(120deg,#f2d997,#d8b45f);border:1px solid #ffe6a5;border-radius:6px;box-shadow:0 5px 24px #ddb45520}.primary:hover:not(:disabled){box-shadow:0 6px 35px #e9c77735}.secondary{background:#10204450;border-color:#40537e}.pill,.floating{color:var(--lime);background:#101f40;border-color:#4a5573}.orb{background:radial-gradient(circle,#456cef30,#0000 67%);width:380px;height:330px}.orbit{border-color:#496fbd;width:300px;height:300px;transform:none;box-shadow:0 0 35px #426be326,inset 0 0 25px #426be319}.orbit2{border-color:#d9b96a80;width:270px;height:270px;transform:none}.orbit3{border-style:dashed;border-color:#5c78b53d;width:325px;height:325px;transform:none}.big-one{-webkit-text-fill-color:transparent;text-shadow:0 0 60px #e6c77915;background:linear-gradient(#fff1c9,#d3a54c);-webkit-background-clip:text;background-clip:text;font-weight:700}.orb-label{bottom:45px}.floating.top{top:20px;right:-10px;transform:none}.floating.bottom{bottom:18px;left:-15px;transform:none}.join-card,.panel{background:linear-gradient(135deg,#142447b3,#0c1634);border-color:#314568;border-radius:12px;box-shadow:0 15px 50px #00000025}.join-card{margin-top:12px}.join-card h3{font-size:23px;font-weight:600}input{background:#060f27;border-color:#344970}input::placeholder{color:#8b9bbd}.join-button{background:#1a2b50;border-color:#59627a}.how{margin-top:55px}.how p{font-size:13px}.how strong{font-size:14px}.avatar{color:#ebcd83;background:#2b416c}.player{background:#182749}.empty svg{color:var(--lime)}.round-strip{scrollbar-width:thin;gap:6px;padding-bottom:10px;overflow-x:auto}.round-strip>div{text-align:center;color:#8393b5;background:#101f3e;border-radius:5px;flex:1;min-width:42px;padding:12px 5px}.round-strip>div.current{color:#08132b;background:linear-gradient(120deg,#efd48e,#caa14f);font-weight:700;box-shadow:0 0 24px #e9c77722}.round-strip>div.done{color:#c2cce4;background:#17274d}.round-strip i{display:none}.question-area h2{letter-spacing:-1px;font-size:clamp(30px,3vw,46px);line-height:1.22}.question-meta{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.question-meta>span{color:#b6c3e0;font-size:10px}.question-meta .pill{color:var(--lime)}.option{background:linear-gradient(120deg,#14264b,#101c39);border-color:#3c527c;min-height:110px}.option>span{color:#e9c777;background:#07132c;border-color:#52638c}.option.selected{background:#354364;border-color:#e9c777;box-shadow:0 0 20px #e9c77712}.option.correct{background:#173f39;border-color:#6fd4a2}.option.correct>span{color:#8ce4b6}.option.wrong{background:#48233c;border-color:#e88796}.timer{background:conic-gradient(var(--lime) var(--progress),#223557 0);box-shadow:0 0 40px #5b7feb15}.timer.urgent{background:conic-gradient(#ff8992 var(--progress),#223557 0)}.timer.urgent>span{color:#ff8992}.status-in{color:#88dfb2!important}.status-out{color:#a5aec4!important}.standing>span:last-child{text-align:right;flex-direction:column;font-size:11px;font-weight:700;display:flex}.standing small{margin-top:4px}.ready{color:#8ee0ba}.room-code{color:#f0d38d}.explanation{background:#111e3a;border-radius:0 9px 9px 0;padding:20px}.error{color:#ffd4dc;background:#472339}footer a{color:#becbe5;white-space:nowrap;text-decoration:none}.score-panel{max-height:480px;overflow:auto}.players{max-height:430px;overflow:auto}.personal{color:#1c2525;background:#eeeae2;font-family:DM Sans,sans-serif}.personal a{color:inherit;text-decoration:none}.personal main{max-width:1440px;margin:auto;padding:0 6%}.personal-nav{border-bottom:1px solid #c9cec4;justify-content:space-between;align-items:center;height:104px;margin:0 6%;display:flex}.wordmark{letter-spacing:-3px;font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700}.wordmark span{color:#d25737}.personal-nav>a:last-child{align-items:center;gap:12px;font-size:13px;display:flex}.personal-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;padding:90px 0 100px;display:grid}.personal-kicker{letter-spacing:2px;color:#647069;font-size:10px;font-weight:700}.personal-hero h1{letter-spacing:-6px;margin:28px 0;font-size:clamp(60px,7vw,100px);line-height:1.04}.personal-hero h1 em{color:#c34e31;-webkit-text-fill-color:#c34e31;background:0 0;font-style:normal}.personal p{color:#606b65;font-size:17px;line-height:1.7}.personal-hero p{max-width:400px}.personal-link{border-bottom:1px solid #89968b;gap:40px;margin-top:25px;padding:20px 0;font-size:14px;display:inline-flex}.personal-art{color:#e7dcc7;background:#19342c;border-radius:160px 160px 12px 12px;place-items:center;height:450px;display:grid;position:relative;overflow:hidden}.art-coordinate{letter-spacing:2px;color:#c0c7b7;font-size:8px;position:absolute;top:37px}.art-number{letter-spacing:-30px;z-index:1;margin-left:-25px;font-family:Space Grotesk,sans-serif;font-size:240px;font-weight:700}.art-number span{color:#e88b62}.art-caption{letter-spacing:3px;font-size:9px;position:absolute;bottom:35px}.art-track{border:1px solid #b4b99940;border-radius:50%;position:absolute;inset:70px 30px;transform:rotate(-28deg)}.art-track div{border:1px solid #b4b99940;border-radius:50%;position:absolute;inset:18px}.art-track div:nth-child(2){inset:36px}.art-track div:nth-child(3){inset:54px}.personal-about{border-top:1px solid #c9cec4;border-bottom:1px solid #c9cec4;grid-template-columns:1fr 2fr;gap:60px;padding:65px 0;display:grid}.personal h2{letter-spacing:-1.6px;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.2}.personal-about p{max-width:650px;margin-top:25px}.personal-interests{padding:65px 0 95px}.personal-section-heading{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.interest-grid{border-top:1px solid #c9cec4;grid-template-columns:repeat(4,1fr);gap:0;display:grid}.interest-grid article{padding:28px 24px 0 0}.interest-grid article+article{border-left:1px solid #c9cec4;padding-left:24px}.interest-grid article>div{color:#5e7468;justify-content:space-between;align-items:center;display:flex}.interest-grid article>div span{font-size:10px}.interest-grid h3{margin:35px 0 13px;font-size:21px;font-weight:500}.interest-grid p{font-size:14px}.personal-footer{color:#5b6860;border-color:#c9cec4;align-items:center;padding:30px 6%;font-size:9px}.personal-footer .wordmark{letter-spacing:-2px;color:#1c2525;font-size:30px}@media (max-width:1000px){.orb{width:300px}.orbit{width:260px;height:260px}.orbit2{width:230px;height:230px}.orbit3{width:285px;height:285px}.personal-art{height:370px}.personal-hero h1{letter-spacing:-4px}.interest-grid{grid-template-columns:1fr 1fr;row-gap:30px}.interest-grid article:nth-child(3){border-left:0;padding-left:0}}@media (max-width:700px){.hero h1{letter-spacing:-3px;font-size:64px}.orb{height:290px}.orb-label{bottom:37px}.floating.bottom{bottom:5px}.hero-actions{flex-wrap:wrap}.question-area h2{font-size:29px}.option{min-height:80px}.personal-nav{height:80px}.wordmark{font-size:34px}.personal-hero{grid-template-columns:1fr;gap:40px;padding:50px 0}.personal-hero h1{letter-spacing:-4px;font-size:64px}.personal-art{width:100%;max-width:390px;height:320px;margin:auto}.art-number{font-size:185px}.personal-about{grid-template-columns:1fr;gap:25px;padding:40px 0}.personal-section-heading{display:block}.personal-section-heading h2{margin-top:20px}.personal-interests{padding:40px 0 55px}.interest-grid{grid-template-columns:1fr}.interest-grid article+article{border-top:1px solid #c9cec4;border-left:0;padding-left:0}.interest-grid article{padding-bottom:25px}.interest-grid h3{margin-top:20px}.personal-footer{align-items:flex-start}.personal-hero p{font-size:16px}}.pass-controls{align-items:center;gap:16px;margin-top:20px;display:flex}.pass-controls p{max-width:420px;font-size:12px}.pass-button{flex-shrink:0}.pass-selected{border-color:var(--lime);color:var(--lime);background:#493e242e}@media (max-width:700px){.pass-controls{flex-direction:column;align-items:stretch;gap:10px}.pass-controls p{font-size:12px}}