@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--ink:#f7edce;--pink:#ff6e8e;--cyan:#68eddf;--navy:#101128}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090a19}body{font-family:Space Mono,monospace;color:var(--ink);background:radial-gradient(circle at 50% 12%,#2f2857 0,transparent 38%),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.015) 32px),#090a19}.cabinet{height:100%;min-height:480px;display:grid;grid-template-rows:72px 1fr 30px;padding:0 24px 12px;max-width:1440px;margin:auto}.hud{display:flex;align-items:center;gap:42px;border-bottom:1px solid rgba(247,237,206,.24);padding:0 8px}.brand{margin-right:auto;font:700 21px/1 Chakra Petch;letter-spacing:.11em;text-transform:uppercase;transform:skew(-7deg)}.brand span{color:var(--pink)}.readout{display:flex;align-items:baseline;gap:12px}.readout small{color:#9b98ad;font-size:9px;letter-spacing:.18em}.readout strong{font:600 24px/1 Chakra Petch;letter-spacing:.08em}.timer strong{color:#ffd75f;min-width:78px}.screen{position:relative;min-height:0;overflow:hidden;background:#12132c;box-shadow:0 0 0 1px #343253,0 18px 70px #000;border-radius:2px}canvas{display:block;width:100%;height:100%;cursor:default}.crt{position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(0,0,0,.45) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 80px 22px #040312b3}.crt:after{content:"";position:absolute;inset:-30%;background: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='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(1%,2%)}}.title-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#1d1d3f40,#0b0b1cd4);text-align:center;transition:.45s opacity}.title-card.hidden{opacity:0;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.42em;color:var(--cyan);margin-bottom:14px}h1{margin:0;font:700 clamp(52px,8vw,108px)/.72 "Chakra Petch";letter-spacing:-.075em;transform:skew(-8deg);text-shadow:5px 5px 0 #191934,8px 8px 0 rgba(255,110,142,.8)}h1 i{color:var(--pink);font-style:normal}.title-card p{margin:35px 0 21px;font-size:11px;letter-spacing:.22em}button{font:700 12px Space Mono;letter-spacing:.18em;border:1px solid var(--pink);color:var(--ink);background:#292445;padding:13px 24px;cursor:pointer;box-shadow:4px 4px 0 var(--pink)}button:hover{color:#101128;background:var(--cyan);border-color:var(--cyan);box-shadow:4px 4px #147a82}.controls{margin-top:24px;color:#88879c;font-size:9px;letter-spacing:.08em}.controls span{color:var(--ink)}.controls b{color:var(--pink);margin:0 8px}.message{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) skew(-7deg);font:700 clamp(24px,4vw,54px) "Chakra Petch";color:#fff4cf;letter-spacing:.08em;text-align:center;text-shadow:4px 4px 0 var(--pink);pointer-events:none;opacity:0;transition:.2s}.message.show{opacity:1}.sound{position:absolute;right:18px;bottom:16px;padding:6px 9px;border-color:#fff3;box-shadow:none;background:#0a0a1ca6;font-size:8px;color:#aaa7ba}footer{display:flex;justify-content:space-between;align-items:end;color:#5f5c73;font-size:8px;letter-spacing:.15em}@media(max-width:650px){.cabinet{padding:0;grid-template-rows:58px 1fr 0}.hud{gap:13px}.brand{font-size:14px}.readout{gap:4px}.readout small{display:none}.readout strong{font-size:17px}.score{display:none}.screen{border-radius:0}footer{display:none}}