:root{--bg: #0a0c0d;--bg-rail: #0e1112;--panel: #14181a;--panel-raised: #191e21;--panel-inset: #0c0f10;--phosphor: #4af2a4;--phosphor-dim: #2c9a68;--phosphor-glow: rgba(74, 242, 164, .16);--amber: #ffb454;--amber-glow: rgba(255, 180, 84, .14);--led-off: #2a3236;--graphic-phosphor: var(--phosphor);--graphic-amber: var(--amber);--ink: #e8edee;--ink-muted: #99a6ab;--ink-faint: #5c686d;--line: #232a2e;--line-strong: #2f383d;--focus-ring: var(--phosphor);--font-display: "Archivo", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--font-body: "Archivo", system-ui, sans-serif;--text-xs: .72rem;--text-sm: .86rem;--text-base: 1rem;--text-lg: 1.18rem;--text-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.1rem);--text-hero: clamp(2.6rem, 1.8rem + 4vw, 4.6rem);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--space-7: 6.5rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--content-max: 72rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur: .32s;--dur-slow: .7s;--shadow-module: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 0 0 1px var(--line), 0 12px 32px rgba(0, 0, 0, .45);--shadow-module-raised: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 0 0 1px var(--line-strong), 0 18px 44px rgba(0, 0, 0, .55), 0 0 24px var(--phosphor-glow)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg);background-image:radial-gradient(120% 80% at 50% 0%,rgba(74,242,164,.045),transparent 60%),repeating-linear-gradient(to bottom,transparent 0,transparent 95px,var(--bg-rail) 95px,var(--bg-rail) 96px);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.015em;margin:0}p{margin:0}a{color:var(--phosphor);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--ink)}img,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer}::selection{background:var(--phosphor);color:var(--bg)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.kicker{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.skip-to-content{position:absolute;top:-100px;left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--phosphor);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);transition:top var(--dur-fast) var(--ease-out)}.skip-to-content:focus{top:var(--space-3)}.scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.scroll-reveal--visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-reveal{opacity:1;transform:none}}.arcade-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-7) var(--space-4) var(--space-7)}.arcade-header{width:100%;max-width:var(--content-max);text-align:center;margin-bottom:var(--space-6)}.arcade-back{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;color:var(--ink-muted);margin-bottom:var(--space-4)}.arcade-back:hover{color:var(--phosphor)}.arcade-kicker{display:block;margin-bottom:var(--space-2)}.arcade-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--phosphor);margin:0}.arcade-divider{width:min(28rem,70%);height:34px;margin:var(--space-3) auto 0;color:var(--phosphor-dim);opacity:.7}.game-picker{width:100%;max-width:var(--content-max)}.picker-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.picker-subtitle{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.picker-random{padding:.45rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:transparent;color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.picker-random:hover{color:var(--phosphor);border-color:var(--phosphor);box-shadow:0 0 16px var(--phosphor-glow)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-4)}.crt-monitor{display:block;width:100%;padding:0;background:none;border:none;text-align:left;color:var(--ink);transition:transform var(--dur) var(--ease-out)}.crt-monitor:active{transform:scale(.99)}.crt-monitor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius)}.crt-monitor-bezel{position:relative;padding:var(--space-3);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 38%),var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-module);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.crt-monitor-bezel:before,.crt-monitor-bezel:after{content:"";position:absolute;top:9px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#3a4449 45%,#20282c 55%);box-shadow:0 0 0 1px #0000008c inset;z-index:6}.crt-monitor-bezel:before{left:9px}.crt-monitor-bezel:after{right:9px}.crt-monitor:hover .crt-monitor-bezel{transform:translateY(-4px);box-shadow:var(--shadow-module-raised)}.crt-monitor-screen{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--panel-inset);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 0 0 1px var(--line),inset 0 0 48px 8px #000000b3,inset 0 0 3px 1px var(--phosphor-glow)}.crt-monitor-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:2;animation:crtFlicker 4s ease-in-out infinite}.crt-monitor-vignette{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.45) 74%,rgba(0,0,0,.85) 100%);pointer-events:none;z-index:3}.crt-monitor-reflection{position:absolute;top:6%;left:8%;width:38%;height:28%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.05) 0%,transparent 70%);transform:rotate(-12deg);pointer-events:none;z-index:4}.crt-monitor-demo{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.crt-monitor-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(180deg,#0a0c0d59,#0a0c0dc7);transition:opacity var(--dur) var(--ease-out)}.crt-monitor:hover .crt-monitor-overlay{opacity:0}.crt-monitor-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:.04em;text-transform:uppercase;color:var(--phosphor);text-shadow:0 0 14px var(--phosphor-glow);text-align:center;padding:0 var(--space-2)}.crt-monitor-insert{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.28em;color:var(--amber);text-shadow:0 0 10px var(--amber-glow);animation:blinkCoin 1.4s step-end infinite}@keyframes blinkCoin{0%,to{opacity:1}50%{opacity:0}}.crt-monitor-controls{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:linear-gradient(0deg,rgba(10,12,13,.9),transparent);opacity:0;transition:opacity var(--dur) var(--ease-out);pointer-events:none}.crt-monitor:hover .crt-monitor-controls,.crt-monitor:focus-visible .crt-monitor-controls{opacity:1}.crt-monitor-key{padding:.05rem .35rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#0a0c0d99;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--phosphor)}@keyframes crtFlicker{0%,to{opacity:1}48%{opacity:.92}52%{opacity:.97}}.game-wrapper{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--panel-inset);border-bottom:1px solid var(--line);z-index:2}.game-hud-stats{display:flex;gap:var(--space-4)}.game-hud-stat{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.game-hud-stat span{margin-left:var(--space-1);color:var(--phosphor);font-weight:600}.game-hud-actions{display:flex;align-items:center;gap:var(--space-2)}.game-hud-btn{padding:.4rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:transparent;color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.game-hud-btn:hover,.game-hud-btn.is-copied{color:var(--phosphor);border-color:var(--phosphor);box-shadow:0 0 16px var(--phosphor-glow)}.game-exit-btn:hover{color:var(--amber);border-color:var(--amber);box-shadow:0 0 16px var(--amber-glow)}.game-canvas-area{flex:1;position:relative;overflow:hidden;border-radius:var(--radius);margin:var(--space-2) var(--space-3) var(--space-3);background:var(--panel-inset);box-shadow:0 0 0 1px var(--line),inset 0 0 120px 40px #000000b3,inset 0 0 6px 2px var(--phosphor-glow)}.game-canvas-area canvas{display:block;width:100%;height:100%}.game-crt-vignette{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.32) 66%,rgba(0,0,0,.72) 86%,rgba(0,0,0,.95) 100%);pointer-events:none;z-index:3}.game-crt-overlay{position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:2;animation:crtFlicker 4s ease-in-out infinite}.game-crt-reflection{position:absolute;top:4%;left:6%;width:38%;height:28%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.06) 0%,transparent 70%);transform:rotate(-15deg);pointer-events:none;z-index:4}.game-over-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0c0ddb;z-index:10}.game-over-title{font-family:var(--font-display);font-size:clamp(2rem,1.4rem + 3vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--amber);text-shadow:0 0 30px var(--amber-glow);margin:0 0 var(--space-2)}.game-over-score{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.1em;color:var(--phosphor);margin-bottom:var(--space-4)}.game-over-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.game-over-actions button{display:inline-flex;align-items:center;gap:var(--space-2);padding:.7rem 1.4rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.game-restart-btn{border:1px solid var(--phosphor);background:var(--phosphor);color:var(--bg)}.game-restart-btn:hover{background:transparent;color:var(--phosphor);box-shadow:0 0 20px var(--phosphor-glow)}.game-back-btn{border:1px solid var(--line-strong);background:transparent;color:var(--ink-muted)}.game-back-btn:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 20px var(--amber-glow)}.touch-controls{display:none;position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4) var(--space-4);z-index:5;justify-content:space-between;align-items:flex-end;pointer-events:none}@media(pointer:coarse){.touch-controls{display:flex}}.touch-dpad{display:grid;grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px;gap:var(--space-1);pointer-events:auto}.touch-btn{width:56px;height:56px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-raised);color:var(--phosphor);font-family:var(--font-mono);font-size:1.3rem;font-weight:600;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;pointer-events:auto;box-shadow:var(--shadow-module)}.touch-btn:active,.touch-btn--active{border-color:var(--phosphor);box-shadow:0 0 14px var(--phosphor-glow)}.touch-btn--spacer{visibility:hidden;pointer-events:none}.touch-action-buttons{display:flex;gap:var(--space-3);pointer-events:auto}.touch-action-btn{width:64px;height:64px;border-radius:50%;border:1px solid var(--amber);background:var(--panel-raised);color:var(--amber);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;pointer-events:auto;box-shadow:var(--shadow-module)}.touch-action-btn:active,.touch-action-btn--active{box-shadow:0 0 14px var(--amber-glow)}@media(max-width:40rem){.arcade-page{padding:var(--space-6) var(--space-3)}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-3)}.game-hud{padding:var(--space-2) var(--space-3)}.game-hud-stats{gap:var(--space-3)}}