:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;line-height:1.5}a,a:visited{color:#c7d2fe}a:hover{color:#a5b4fc}body{background:radial-gradient(circle at top,#4f46e540,#0000 36%),radial-gradient(circle at 85% 15%,#3b82f62e,#0000 30%),#020617;min-width:320px;min-height:100vh;margin:0}#root{width:100%}button{font-family:inherit}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}:root{--um-text-primary:#f8fafceb;--um-text-muted:#f8fafcc2;--um-text-subtle:#94a3b8e6;--um-border-soft:#94a3b847;--um-border-strong:#94a3b873;--um-surface-base:#020617b8;--um-surface:#0f172a85;--um-surface-strong:#0f172abd;--um-surface-hover:#1e293bc7;--um-focus-ring:#7dd3fcf2;--um-accent:#4f46e594;--um-accent-border:#818cf885;--um-radius-sm:10px;--um-radius-md:12px;--um-radius-lg:14px;--um-radius-pill:999px;--um-space-1:.35rem;--um-space-2:.5rem;--um-space-3:.6rem;--um-space-4:.75rem;--um-duration-fast:.12s;--um-ease-standard:ease}.um-container{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-lg);background:var(--um-surface);padding:var(--um-space-4)}.um-panel{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:var(--um-surface-strong);padding:calc(var(--um-space-3) + .05rem) var(--um-space-4)}.um-stack{gap:var(--um-space-3);display:grid}.um-row{align-items:center;gap:var(--um-space-2);flex-wrap:wrap;display:flex}.um-title{color:var(--um-text-primary);margin:0;font-size:1rem;font-weight:600}.um-text{color:var(--um-text-muted);margin:0}.um-button{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-sm);padding:.38rem var(--um-space-4);background:var(--um-surface);color:var(--um-text-primary);font:inherit;cursor:pointer;transition:background-color var(--um-duration-fast) var(--um-ease-standard), border-color var(--um-duration-fast) var(--um-ease-standard), color var(--um-duration-fast) var(--um-ease-standard);justify-content:center;align-items:center;display:inline-flex}.um-button:hover{background:var(--um-surface-hover)}.um-button:focus-visible{outline:2px solid var(--um-focus-ring);outline-offset:2px}.um-button:disabled,.um-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.um-button--primary{border-color:var(--um-accent-border);color:#e0e7fff5;background:#4f46e56b}.um-button--primary:hover{background:var(--um-accent)}.um-button--ghost{background:0 0;border-color:#0000}.um-button--capsule{border-radius:var(--um-radius-pill)}.um-capsule{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-pill);color:var(--um-text-muted);background:#0f172a73;align-items:center;padding:.18rem .58rem;font-size:.78rem;display:inline-flex}.um-label{align-items:center;gap:calc(var(--um-space-1) + .05rem);color:var(--um-text-primary);font-size:.9rem;display:inline-flex}.um-help{color:var(--um-text-muted);margin:0;font-size:.82rem}.um-input,.um-select,.um-textarea{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-sm);background:var(--um-surface-base);width:100%;color:var(--um-text-primary);font:inherit;box-sizing:border-box;transition:border-color var(--um-duration-fast) var(--um-ease-standard), background-color var(--um-duration-fast) var(--um-ease-standard);padding:.42rem .58rem}.um-input::placeholder,.um-textarea::placeholder{color:var(--um-text-subtle)}.um-input:focus,.um-select:focus,.um-textarea:focus{outline:2px solid var(--um-focus-ring);outline-offset:2px}.um-textarea{resize:vertical;min-height:6.5rem}.um-choice-group{align-items:center;gap:var(--um-space-3);flex-wrap:wrap;display:inline-flex}.um-choice{align-items:center;gap:var(--um-space-1);color:var(--um-text-muted);display:inline-flex}.um-choice input[type=checkbox],.um-choice input[type=radio],input.um-checkbox,input.um-radio{accent-color:#7dd3fcf2}.um-list{gap:var(--um-space-1);color:var(--um-text-muted);margin:0;padding-left:1rem;display:grid}.um-list-item{line-height:1.35}.um-list--plain{padding-left:0;list-style:none}.um-list--inline{gap:var(--um-space-2);flex-wrap:wrap;padding-left:0;list-style:none;display:inline-flex}.screen-controller{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.screen-controller.snes-layout{box-sizing:border-box;background:#0f172a99;border:1px solid #94a3b847;border-radius:14px;flex-wrap:nowrap;justify-content:space-between;gap:1.5rem;width:min(100%,40rem);padding:1.5rem;box-shadow:inset 0 0 0 1px #94a3b824}.screen-control-group{flex-direction:column;align-items:center;gap:.5rem;display:flex}.screen-control-group-title{color:#f8fafcd9;margin:0;font-size:.9rem;font-weight:600}.screen-control-group-content{justify-content:center;align-items:center;gap:1rem;display:flex}.dpad-group,.face-button-group{flex:none}.hjkl-group{justify-self:end}.dpad-group .screen-control-group-content{justify-content:flex-start}.face-button-group .screen-control-group-content{justify-content:flex-end}.screen-control{color:#f8fafc;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1e293bcc;border:1px solid #94a3b873;box-shadow:inset 0 1px #ffffff14}.screen-control:hover{background:#334155e6}.screen-control:focus{outline:none}.screen-control:focus-visible{outline-offset:2px;outline:2px solid #7dd3fcf2;box-shadow:0 0 0 2px #0e749059}.screen-control:active,.screen-control.is-held{filter:brightness(.85);transform:translateY(1px)}.compass-direction-control{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,auto);grid-template-areas:".north.""west.east"".south.";gap:0;display:grid}.direction-button,.compass-button{border-radius:9999px;width:4.5rem;height:4.5rem;font-size:1.2rem;font-weight:600}.direction-button.north,.compass-button.north{grid-area:north}.direction-button.south,.compass-button.south{grid-area:south}.direction-button.east,.compass-button.east{grid-area:east}.direction-button.west,.compass-button.west{grid-area:west}.on-screen-arrow-control{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,auto);grid-template-areas:".north.""west.east"".south.";gap:0;display:grid}.hjkl-row-control{justify-content:center;align-items:center;gap:.6rem;display:flex}.hjkl-button{letter-spacing:.03em;border-radius:.5rem;width:3.1rem;height:3.1rem;font-size:1.05rem;font-weight:700}@media (width<=700px){.screen-controller.snes-layout{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;padding:1rem}.direction-button,.compass-button{width:3rem;height:3rem}.hjkl-button{width:2.7rem;height:2.7rem;font-size:.95rem}}.um-life-gauge{gap:var(--um-space-2);border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:var(--um-surface);min-width:10rem;padding:var(--um-space-3);display:grid}.um-life-gauge__header{justify-content:space-between;align-items:center;gap:var(--um-space-2);display:flex}.um-life-gauge__label{color:var(--um-text-primary);font-size:.9rem;font-weight:600}.um-life-gauge__value{color:var(--um-text-muted);font-size:.84rem}.um-life-gauge__track{border-radius:var(--um-radius-pill);border:1px solid var(--um-border-soft);background:var(--um-surface-base);width:100%;height:.56rem;overflow:hidden}.um-life-gauge__fill{border-radius:var(--um-radius-pill);background:var(--um-accent);width:0;height:100%;transition:width var(--um-duration-fast) var(--um-ease-standard)}.um-life-gauge--healthy .um-life-gauge__fill{opacity:1}.um-life-gauge--warning .um-life-gauge__fill{opacity:.82}.um-life-gauge--critical .um-life-gauge__fill{opacity:.64}.life-gauge-example__pair{align-items:stretch}.life-gauge-example__item{gap:var(--um-space-2);flex:14rem;min-width:14rem;display:grid}.life-gauge-example__item .um-help{margin:0}.life-gauge-example__custom{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:var(--um-surface);padding:var(--um-space-3);gap:var(--um-space-2);display:grid}.life-gauge-example__custom-top{justify-content:space-between;align-items:center;gap:var(--um-space-2);display:flex}.life-gauge-example__custom-track{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-pill);background:var(--um-surface-base);width:100%;height:.56rem;overflow:hidden}.life-gauge-example__custom-fill{background:var(--um-accent);height:100%;transition:width var(--um-duration-fast) var(--um-ease-standard)}.um-cooldown-indicator{align-items:center;gap:var(--um-space-1);display:inline-flex}.um-cooldown-indicator__track{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-pill);background:var(--um-surface-base);width:3.2rem;height:.38rem;overflow:hidden}.um-cooldown-indicator__fill{background:var(--um-accent);opacity:.78;width:0;height:100%;transition:width var(--um-duration-fast) var(--um-ease-standard)}.um-cooldown-indicator__text{color:var(--um-text-muted);font-size:.78rem}.um-action-button{justify-content:center;align-items:center;gap:var(--um-space-1);border:1px solid var(--um-border-soft);border-radius:var(--um-radius-sm);min-width:6rem;padding:.4rem var(--um-space-4);background:var(--um-surface);color:var(--um-text-primary);font:inherit;cursor:pointer;transition:background-color var(--um-duration-fast) var(--um-ease-standard), border-color var(--um-duration-fast) var(--um-ease-standard), color var(--um-duration-fast) var(--um-ease-standard);font-weight:600;display:inline-flex;position:relative;overflow:hidden}.um-action-button:hover{background:var(--um-surface-hover)}.um-action-button:focus-visible{outline:2px solid var(--um-focus-ring);outline-offset:2px}.um-action-button__label{z-index:1;position:relative}.um-action-button__cooldown{z-index:1;align-items:center;display:inline-flex;position:relative}.um-action-button__indicator{z-index:1;position:relative}.um-action-button__overlay{background:#02061757;position:absolute;inset:0}.um-action-button--pressed{border-color:var(--um-accent-border);background:#4f46e559}.um-action-button--cooldown,.um-action-button--disabled{cursor:not-allowed;color:var(--um-text-muted)}.um-action-button--disabled{opacity:.68}.um-toggle{align-items:center;gap:var(--um-space-2);border:1px solid var(--um-border-soft);border-radius:var(--um-radius-pill);background:var(--um-surface);color:var(--um-text-primary);padding:.3rem var(--um-space-3);font:inherit;cursor:pointer;transition:background-color var(--um-duration-fast) var(--um-ease-standard), border-color var(--um-duration-fast) var(--um-ease-standard);font-weight:600;display:inline-flex}.um-toggle:hover{background:var(--um-surface-hover)}.um-toggle:focus-visible{outline:2px solid var(--um-focus-ring);outline-offset:2px}.um-toggle__track{border-radius:var(--um-radius-pill);border:1px solid var(--um-border-soft);background:var(--um-surface-base);width:2.25rem;height:1.2rem;transition:background-color var(--um-duration-fast) var(--um-ease-standard), border-color var(--um-duration-fast) var(--um-ease-standard);align-items:center;padding:0 .1rem;display:inline-flex;position:relative}.um-toggle__thumb{border-radius:var(--um-radius-pill);background:var(--um-text-muted);width:.9rem;height:.9rem;transition:transform var(--um-duration-fast) var(--um-ease-standard), background-color var(--um-duration-fast) var(--um-ease-standard)}.um-toggle--on .um-toggle__track{border-color:var(--um-accent-border);background:var(--um-accent-soft)}.um-toggle--on .um-toggle__thumb{background:var(--um-accent);transform:translate(1rem)}.um-toggle--disabled{cursor:not-allowed;color:var(--um-text-muted);opacity:.7}.um-toggle__label{font-size:.9rem}.um-virtual-dpad{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,auto);grid-template-areas:".up.""left.right"".down.";gap:0;display:grid}.um-virtual-dpad__button{border-radius:var(--um-radius-sm);border:1px solid var(--um-border-soft);background:var(--um-surface);width:2.8rem;height:2.8rem;color:var(--um-text-primary);font:inherit;cursor:pointer;transition:background-color var(--um-duration-fast) var(--um-ease-standard), border-color var(--um-duration-fast) var(--um-ease-standard);font-weight:700}.um-virtual-dpad__button:hover{background:var(--um-surface-hover)}.um-virtual-dpad__button:focus-visible{outline:2px solid var(--um-focus-ring);outline-offset:2px}.um-virtual-dpad__button.is-held{border-color:var(--um-accent-border);background:var(--um-accent-soft)}.um-virtual-dpad__up{grid-area:up}.um-virtual-dpad__left{grid-area:left}.um-virtual-dpad__right{grid-area:right}.um-virtual-dpad__down{grid-area:down}.um-virtual-dpad--disabled{opacity:.7}.um-virtual-dpad--disabled .um-virtual-dpad__button{cursor:not-allowed;color:var(--um-text-muted)}.um-virtual-action-button{justify-content:center;align-items:center;gap:var(--um-space-1);border-radius:var(--um-radius-pill);border:1px solid var(--um-border-soft);background:var(--um-surface);min-width:4.25rem;min-height:4.25rem;color:var(--um-text-primary);font:inherit;cursor:pointer;transition:background-color var(--um-duration-fast) var(--um-ease-standard), border-color var(--um-duration-fast) var(--um-ease-standard), transform var(--um-duration-fast) var(--um-ease-standard);font-weight:700;display:inline-flex;position:relative}.um-virtual-action-button:hover{background:var(--um-surface-hover)}.um-virtual-action-button:focus-visible{outline:2px solid var(--um-focus-ring);outline-offset:2px}.um-virtual-action-button--held{border-color:var(--um-accent-border);background:var(--um-accent-soft);transform:translateY(1px)}.um-virtual-action-button--cooldown,.um-virtual-action-button--disabled{cursor:not-allowed;color:var(--um-text-muted)}.um-virtual-action-button--disabled{opacity:.72}.um-virtual-action-button__label{z-index:1;position:relative}.um-virtual-action-button__cooldown{inset-inline:10%;justify-content:center;display:inline-flex;position:absolute;bottom:10%}.um-virtual-action-button__indicator{min-width:2.2rem}.um-hud-anchor{z-index:2;align-items:center;gap:var(--um-space-2);max-width:calc(100% - 1rem);display:inline-flex;position:absolute}.um-hud-anchor--safe{--um-hud-anchor-safe-top:env(safe-area-inset-top,0px);--um-hud-anchor-safe-right:env(safe-area-inset-right,0px);--um-hud-anchor-safe-bottom:env(safe-area-inset-bottom,0px);--um-hud-anchor-safe-left:env(safe-area-inset-left,0px)}.um-hud-anchor--unsafe{--um-hud-anchor-safe-top:0px;--um-hud-anchor-safe-right:0px;--um-hud-anchor-safe-bottom:0px;--um-hud-anchor-safe-left:0px}.um-hud-anchor--top-left{top:calc(var(--um-hud-anchor-safe-top) + var(--um-hud-anchor-offset-y));left:calc(var(--um-hud-anchor-safe-left) + var(--um-hud-anchor-offset-x))}.um-hud-anchor--top-right{top:calc(var(--um-hud-anchor-safe-top) + var(--um-hud-anchor-offset-y));right:calc(var(--um-hud-anchor-safe-right) + var(--um-hud-anchor-offset-x))}.um-hud-anchor--bottom-left{bottom:calc(var(--um-hud-anchor-safe-bottom) + var(--um-hud-anchor-offset-y));left:calc(var(--um-hud-anchor-safe-left) + var(--um-hud-anchor-offset-x))}.um-hud-anchor--bottom-right{bottom:calc(var(--um-hud-anchor-safe-bottom) + var(--um-hud-anchor-offset-y));right:calc(var(--um-hud-anchor-safe-right) + var(--um-hud-anchor-offset-x))}.um-ability-bar{align-items:flex-end;gap:.5rem;display:flex}.um-ability-bar__button{min-width:4.75rem}.um-hud-slot{align-items:center;gap:var(--um-space-2);border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:var(--um-surface);min-width:10.5rem;padding:.4rem .55rem;display:inline-flex}.um-hud-slot__icon{border-radius:var(--um-radius-sm);background:var(--um-surface-base);justify-content:center;align-items:center;width:1.3rem;height:1.3rem;font-size:.85rem;display:inline-flex}.um-hud-slot__content{line-height:1.1;display:grid}.um-hud-slot__label{color:var(--um-text-muted);font-size:.76rem}.um-hud-slot__value{color:var(--um-text-primary);font-size:.9rem;font-weight:600}.um-hud-slot__cooldown{margin-left:auto}.um-hud-slot--cooldown{border-color:var(--um-accent-border)}.um-hud-slot--disabled{opacity:.65}.um-quick-hud-layout{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:linear-gradient(#0f172a5c,#02061761),#0f172a4d;min-height:10.5rem;position:relative;overflow:hidden}.um-platformer-hud-preset__stack,.um-topdown-hud-preset__stack,.um-survival-hud-preset__stack,.um-boss-encounter-hud-preset__stack{gap:var(--um-space-2);display:grid}.hud-anchor-example__surface{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:linear-gradient(#0f172a5c,#02061761),#0f172a4d;min-height:12rem;position:relative;overflow:hidden}.render-frame{display:inline-flex}.render-frame.is-debug{outline-offset:1px;outline:2px solid #60a5fa}.render-canvas{image-rendering:pixelated;background:#020617;border-radius:0;display:block;box-shadow:inset 0 0 0 1px #94a3b840}.um-score-display{color:#f8fafc;letter-spacing:.01em;text-shadow:1px 1px #0f172af2,-1px 1px #0f172af2,1px -1px #0f172af2,-1px -1px #0f172af2;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.92rem;font-weight:700}.um-score-display--ready{color:#fde047;animation:.52s steps(2,end) infinite um-special-ready-flash}@keyframes um-special-ready-flash{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.um-menu-template{width:min(28rem,100%)}.um-menu-template__header{gap:var(--um-space-1);display:grid}.um-menu-template__eyebrow{margin:0}.um-menu-template__actions{gap:var(--um-space-2);display:grid}.um-menu-template__actions .um-button{justify-content:flex-start}.um-text-box{pointer-events:none;z-index:6;position:absolute}.um-text-box__panel{gap:var(--um-space-3);border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:var(--um-surface-strong);padding:var(--um-space-3);color:var(--um-text-primary);grid-template-columns:auto 1fr;display:grid}.um-text-box__portrait{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-sm);background:var(--um-surface-base);justify-content:center;align-items:center;min-width:3rem;min-height:3rem;display:inline-flex;overflow:hidden}.um-text-box__content{gap:var(--um-space-2);display:grid}.um-text-box__content[data-align=center]{text-align:center;justify-items:center}.um-text-box__content[data-align=right]{text-align:right;justify-items:end}.um-text-box__icon{border-radius:var(--um-radius-sm);border:1px solid var(--um-border-soft);background:var(--um-surface-base);width:1.2rem;height:1.2rem;color:var(--um-text-muted);justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.um-text-box__text{white-space:pre-wrap;word-break:break-word;color:var(--um-text-primary);margin:0;line-height:1.35}.um-toasts{pointer-events:none;z-index:9;position:absolute;inset:0}.um-toasts__list{flex-direction:column;max-width:min(28rem,92vw);margin:0;padding:0;list-style:none;display:flex;position:absolute}.um-toasts[data-anchor=top-left] .um-toasts__list{top:var(--um-space-4);left:var(--um-space-4);align-items:flex-start}.um-toasts[data-anchor=top-right] .um-toasts__list{top:var(--um-space-4);right:var(--um-space-4);align-items:flex-end}.um-toasts[data-anchor=bottom-left] .um-toasts__list{bottom:var(--um-space-4);left:var(--um-space-4);flex-direction:column-reverse;align-items:flex-start}.um-toasts[data-anchor=bottom-right] .um-toasts__list{bottom:var(--um-space-4);right:var(--um-space-4);flex-direction:column-reverse;align-items:flex-end}.um-toasts__item{pointer-events:auto;align-items:center;gap:var(--um-space-2);border:1px solid var(--um-border-soft);border-radius:var(--um-radius-md);background:var(--um-surface-strong);color:var(--um-text-primary);padding:var(--um-space-3) var(--um-space-4);grid-template-columns:auto 1fr auto;min-width:14rem;display:grid}.um-toasts__item[data-variant=success]{border-color:var(--um-accent-border)}.um-toasts__item[data-variant=warn]{border-color:var(--um-border-strong);background:var(--um-surface-hover)}.um-toasts__item[data-variant=error]{border-color:var(--um-border-strong);background:var(--um-surface-base)}.um-toasts__icon{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-pill);width:1.1rem;height:1.1rem;color:var(--um-text-muted);justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.um-toasts__message{color:var(--um-text-primary);word-break:break-word;line-height:1.3}.um-toasts__dismiss{border:1px solid var(--um-border-soft);border-radius:var(--um-radius-sm);background:var(--um-surface);color:var(--um-text-muted);font:inherit;cursor:pointer;padding:.2rem .45rem;font-size:.74rem}.um-toasts__dismiss:focus-visible{outline:2px solid var(--um-focus-ring);outline-offset:2px}.um-game-over-popover{background:#020617e6;border:1px solid #94a3b873;border-radius:12px;justify-items:center;gap:.55rem;width:min(92%,320px);padding:1rem 1.1rem;display:grid;box-shadow:0 12px 24px #02061773}.um-game-over-popover__title{color:#f8fafc;margin:0;font-size:1rem;font-weight:700}.um-game-over-popover__score{color:#e2e8f0f2;margin:0;font-size:.9rem}.GameContainer{gap:1rem;width:min(100%,980px);margin:0 auto;padding:2.25rem 1rem 1.5rem;display:grid}.AppHeader{text-align:center;gap:.5rem;display:grid}.AppEyebrow{letter-spacing:.08em;text-transform:uppercase;color:#f8fafcbf;margin:0;font-size:.75rem}.AppTitle{margin:0;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.15}.AppSubtitle{color:#f8fafcd1;justify-self:center;max-width:62ch;margin:0}.GameSurface{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid #94a3b840;border-radius:18px;gap:1rem;padding:1rem;display:grid}.GameModeSwitcher{background:#0f172ad1;border:1px solid #94a3b859;border-radius:999px;gap:.45rem;width:fit-content;padding:.25rem;display:inline-flex}.GameControlsRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.TabChoiceRow,.TabChoiceRow .GameModeSwitcher,.TabChoiceRow .DevToolsGroup{justify-content:center}.DevToolsGroup{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.DebugToggle{color:#f8fafcd9;cursor:pointer;background:#0f172a85;border:1px solid #94a3b847;border-radius:999px;align-items:center;padding:.28rem .72rem;font-family:inherit;font-size:.85rem;display:inline-flex}.DebugToggle:hover{background:#1e293bbf}.DebugToggle--active{color:#dbeafef2;background:#2563eb47;border-color:#60a5fa94;font-weight:600}.DebugToggle:focus-visible{outline-offset:2px;outline:2px solid #7dd3fcf2}.DevControlsTab{background:#0f172a75;border:1px solid #94a3b847;border-radius:12px;padding:.65rem .8rem}.DevExamplesTab{padding-bottom:.8rem}.DevControlsTitle{color:#bfdbfef2;margin:0;font-size:.82rem;font-weight:600}.DevSaveActionRow{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.DevActionLabel{letter-spacing:.03em;color:#cbd5e1e6;border:1px dashed #94a3b85c;border-radius:999px;align-self:center;padding:.18rem .5rem;font-size:.7rem}.DevHiddenFileInput{display:none}.DevSaveStatus{border:1px solid #94a3b84d;border-radius:999px;width:fit-content;margin:.5rem 0 0;padding:.2rem .58rem;font-size:.75rem;line-height:1.2}.DevSaveStatus--neutral{color:#e2e8f0eb;background:#33415570}.DevSaveStatus--success{color:#dcfce7f2;background:#16a34a3d;border-color:#4ade8073}.DevSaveStatus--error{color:#fee2e2f2;background:#dc26263d;border-color:#f8717173}.DevControlsList{color:#f8fafcd1;gap:.28rem;margin:.55rem 0 0;padding-left:1rem;font-size:.8rem;display:grid}.DevExamplesArea{margin-top:.7rem}.DevExamplesStack{gap:.8rem;display:grid}.DevKey{color:#7dd3fcf5;min-width:6.4rem;font-weight:600;display:inline-block}.game-mode-button{font:inherit;color:#f8fafce6;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.38rem .9rem;font-size:.9rem}.game-mode-button:hover{background:#94a3b833}.game-mode-button.is-active{color:#0f172a;background:#c7d2fe;font-weight:600;box-shadow:inset 0 0 0 1px #0f172a29}.game-mode-button--side-scroller:hover{background:#4f46e53d}.game-mode-button--top-down:hover{background:#0e74903d}.game-mode-button--side-scroller.is-active{color:#e0e7ff;background:#4f46e59e}.game-mode-button--top-down.is-active{color:#e0f2fe;background:#0e74909e}.game-mode-button:focus-visible{outline-offset:2px;outline:2px solid #bfdbfef2}.game-mode-button--side-scroller:focus-visible{outline-color:#a5b4fcfa;box-shadow:0 0 0 2px #4f46e559}.game-mode-button--top-down:focus-visible{outline-color:#7dd3fcfa;box-shadow:0 0 0 2px #0e749059}.CanvasPanel,.ControlsPanel{background:#0f172a8c;border:1px solid #94a3b833;border-radius:14px;padding:.75rem}.CanvasPanel{justify-items:center;gap:.6rem;display:grid}.CanvasOverlayHost{position:relative}.CanvasStartSurface{background:linear-gradient(#0f172aeb 0%,#020617eb 100%);border-radius:12px;display:block;box-shadow:inset 0 0 0 1px #94a3b859}.CanvasStartOverlay{z-index:3;background:#0206178c;place-items:center;display:grid;position:absolute;inset:0}.CanvasHudTopLeft{z-index:4;pointer-events:none;position:absolute;top:.35rem;left:.35rem}.CanvasHudBottomRight{z-index:4;pointer-events:none;position:absolute;bottom:.35rem;right:.5rem}.CanvasLivesRow{align-items:center;gap:.22rem;display:inline-flex}.CanvasLifeSprite{width:24px;height:24px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:96px 24px}.GameScreenViewport{flex:none;position:relative}.CanvasGameOverOverlay{z-index:5;background:#080c1499;place-items:center;display:grid;position:absolute;inset:0}.CanvasStartCard{width:min(92%,320px)}.CanvasStartActions{flex-direction:column;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;display:flex}.CanvasMetaRow{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.CanvasControlsHelp{color:#e2e8f0e0;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;padding:.05rem 0;font-size:.8rem;display:flex}.CanvasControlsHelp__title{color:#bfdbfef5;font-weight:700}.CanvasControlsHelp__item{background:#0f172a4d;border:1px solid #94a3b838;border-radius:999px;align-items:center;padding:.18rem .55rem;display:inline-flex}.CanvasMetaPill{color:#f8fafcd1;background:#0f172a73;border:1px solid #94a3b847;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.78rem;display:inline-flex}.CanvasMetaPill--mode.CanvasMetaPill--side-scroller{background:#4f46e538;border-color:#818cf873}.CanvasMetaPill--mode.CanvasMetaPill--top-down{background:#0e74903d;border-color:#38bdf873}.ControlsPanel{justify-self:center}.ControlsHelpPanel{background:#0f172a6b;border:1px solid #94a3b833;border-radius:14px;justify-self:center;width:min(100%,720px);padding:.55rem .75rem}.GameScreen{background:linear-gradient(#0f172aeb 0%,#020617eb 100%);border-radius:12px;justify-content:center;align-items:center;width:fit-content;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b859}.CanvasTapMarker{pointer-events:none;z-index:10;background:red;border-radius:999px;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}