:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{color:#e5e7eb;background:#030712;min-height:100vh;margin:0}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}button{font:inherit;cursor:pointer}.app{width:100%;max-width:800px;padding:24px}.level-select{max-width:720px;margin:0 auto}.level-select h1{margin:0 0 4px}.level-select>p{color:#9ca3af;margin:0 0 20px}.run-status{align-items:stretch;gap:10px;margin:0 0 20px;display:flex}.run-stat{background:#111827;border:1px solid #374151;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:100px;padding:8px 16px;display:flex}.run-stat-value{color:#e5e7eb;font-size:1.4em;font-weight:700}.run-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:.75em}.reset-button{color:#f87171;font:inherit;cursor:pointer;background:0 0;border:1px solid #7f1d1d;border-radius:8px;align-self:center;margin-left:auto;padding:8px 16px;font-weight:600}.reset-button:hover{background:#f871711a;border-color:#f87171}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}fieldset{border:1px solid #374151;border-radius:8px;padding:10px 14px 14px}legend{color:#d1d5db;padding:0 6px;font-weight:600}.modifier-cards{flex-direction:column;gap:8px;display:flex}.modifier-card{text-align:left;font:inherit;color:#e5e7eb;cursor:pointer;background:#111827;border:1px solid #374151;border-radius:8px;flex-direction:column;gap:4px;padding:8px 30px 8px 10px;display:flex;position:relative}.modifier-card:hover{border-color:#4b5563}.modifier-card--selected{background:#22c55e1f;border-color:#22c55e}.modifier-card--selected:after{content:"✓";color:#22c55e;font-weight:700;position:absolute;top:8px;right:10px}.modifier-card--cleared{cursor:default;opacity:.55;background:#37415159;border-color:#374151}.modifier-card--cleared:hover{border-color:#374151}.modifier-card--cleared:after{content:"✓";color:#9ca3af;font-weight:700;position:absolute;top:8px;right:10px}.modifier-card-header{align-items:center;gap:6px;display:flex}.modifier-card-name{font-weight:600}.modifier-card-description{color:#9ca3af;font-size:.85em}.modifier-preview{color:#6b7280;display:inline-flex;position:relative}.modifier-preview:hover{color:#e5e7eb}.modifier-preview-icon{display:block}.modifier-preview-popup{z-index:20;pointer-events:none;background:#030712;border:1px solid #4b5563;border-radius:6px;padding:4px;position:absolute;top:calc(100% + 8px);left:0}.modifier-preview-canvas{border-radius:3px;display:block}.modifier-preview-dpad{grid-template-rows:repeat(2,18px);grid-template-columns:repeat(3,18px);justify-content:center;gap:2px;margin-top:4px;display:grid}.modifier-preview-dpad-key{color:#4b5563;background:#111827;border-radius:3px;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.modifier-preview-dpad-key--up{grid-area:1/2}.modifier-preview-dpad-key--left{grid-area:2/1}.modifier-preview-dpad-key--right{grid-area:2/3}.modifier-preview-dpad-key--down{grid-area:2/2}.modifier-preview-dpad-key--pressed{color:#030712;background:#facc15}.empty-hint{color:#6b7280;margin:4px 0;font-size:.9em}.config-row{flex-wrap:wrap;gap:24px;margin-bottom:20px;display:flex}.seed-field{flex:1;min-width:220px}.seed-field label{color:#d1d5db;margin-bottom:6px;font-weight:600;display:block}.seed-field input{font:inherit;color:#e5e7eb;background:#111827;border:1px solid #374151;border-radius:6px;width:220px;padding:8px 10px}.win-condition-inputs{color:#9ca3af;align-items:center;gap:8px;display:flex}.win-condition-inputs input{font:inherit;color:#e5e7eb;background:#111827;border:1px solid #374151;border-radius:6px;width:64px;padding:8px 10px}.start-button{color:#052e12;background:#22c55e;border:none;border-radius:8px;padding:10px 24px;font-size:1.05em;font-weight:700}.game-screen{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.hud{flex-wrap:wrap;align-items:baseline;gap:20px;width:100%;display:flex}.hud-hint{color:#6b7280;font-size:.85em}.hud-seed{color:#6b7280;margin-left:auto;font-size:.85em}.hud-time{color:#9ca3af}.hud-time--low{color:#f87171;font-weight:700}.action-indicator{color:#9ca3af;align-items:center;gap:8px;font-size:.9em;display:inline-flex}.action-bar{background:#1f2937;border-radius:4px;width:70px;height:8px;display:inline-block;overflow:hidden}.action-bar-fill{background:#6b7280;height:100%;transition:width .1s linear;display:block}.action-indicator--ready .action-bar-fill{background:#22c55e}.action-indicator--active .action-bar-fill{background:#38bdf8}.action-indicator--cooldown .action-bar-fill{background:#f59e0b}.game-canvas{touch-action:none;border:1px solid #374151;border-radius:4px;max-width:100%;height:auto;display:block}.action-button{font:inherit;color:#082f49;touch-action:manipulation;background:#38bdf8;border:none;border-radius:999px;min-height:48px;padding:14px 28px;font-size:1.05em;font-weight:700}.game-over-overlay{background:#030712e0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.game-over-overlay button{color:#052e12;background:#22c55e;border:none;border-radius:8px;margin-top:12px;padding:8px 20px;font-weight:700}.game-over-overlay--win h2{color:#4ade80}.game-over-overlay--lose h2{color:#f87171}@media (width<=640px){.app{padding:12px}.category-grid{grid-template-columns:1fr}.seed-field input,.win-condition-inputs input{flex:1;width:auto}}.tutorial-overlay{z-index:2000;position:fixed;inset:0}.tutorial-backdrop{background:#030712d1;position:fixed;inset:0}.tutorial-spotlight{pointer-events:none;border:2px solid #22c55e;border-radius:10px;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #030712d1}.tutorial-tooltip{background:#111827;border:1px solid #374151;border-radius:10px;width:280px;max-width:calc(100vw - 24px);padding:16px;position:fixed;box-shadow:0 8px 24px #0006}.tutorial-tooltip--centered{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-tooltip:has(.tutorial-demo-canvas){width:auto}.tutorial-tooltip h3{color:#e5e7eb;margin:0 0 8px}.tutorial-tooltip p{color:#9ca3af;margin:0 0 12px;font-size:.92em}.tutorial-demo-canvas{background:#111827;border:1px solid #374151;border-radius:6px;margin:0 auto;display:block}.tutorial-demo-caption{text-align:center;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:6px 0 12px;font-size:.8em}.tutorial-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-nav{gap:8px;display:flex}.tutorial-skip{color:#6b7280;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85em;text-decoration:underline}.tutorial-back{color:#d1d5db;font:inherit;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:6px;padding:6px 14px}.tutorial-next{color:#052e12;font:inherit;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:6px 14px;font-weight:700}.settings-button{z-index:500;color:#9ca3af;cursor:pointer;background:#111827;border:1px solid #374151;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:fixed;top:16px;right:16px}.settings-button:hover{color:#e5e7eb;border-color:#4b5563}.settings-overlay{z-index:1500;background:#030712d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:#111827;border:1px solid #374151;border-radius:10px;flex-direction:column;gap:8px;min-width:240px;padding:20px;display:flex}.settings-panel h2{color:#e5e7eb;margin:0 0 8px}.settings-item{color:#e5e7eb;font:inherit;text-align:left;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px 14px}.settings-item:hover{border-color:#4b5563}.settings-close{color:#9ca3af;font:inherit;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:8px;margin-top:8px;padding:8px 14px}