@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e6ece1;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101c1e;font-family:Space Grotesk,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{letter-spacing:1.4px;cursor:pointer;color:#e6ece1;background:#182a2b;border:1px solid #79847a60;padding:17px 23px;font:600 11px Space Grotesk,sans-serif;transition:background .2s,transform .2s}button:hover{background:#334641;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:wait}button.primary{color:#18231b;background:#d6f783;border-color:#d6f783}button.primary:hover{background:#e7ffa8}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d6f783}[hidden]{display:none!important}#game{outline:none;width:100%;height:100%;position:fixed;inset:0}#shell{pointer-events:none;background:linear-gradient(90deg,#0b181bf0 0%,#0b181bbc 32%,#0b181b10 68%);position:fixed;inset:0}#shell.playing{background:0 0}header{border-bottom:1px solid #a9bbad20;justify-content:space-between;align-items:center;padding:30px 42px;display:flex}.brand{letter-spacing:2px;color:#edf3e7;pointer-events:auto;font-size:13px;font-weight:700;text-decoration:none}.brand span{color:#d6f783;margin:0 15px}.status{letter-spacing:2px;color:#b2c4b6;font-size:10px}.status i{background:#d6f783;border-radius:50%;width:6px;height:6px;margin-right:12px;display:inline-block;box-shadow:0 0 12px #d6f783}.panel{pointer-events:auto;max-width:630px;position:absolute;top:50%;left:7%;transform:translateY(-47%)}.eyebrow{color:#d6f783;letter-spacing:3px;margin-bottom:18px;font-size:10px}h1{letter-spacing:-1px;margin:0 0 28px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(60px,7.4vw,108px);font-weight:800;line-height:.91}h1 span{color:#d6f783}.lead{color:#a6b7b0;margin:0 0 25px;font-size:14px;line-height:1.9}.tags{gap:8px;margin-bottom:30px;display:flex}.tags span{letter-spacing:1px;color:#a7b7ab;border:1px solid #778b7850;padding:6px 8px;font-size:8px}.actions{gap:10px;display:flex}.fine{color:#8b9f96;max-width:440px;margin:12px 0 25px;font-size:10px;line-height:1.6}.controls{border-top:1px solid #a9bbad25;gap:24px;padding-top:22px;display:flex}.controls div{flex-direction:column;gap:9px;display:flex}.controls span{color:#7b938a;letter-spacing:1.2px;font-size:8px}kbd{color:#d7dfd2;font-family:inherit;font-size:10px}.text-button{color:#b7c5af;background:0 0;border:0;padding:20px 0 12px;font-size:9px}.text-button:hover{background:0 0}.record{letter-spacing:2px;color:#718c80;font-size:10px}.record span{color:#cbe88d;margin:0 10px}#settings{background:#112428ed;border:1px solid #d6f78330;max-width:440px;padding:15px}label{color:#d6e1d4;margin:7px 0;font-size:11px;display:block}input{accent-color:#d6f783;vertical-align:middle;margin-right:8px}small{color:#8a9d92;margin:4px 0 10px 25px;font-size:9px;display:block}footer{letter-spacing:1.6px;color:#819a90;border-top:1px solid #a9bbad20;justify-content:space-between;padding:22px 42px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.playing header,.playing footer{display:none}.modal{pointer-events:auto;background:#102124f2;border:1px solid #bfe39850;width:90%;max-width:520px;padding:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 100px #0008}.modal h2{margin:0 0 15px;font-family:Barlow Condensed,Impact,sans-serif;font-size:64px}.modal p{color:#a9beb0;font-size:13px;line-height:1.8}.modal button{margin:12px 8px 0 0}#crosshair{pointer-events:none;border:1px solid #e7ffc1;border-radius:50%;width:5px;height:5px;position:fixed;top:50%;left:50%;box-shadow:0 0 5px #000}#crosshair.hit{border-color:#ffdf86;width:17px;height:17px;transform:translate(-6px,-6px)}#vignette-overlay{pointer-events:none;opacity:0;background:radial-gradient(#0000 35%,#030a10db 90%);transition:opacity .15s;position:fixed;inset:0}#toast{color:#d6f783;letter-spacing:1px;pointer-events:none;opacity:0;background:#102124d9;padding:10px 18px;font-size:11px;transition:opacity .2s;position:fixed;bottom:9%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (max-height:750px){.panel{transform:translateY(-44%)}h1{margin-bottom:17px;font-size:70px}.lead{margin-bottom:15px}.tags{margin-bottom:18px}.fine{margin-bottom:15px}.controls{padding-top:14px}}@media (max-width:600px){header{padding:23px}.status{display:none}.panel{left:7%;right:7%}h1{font-size:64px}.controls{gap:18px}footer{padding:20px}footer span:first-child{display:none}.actions button{padding:15px}.tags{flex-wrap:wrap}}