:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6ff;background:#030814;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(1180px,100%);min-height:100svh;margin:auto;padding:18px;display:grid}.hud{background:#0a1427;border:1px solid #254267;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.eyebrow{color:#9fc7e8;letter-spacing:.15em;margin:0 0 5px;font-size:11px;font-weight:800}.sequence{letter-spacing:.04em;margin:0;font-weight:700}.objective{text-align:center;color:#c4d5e7;font-size:12px;display:grid}.objective strong{color:#ffb2e4;font-size:24px}button{color:#f3ffff;min-height:44px;font:inherit;cursor:pointer;background:#102c42;border:1px solid #65d8d0;padding:0 14px;font-weight:800}kbd{color:#bed2e6;font-size:11px}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #fff6a7;box-shadow:0 0 0 5px #07101f}.game-panel{background:#07101f;border:1px solid #1d3d62;min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;min-height:320px;display:block}.feedback{text-align:center;color:#fff6a7;pointer-events:none;margin:0;padding:0 12px;font-weight:800;position:absolute;inset:10px 0 auto}.instructions{color:#c4d5e7;text-align:center;margin:0;font-size:14px}.score{color:#d4e3ef;gap:3px;font-size:12px;font-weight:800;display:grid}.onboarding{text-align:center;z-index:1;background:#051121f5;border:2px solid #65d8d0;width:min(520px,88%);padding:22px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.onboarding h1{color:#fff6a7;margin:0 0 8px}.onboarding p{color:#e1edf8;margin:0 0 16px;line-height:1.45}.replay{z-index:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.debug-panel{z-index:2;color:#e1edf8;background:#051121f0;border:1px solid #65d8d0;width:min(300px,100% - 20px);max-height:calc(100% - 20px);padding:10px;font-size:12px;position:absolute;top:10px;right:10px;overflow:auto}.debug-panel strong,.debug-panel span,.debug-panel label{margin-bottom:7px;display:block}.debug-panel select{width:100%;min-height:36px;margin-top:3px}.orientation-notice{text-align:center;background:#030814d9;place-items:center;margin:0;padding:24px;font-weight:800;display:none;position:absolute;inset:0}.runtime-fallback{text-align:center;color:#eef6ff;place-content:center;gap:10px;width:min(620px,100% - 32px);min-height:100svh;margin:auto;display:grid}.runtime-fallback h1{color:#fff6a7;margin:0}.runtime-fallback p{color:#d4e3ef;margin:0;line-height:1.5}@media (aspect-ratio<=4/5){.orientation-notice{display:grid}}@media (width<=700px) and (orientation:landscape){.app-shell{gap:6px;padding:8px}.hud{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 10px;padding:8px 10px;display:grid}.hud>:first-child{grid-column:1/-1}.objective{text-align:left}.objective strong{font-size:18px}.score{grid-auto-flow:column;gap:8px}.instructions{display:none}canvas{min-height:160px}}@media (height<=430px) and (orientation:landscape){.app-shell{gap:5px;padding:6px 8px}.hud{padding:6px 8px}.eyebrow{margin-bottom:2px;font-size:9px}.sequence{font-size:12px}.game-panel,canvas{min-height:150px}.feedback{font-size:12px;top:5px}.onboarding{padding:14px}.onboarding p{font-size:13px}}@media (width<=640px) and (orientation:portrait){.app-shell{padding:8px}.hud{gap:8px;padding:10px}.objective{display:none}.score{font-size:11px}canvas{min-height:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}