:root{color-scheme:dark;--bg:#0b1518;--panel:#101e21;--mint:#bdfd8c;--teal:#65eccb;--muted:#819393;--line:#293a3c;--cream:#f1f1db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:14px 'Segoe UI',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--cream);padding:13px 16px;font-size:11px;letter-spacing:1px;font-weight:700}button:hover{border-color:var(--mint);color:var(--mint)}button:disabled{opacity:.4;cursor:default}input{min-width:0;border:1px solid var(--line);background:#0a1417;padding:14px;color:var(--cream);outline:none}input:focus{border-color:var(--mint)}a{color:inherit;text-decoration:none}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.hub{font-size:12px;letter-spacing:2px}.wordmark{font-size:27px;font-weight:900;letter-spacing:-1px}.wordmark span{color:var(--mint);padding:0 3px}.header-right{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px}.header-right button{margin-left:12px;padding:8px}.live-dot{width:6px;height:6px;border-radius:100%;background:var(--mint);display:inline-block;box-shadow:0 0 10px #bdfd8c66}main{max-width:1440px;margin:auto;padding:54px 5vw 34px}#home{display:grid;grid-template-columns:1fr 1fr;gap:48px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:700}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow span{height:1px;background:var(--mint);width:25px}h1{font-size:clamp(48px,5.8vw,84px);letter-spacing:-4px;line-height:.98;font-weight:900;margin:28px 0 20px}h1 em{font-style:normal;color:var(--mint)}.hero>p{color:#aebeb9;font-size:16px;line-height:1.7}.hero-tags{display:flex;gap:20px;margin:25px 0 29px;font-size:9px;color:var(--muted);letter-spacing:1px}.entry{max-width:390px;display:grid;gap:10px}.entry label{font-size:9px;letter-spacing:2px;color:var(--muted)}.primary{background:var(--mint);color:#15231b;border-color:var(--mint);padding:19px 20px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#d2ffb3;color:#101d17}.primary span{font-size:22px;line-height:12px}.join-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.join-row input{letter-spacing:2px;text-transform:uppercase}.pilot-meta{margin-top:20px;display:flex;gap:17px;align-items:center;font-size:9px;color:var(--muted);flex-wrap:wrap}.pilot-meta button{font-size:8px;padding:6px}.hero-art{border:1px solid #35413a;background:radial-gradient(ellipse at 50% 50%,#264a3f 0,#122725 43%,#0c1a1d 76%);position:relative;min-height:590px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 59px,#7aa98c0a 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,#7aa98c0a 60px);pointer-events:none}.hero-art img{width:100%;flex:1;min-height:0;object-fit:contain;max-height:590px}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px;font-size:9px;letter-spacing:2px;color:#9dae9a;z-index:1}.art-bottom{border-top:1px solid #30423b;letter-spacing:1px}.how{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px;gap:50px}.how b{font-size:10px;letter-spacing:1px;color:var(--mint)}.how p{color:var(--muted);font-size:12px;line-height:1.7;max-width:270px}footer{max-width:1440px;margin:auto;padding:23px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#66817b;font-size:8px;letter-spacing:1px}[hidden]{display:none!important}#game{padding-top:27px}.game-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}h2{font-size:28px;margin:8px 0 0;letter-spacing:-1px}.room-tag{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:9px;letter-spacing:2px}.room-tag b{color:var(--mint);font-size:16px}.game-grid{display:grid;grid-template-columns:190px minmax(300px,540px) 220px;justify-content:center;gap:30px}.stat{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.stat>span,.crew-title{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.stat strong{display:block;font-size:38px;font-weight:300;letter-spacing:1px;font-variant-numeric:tabular-nums;margin-top:6px}.stat small{color:var(--mint)}.floor-track{display:flex;gap:7px;margin-bottom:30px}.floor-track i{font-style:normal;border:1px solid var(--line);width:25px;height:28px;display:grid;place-items:center;font-size:9px;color:var(--muted)}.floor-track i.active{color:#15221b;background:var(--mint)}.floor-track i.done{border-color:#86b765;color:#86b765}.crew-title{display:flex;justify-content:space-between;margin-bottom:15px}.crew-title span{font-size:8px}.crew-member{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.crew-member i{width:7px;height:7px;flex:none;border-radius:50%}.crew-member b{font-size:12px;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis}.crew-member small{font-size:8px;color:var(--muted)}.crew-member button{font-size:8px;padding:3px}.quiet{padding:13px 0;border:0;color:var(--muted);margin-top:20px;font-size:9px}.table-wrap{position:relative;border:1px solid #48514a;padding:9px;background:#132625;align-self:start;box-shadow:0 12px 65px #0005}canvas{display:block;width:100%;aspect-ratio:2/3;background:#0a191e;border:1px solid #3b4e45;touch-action:none}.overlay{position:absolute;inset:10px 10px 64px;background:#071719dd;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;z-index:2}.overlay:empty{display:none}.overlay h2{font-size:38px;color:var(--cream);line-height:1.05;margin:15px 0}.overlay p{font-size:13px;line-height:1.7;color:#a2b5aa;max-width:340px}.overlay .primary{margin-top:14px;min-width:220px;display:block}.overlay .badge{border:1px solid #779c66;color:var(--mint);padding:7px 13px;font-size:9px;letter-spacing:2px}.overlay .big-icon{font-size:55px;color:var(--mint)}.touch-controls{display:flex;gap:8px;padding-top:9px;height:54px}.touch-controls button{flex:1;touch-action:none;user-select:none}.touch-controls button.pressed{background:var(--mint);color:#15231b}.touch-controls .launch-control{flex:1.4;color:var(--mint)}.ball-hint{position:absolute;bottom:100px;left:25px;right:25px;text-align:center;color:var(--mint);font-size:9px;letter-spacing:1px;pointer-events:none;background:#081512c9;padding:10px}.mission{padding-bottom:24px;border-bottom:1px solid var(--line)}h3{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:15px 0}.mission p,.relic-box p{font-size:12px;line-height:1.8;color:var(--muted)}#target-progress{height:4px;background:#283933;margin-top:20px}#target-progress i{display:block;height:100%;background:var(--mint)}.relic-box{padding:24px 0;border-bottom:1px solid var(--line)}.relic-pill{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:11px}.relic-pill span{color:var(--mint);font-size:19px}.controls{padding-top:24px;color:var(--muted);font-size:10px}.controls p{display:flex;gap:5px;align-items:center;flex-wrap:wrap}kbd{border:1px solid #3c4d47;padding:4px;font:9px monospace;color:#c2cbbb}.controls button{width:100%;display:flex;justify-content:space-between;margin:17px 0;color:var(--mint)}.controls small{font-size:10px;line-height:1.8;display:block}.relic-choice{display:grid;gap:9px;width:100%;margin-top:12px}.relic-choice button{text-align:left;background:#172a29;padding:16px;letter-spacing:0}.relic-choice b{font-size:14px;color:var(--mint)}.relic-choice small{display:block;font-size:11px;line-height:1.5;color:#a2b5aa;font-weight:400;margin-top:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:16px 24px;max-width:90vw;background:var(--cream);color:#15231b;z-index:20;box-shadow:0 6px 30px #0007;font-size:13px}.invite-fallback{width:100%;margin-top:12px}.empty-seat{padding:14px 0;color:#4e6963;font-size:10px;border-bottom:1px dashed #233932}
@media(min-width:1500px){.game-grid{grid-template-columns:210px minmax(300px,540px) 240px;gap:45px}}@media(max-width:1050px){.game-grid{grid-template-columns:150px minmax(300px,1fr);gap:20px}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.right-panel>div{padding:18px 0;border-top:1px solid var(--line);border-bottom:0}.hero-art{min-height:570px}.hero-tags{gap:10px}h1{font-size:65px}}@media(max-width:700px){header{height:66px;padding:0 20px}.wordmark{font-size:22px}.hub{font-size:9px}.header-right>#connection,.header-right>.live-dot{display:none}main{padding:30px 20px}#home{grid-template-columns:1fr;gap:30px}h1{font-size:64px;margin-top:22px}.hero>p{font-size:14px}.entry{max-width:100%}.hero-art{min-height:0;height:430px}.hero-art img{height:325px}.how{grid-template-columns:1fr;gap:10px}.how p{max-width:none}.game-top{gap:12px;align-items:flex-start}.game-top h2{font-size:22px}.room-tag{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:155px}.room-tag button{padding:6px;font-size:8px}.game-grid{display:flex;flex-direction:column;gap:15px}.left-panel{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.stat{border:0;padding:0;margin:0}.stat strong{font-size:24px}.stat>span{font-size:8px}.floor-track{margin:0 0 0 auto;gap:3px}.floor-track i{width:20px}.crew-title{display:none}#crew{display:flex;gap:10px;flex-wrap:wrap;flex:1}#crew .crew-member{border:0;padding:0;gap:5px}.crew-member b{font-size:9px;max-width:70px}.crew-member small{font-size:7px}.empty-seat{display:none}.left-panel .quiet{margin:0;font-size:8px;padding:5px}.table-wrap{width:100%;max-width:480px;align-self:center}.right-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls{grid-column:1/-1}.overlay{padding:18px}.overlay h2{font-size:30px}.overlay p{font-size:11px}.relic-choice button{padding:11px}.relic-choice b{font-size:12px}.relic-choice small{font-size:10px}.overlay .primary{padding:15px}.game-top .eyebrow{font-size:8px}footer{padding:20px;gap:15px;line-height:1.5}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:701px){.table-wrap{width:100%;max-width:calc((100dvh - 260px) * 2 / 3 + 20px);justify-self:center}.game-grid{grid-template-columns:190px minmax(300px,540px) 220px}}
@media(min-width:701px) and (max-width:1050px){.game-grid{grid-template-columns:150px minmax(300px,1fr)}}