:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--page:#050b11;--border:#1d3949;--text:#e9f3f7;--muted:#7693a1;--vscode-button-background:#0e639c;--vscode-button-border:transparent;--vscode-button-foreground:#fff;--vscode-button-hoverBackground:#17b;--vscode-button-secondaryBackground:#313131;--vscode-button-secondaryHoverBackground:#3c3c3c;--vscode-focusBorder:#007fd4;--vscode-keybindingLabel-background:#8080802b;--vscode-keybindingLabel-border:#3339;--vscode-keybindingLabel-bottomBorder:#4449;--vscode-keybindingLabel-foreground:#ccc;--vscode-widget-shadow:#0000005c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 35%, #23a8f214, transparent 38rem), var(--page);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit}button:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:2px}canvas:focus-visible{outline:2px solid var(--vscode-focusBorder);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}kbd{border:1px solid var(--vscode-keybindingLabel-border);border-bottom-color:var(--vscode-keybindingLabel-bottomBorder);min-width:21px;height:21px;color:var(--vscode-keybindingLabel-foreground);background:var(--vscode-keybindingLabel-background);box-shadow:inset 0 -1px 0 var(--vscode-widget-shadow);border-radius:3px;justify-content:center;align-items:center;padding:1px 3px;font:400 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hat-stacker-app{-webkit-user-select:none;user-select:none;min-height:100vh;padding:32px 16px}.game-shell{width:min(980px,100%);margin:0 auto}.game-card{border:1px solid var(--border);background:#07111b;border-radius:8px;overflow:hidden;box-shadow:0 24px 70px #00000057}.playfield-frame{isolation:isolate;position:relative;overflow:hidden}.playfield{aspect-ratio:8/5;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;image-rendering:pixelated;display:block}.scanlines{z-index:2;pointer-events:none;opacity:.1;background:repeating-linear-gradient(#0000 0 3px,#76c3dc1a 4px);position:absolute;inset:0}.game-overlay{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050c12b8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.game-overlay[hidden]{display:none}.overlay-panel{text-align:center;background:#07111bf0;border:1px solid #346a83b3;border-radius:7px;width:min(340px,100%);padding:22px;box-shadow:0 20px 55px #0006}.overlay-panel h2{color:#f4fbff;letter-spacing:-.04em;margin:0 0 8px;font-size:29px;font-weight:680}.overlay-panel p{color:#9cb6c2;margin:0 auto 17px;font-size:13px;line-height:1.5}.primary-button{border:1px solid var(--vscode-button-border);min-width:128px;color:var(--vscode-button-foreground);background:var(--vscode-button-background);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:12px;line-height:16px}.primary-button:not(:disabled):hover{background:var(--vscode-button-hoverBackground)}.touch-controls{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:none;position:absolute;bottom:14px;left:14px;right:14px}.touch-controls button{border:1px solid var(--vscode-button-border);width:44px;height:36px;color:var(--vscode-button-foreground);background:var(--vscode-button-secondaryBackground);cursor:pointer;pointer-events:auto;touch-action:none;border-radius:4px;place-items:center;font-size:16px;display:grid}.touch-controls button:not(:disabled):hover{background:var(--vscode-button-secondaryHoverBackground)}.game-help{color:var(--muted);text-align:center;margin:0;padding:11px 4px 0;font-size:11px;line-height:1.6}.game-help-line{display:block}.game-help-line+.game-help-line{margin-top:4px}.game-help kbd{min-width:19px;height:19px;padding:1px 3px;font-size:11px}@media (max-width:680px){.hat-stacker-app{padding:12px}.game-help{padding-left:8px;padding-right:8px}.touch-controls{display:flex}}@media (pointer:coarse){.touch-controls{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.game-card,.overlay-panel,.primary-button,.touch-controls button{border:1px solid canvastext}}