:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7ede8;background:#0a1012;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #c9ed87;outline-offset:4px}#game{position:fixed;width:100%;height:100%;outline:none;touch-action:none}#shell{position:relative;min-height:100dvh;pointer-events:none;background:linear-gradient(90deg,rgba(6,12,14,.95),rgba(6,12,14,.35) 52%,transparent)}header{display:flex;align-items:center;justify-content:space-between;padding:32px 42px}.brand{font-weight:850;letter-spacing:-1px;font-size:27px;text-decoration:none;color:#edf2ed;pointer-events:auto}.brand>span{color:#c5e990}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:#8b9b9c}.tag,.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#9baaa8}.tag span{color:#bfdf86;margin:0 9px}main{pointer-events:auto;max-width:590px;margin:12vh 0 130px 7vw}.eyebrow{color:#c1df91}h1{font-size:clamp(44px,5vw,74px);font-weight:550;line-height:1.03;letter-spacing:-4px;max-width:510px;margin:23px 0}.intro{font-size:16px;line-height:1.8;color:#a5b0af}form{margin-top:40px;max-width:455px}label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#cbd5d0;margin-bottom:12px}label span{color:#6f8584}.join-row{display:flex;gap:8px}input{width:43%;min-width:0;border:1px solid #3a4d4d;border-radius:3px;color:#dce8df;background:#152325;padding:15px;font-family:monospace;font-size:18px;letter-spacing:2px}button{border:0;border-radius:3px;background:#c8e998;color:#19231b;padding:15px 20px;font-size:13px;font-weight:650}.join-row button{flex:1}.join-row button span{margin-left:20px}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}.hint{color:#7d9290;font-size:11px;line-height:1.7}.brief{display:flex;gap:45px;margin-top:38px;color:#6f8481;font-size:9px;letter-spacing:1px;line-height:2.5}.brief b{font-size:12px;font-weight:500;color:#c5d0c9;letter-spacing:1px}footer{position:fixed;bottom:0;left:0;right:0;padding:24px 42px;display:flex;justify-content:space-between;color:#718581;font-family:monospace;font-size:9px;letter-spacing:1px}aside{pointer-events:auto;position:absolute;top:125px;left:28px;width:255px;padding:22px;background:#0c151be6;border:1px solid #354243;border-radius:4px}.stat{display:flex;justify-content:space-between;font-family:monospace;font-size:11px;margin-top:14px}.stat span{color:#839895}.stat strong{font-weight:500}.divider{border-top:1px solid #304042;margin:22px 0}.secondary{display:block;width:100%;padding:10px;margin-top:18px;background:#253435;color:#c8d8cb;font-size:10px}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#c9eaa5;font:22px monospace}#notice{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#172525e8;color:#d7edb8;padding:12px 20px;border-radius:3px;font-size:13px;text-align:center}#notice:empty{display:none}#play-hint{position:fixed;bottom:60px;left:50%;transform:translate(-50%);font-size:11px;color:#b8c7c0;text-align:center;width:90%}body.playing #shell{background:none}body.playing header{padding:24px 28px}[hidden]{display:none!important}@media(max-width:700px){header{padding:22px}.tag{font-size:8px}.brand small{font-size:7px}main{margin:10vh 24px 115px}h1{letter-spacing:-2px}.intro{font-size:14px}.brief{gap:26px}footer{padding:18px 22px;font-size:8px}footer span:last-child{display:none}aside{left:12px;top:105px;width:220px;padding:16px}.join-row button{padding:13px}#notice{width:85%}}