:root{--void: #05060f;--parchment: #f4ecd8;--ink: #12132b;--aurora: #5ef0c4;--gold: #ffcb47;--pixel-font: "Press Start 2P", ui-monospace, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--void);color:var(--parchment);font-family:var(--pixel-font);-webkit-font-smoothing:none;font-smooth:never;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{position:relative}canvas{display:block}.pixel-panel{background:var(--ink);color:var(--parchment);border:4px solid var(--parchment);box-shadow:8px 8px #0000008c;padding:20px;line-height:1.8;font-size:12px}.pixel-btn{font-family:var(--pixel-font);font-size:11px;color:var(--ink);background:var(--gold);border:3px solid var(--ink);box-shadow:4px 4px #00000080;padding:10px 14px;cursor:pointer;image-rendering:pixelated}.pixel-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}.screen-fill{position:absolute;top:0;right:0;bottom:0;left:0}.center-stack{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.15}}.blink{animation:blink 1.1s steps(1,end) infinite}.crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;mix-blend-mode:overlay;opacity:.2;background:repeating-linear-gradient(to bottom,#ffffff0f,#ffffff0f,#0000001f,#0000001f 3px)}.crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9001;background:radial-gradient(ellipse at center,#0000 60%,#0000006b)}