@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Space Grotesk,sans-serif;color:#e9e9d8;background:#111916;font-synthesis:none;--muted: #a4b1a3;--accent: #d3ed88}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#26352a 0,#111916 65%)}button,select,input{font:inherit}button,select{min-height:44px}button{cursor:pointer;color:inherit;border:1px solid #53614c;background:#263126;padding:10px 19px;border-radius:4px;font-weight:600}button:hover{background:#364333}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #f3c778;outline-offset:4px}[hidden]{display:none!important}.cabinet{max-width:1080px;margin:auto;padding:42px 32px 28px}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow,.edition,.dashboard span,.screen-caption,.key-hint,footer>span{font-family:Space Mono,monospace;font-size:11px;letter-spacing:1.8px}.eyebrow{color:var(--accent);margin:0 0 13px}h1{margin:0;font-size:clamp(36px,6.7vw,72px);letter-spacing:-4px;line-height:.96}h1 span{color:var(--accent);margin-left:13px}.edition{line-height:1.8;text-align:right;color:var(--muted);letter-spacing:1px}.power{color:var(--accent);display:block;font-size:9px;margin-top:13px}.dashboard{display:grid;grid-template-columns:1fr 1.4fr .8fr .9fr 1.4fr;border-top:1px solid #43513e;padding:19px 0 21px;gap:12px}.dashboard span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.dashboard strong{font-family:Space Mono,monospace;font-size:clamp(21px,3.2vw,31px);font-weight:400;line-height:1.1}.record{text-align:right;color:var(--accent)}.screen{position:relative;border:9px solid #35432e;border-radius:8px;box-shadow:0 0 0 1px #526046,0 20px 70px #0005;overflow:hidden;background:#b9d1a2}canvas{width:100%;display:block;aspect-ratio:5 / 3;image-rendering:pixelated}canvas:focus-visible{outline-offset:-5px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#162317e8}.overlay h2{font-size:clamp(25px,4.5vw,48px);letter-spacing:-1.7px;margin:0 0 12px}.overlay p:not(.eyebrow):not(.key-hint){color:#c3ceba;line-height:1.6;margin:0 0 24px;max-width:400px}.primary{background:var(--accent);color:#1c281a;border-color:var(--accent);min-width:190px;padding:14px 24px}.primary:hover{background:#e2ffa0}.primary span{margin-left:24px}.key-hint{color:var(--muted);margin:22px 0 0;letter-spacing:1px;font-size:9px}.screen-caption{display:flex;justify-content:space-between;color:var(--muted);margin:15px 2px 25px;font-size:10px;letter-spacing:1px}.ring-key{display:inline-block;border:2px solid var(--accent);border-radius:50%;width:9px;height:9px;vertical-align:middle;margin-right:7px}.controls{display:flex;justify-content:space-between;align-items:end;gap:28px;border-bottom:1px solid #43513e;padding-bottom:24px}form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;flex:1}label{display:block;font-size:12px;color:#c0cbb8}output{float:right;color:var(--accent);font-family:Space Mono,monospace}input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:12px 0 0;min-height:28px;cursor:pointer}select{display:block;width:100%;color:#e9e9d8;background:#263126;border:1px solid #53614c;border-radius:4px;margin-top:7px;padding:6px 10px}.buttons{display:flex;gap:8px}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);justify-content:center;gap:6px;margin:24px 0}.dpad button{padding:0;font-size:25px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.instructions{display:flex;align-items:baseline;gap:30px;flex-wrap:wrap}.instructions h2{font-size:14px;white-space:nowrap;margin:0}.instructions p{color:var(--muted);font-size:13px;line-height:1.8;margin:0;flex:1;min-width:220px}#standings{width:100%;margin:0;padding-left:25px;color:var(--muted);font-size:13px;line-height:2}#standings [aria-current]{color:var(--accent)}footer{border-top:1px solid #354232;margin-top:28px;padding-top:20px;color:var(--muted)}footer>span{font-size:9px}footer p{font-size:11px;line-height:1.7;max-width:650px}a{color:#c5d3b9;text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:720px){.cabinet{padding:25px 16px}.edition{display:none}h1{letter-spacing:-2px}.masthead{margin-bottom:24px}.dashboard{gap:6px}.dashboard span{font-size:8px;letter-spacing:.5px}.screen{border-width:5px}.controls{flex-direction:column;align-items:stretch;gap:17px}form{gap:18px}.buttons{justify-content:flex-end}.overlay{padding:12px}.overlay .eyebrow{font-size:8px;margin-bottom:7px}.overlay h2{margin-bottom:6px}.overlay p:not(.eyebrow):not(.key-hint){font-size:12px;margin-bottom:12px;line-height:1.4;max-width:280px}.overlay .primary{padding:8px 18px}.key-hint{display:none}.instructions{gap:10px}}