.ui-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:var(--space-8);text-align:center;background:var(--color-bg-dark)}.ui-heading{font-family:var(--font-pixel);color:var(--color-accent);line-height:1}.ui-heading--crash{font-size:4rem;letter-spacing:6px}.ui-heading--notfound{font-size:3.5rem;letter-spacing:4px}.ui-message--narrow{max-width:360px}.ui-message{color:var(--color-text);font-size:.95rem}.ui-link{color:var(--color-secondary-text);font-weight:700;font-size:.9rem;text-decoration:none}.ui-button{font-family:var(--font-pixel);font-size:1.1rem;letter-spacing:1px;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);padding:.6rem var(--space-6);cursor:pointer}.ui-join-page{padding:var(--space-8);text-align:center}.ui-join-message{color:var(--color-secondary-text)}.home-page{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-8) var(--space-8)}.home-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-4)}.home-header-logo{font-family:var(--font-pixel);font-size:1.4rem;color:var(--color-accent);letter-spacing:3px}.home-header-account{display:flex;align-items:center;gap:var(--space-3)}.home-header-email{font-size:.8rem;color:var(--color-text-dim)}.home-header-signout{font-size:.75rem;font-weight:700;color:var(--color-secondary-text);text-decoration:none;letter-spacing:.5px}.home-header-signout:hover{text-decoration:underline}.home-header-signout:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.home-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6)}.home-logo{font-family:var(--font-pixel);font-size:5rem;color:var(--color-accent);letter-spacing:8px;line-height:1}.home-sub{color:var(--color-secondary-text);font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.home-hero{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:480px;padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-lg);text-decoration:none;transition:background .1s;cursor:pointer}.home-hero:hover{background:var(--color-surface-raised)}@media (prefers-reduced-motion: no-preference){.home-hero{transition:transform .1s,background .1s}.home-hero:hover{transform:translateY(-2px)}}.home-hero:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.home-hero-art{display:block;width:96px;height:auto;flex-shrink:0}.home-hero-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.home-hero-label{font-size:.68rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1.5px}.home-hero-name{font-family:var(--font-pixel);font-size:1.4rem;color:var(--color-text)}.home-hero-lastPlayed{font-size:.75rem;color:var(--color-text-dim)}.home-hero-cta{align-self:flex-start;margin-top:.4rem;padding:.3rem var(--space-4);border-radius:12px;font-size:.8rem;font-weight:700;letter-spacing:.5px}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%;max-width:480px}.home-tile{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem var(--space-4);background:var(--color-surface);border:2px solid;border-radius:var(--radius-md);text-decoration:none;transition:background .1s;cursor:pointer}.home-tile:hover{background:var(--color-surface-raised)}@media (prefers-reduced-motion: no-preference){.home-tile{transition:transform .1s,background .1s}.home-tile:hover{transform:translateY(-2px)}}.home-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.home-tile-art{display:block;width:72px;height:auto}.home-name{font-family:var(--font-pixel);font-size:1.2rem;color:var(--color-text);text-align:center}.home-gen{font-size:.7rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px}.home-lastPlayed{font-size:.68rem;color:var(--color-text-dim);margin-top:.1rem}.home-cta{margin-top:.4rem;padding:.25rem var(--space-3);border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.play-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--color-bg-dark)}.play-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);flex-shrink:0;border-bottom:1px solid var(--color-surface)}.play-back{color:var(--color-secondary-text);text-decoration:none;font-weight:700;font-size:.9rem}.play-menu-btn,.play-sound-btn{background:none;border:1px solid var(--color-primary);color:var(--color-text);border-radius:6px;padding:.3rem .6rem;font-size:1.1rem;cursor:pointer;flex-shrink:0}.play-gamepad{font-size:1.1rem;line-height:1;flex-shrink:0;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.play-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10}.play-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface-sunken);border-top:2px solid var(--color-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4);z-index:11;display:flex;flex-direction:column;gap:var(--space-3);max-height:70dvh;overflow-y:auto}.play-drawer-title{font-family:var(--font-pixel);color:var(--color-accent);font-size:1.2rem;text-align:center;letter-spacing:2px}.play-drawer-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.play-drawer-row--top-gap{margin-top:4px}.play-drawer-row--speed{grid-template-columns:repeat(4,1fr)}.play-drawer-row--palette-nav{margin-top:4px;align-items:center}.play-drawer-btn{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-text);padding:.6rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;text-align:center}.play-drawer-btn.active{background:var(--color-primary)}.play-drawer-section{font-family:var(--font-pixel);color:var(--color-secondary-text);font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.play-drawer-section-hint{font-size:.7rem;color:var(--color-text-faint)}.play-drawer-slot-col{display:flex;flex-direction:column;gap:3px}.play-drawer-gbc-note{font-size:.78rem;color:var(--color-text-faint);padding:.25rem 0}.play-palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.play-palette-raw-label{font-size:.75rem;color:#ccc;text-align:center}.play-title{font-family:var(--font-pixel);font-size:1.4rem;color:var(--color-accent);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-msg{font-family:var(--font-pixel);font-size:.9rem;color:#afa}.play-msg-error{color:#f66;display:inline-flex;align-items:center;gap:6px}.play-msg-warn{color:#fa4}.play-msg-error-btn{background:var(--color-primary);border:none;color:#fff;border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.75rem;cursor:pointer;flex-shrink:0}.play-undo-btn{background:none;border:1px solid var(--color-secondary);color:var(--color-secondary-text);border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.75rem;cursor:pointer;flex-shrink:0}.play-screen-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;padding:0 4px;box-sizing:border-box}.play-canvas{display:block;width:100%;max-width:100%;aspect-ratio:160 / 144;image-rendering:pixelated;border:3px solid var(--color-primary);border-radius:3px;box-sizing:border-box}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1f1b24e0;color:var(--color-text);font-family:var(--font-pixel);font-size:1.2rem;z-index:1;padding:var(--space-4);text-align:center}.play-screen-wrap:fullscreen,.play-screen-wrap:-webkit-full-screen{width:100vw;height:100vh;padding:0;background:#000}:fullscreen .play-canvas,:-webkit-full-screen .play-canvas{width:auto;height:100vh;aspect-ratio:160 / 144;border:none;border-radius:0}.play-sound-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#1f1b24bf;color:var(--color-text-dim);font-size:.75rem;padding:3px 10px;border-radius:var(--radius-sm);pointer-events:none;text-align:center;white-space:nowrap;z-index:2}.play-rewind-badge{position:absolute;top:8px;left:8px;background:#1f1b24bf;color:var(--color-accent);font-family:var(--font-pixel);font-size:.7rem;letter-spacing:1px;padding:4px 8px;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;z-index:2}@media (prefers-reduced-motion: no-preference){.play-rewind-badge{animation:play-rewind-pulse 1s ease-in-out infinite}}@keyframes play-rewind-pulse{50%{opacity:.6}}.play-overlay-boot{flex-direction:column}.play-boot{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.play-boot-title{font-family:var(--font-pixel);font-size:1.7rem;color:var(--color-accent);letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 0 var(--color-surface-sunken)}.play-boot-stage{font-family:var(--font-pixel);font-size:1.1rem;color:var(--color-text-dim);letter-spacing:1px;min-height:1.4em}.play-boot-stage:after{content:"_";margin-left:2px}@media (prefers-reduced-motion: no-preference){.play-boot-stage:after{animation:play-boot-blink 1s steps(1) infinite}}@keyframes play-boot-blink{50%{opacity:0}}.play-boot-bar{display:flex;gap:3px;padding:5px;border:2px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface-sunken)}.play-boot-seg{width:14px;height:20px;background:var(--color-surface);border-radius:1px}.play-boot-seg--filled{background:var(--color-accent)}@media (prefers-reduced-motion: no-preference){.play-boot-seg{transition:background-color .15s ease}}.play-touch{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-2) var(--space-4);gap:var(--space-2);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.play-dpad{display:grid;grid-template-areas:".    up   ." "left mid  right" ".    down .";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:132px;height:132px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.play-dpad button{background:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-text);border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding:0;pointer-events:none}.play-dpad button:active,.play-dpad button.is-pressed{background:var(--color-primary)}.play-dpad-up{grid-area:up}.play-dpad-left{grid-area:left}.play-dpad-mid{grid-area:mid;background:transparent!important;border:none!important}.play-dpad-right{grid-area:right}.play-dpad-down{grid-area:down}.play-mid{display:flex;flex-direction:column;align-items:center;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.play-small-btn{background:var(--color-surface);border:1px solid var(--color-secondary);color:var(--color-text);border-radius:20px;padding:8px 16px;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;min-width:70px;text-align:center}.play-small-btn:active,.play-small-btn.is-pressed{background:var(--color-secondary);color:#fff}.play-ab{display:flex;flex-direction:column;align-items:center;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.play-ab-btn{width:56px;height:56px;border-radius:50%;border:none;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.play-ab-btn:active,.play-ab-btn.is-pressed{opacity:.75}.play-btn-a{background:var(--color-primary)}.play-btn-b{background:var(--color-secondary)}.play-desktop-panel{display:none}.play-slot-col{display:flex;flex-direction:column;gap:3px}.play-slot-row{display:flex;gap:4px}.play-slot-row .play-panel-btn{flex:1}.play-palette-nav-row{display:flex;gap:4px;align-items:center;margin-top:4px}.play-palette-nav-row .play-panel-btn{flex:1}.play-palette-nav-label{font-size:.7rem;color:var(--color-text-dim);flex:2;text-align:center}.play-remap-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.play-remap-action{font-size:.8rem;color:var(--color-text-dim);flex-shrink:0}.play-remap-key{flex:0 0 auto;min-width:5.5em;text-align:center!important}.play-remap-status{font-size:.7rem;color:var(--color-text-faint);min-height:1.1em;text-align:center}.play-volume-row{display:flex;align-items:center;gap:var(--space-2)}.play-volume-slider{flex:1;accent-color:var(--color-primary);cursor:pointer}.play-volume-slider:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.play-volume-value{font-size:.75rem;color:var(--color-text-dim);min-width:2.4em;text-align:right}.play-cheat-add{display:flex;gap:var(--space-2);align-items:stretch}.play-cheat-input{flex:1;min-width:0;background:var(--color-surface-sunken);border:1px solid var(--color-primary);color:var(--color-text);padding:.35rem var(--space-2);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono, monospace);text-transform:uppercase}.play-cheat-input::placeholder{color:var(--color-text-faint);text-transform:none}.play-cheat-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.play-cheat-add .play-drawer-btn,.play-cheat-add .play-panel-btn{flex:0 0 auto;width:auto}.play-cheat-note{font-size:.7rem;color:var(--color-text-faint);margin-top:4px}.play-cheat-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.play-cheat-item{display:flex;align-items:center;gap:var(--space-2)}.play-cheat-toggle{flex:0 0 auto;background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-text-dim);border-radius:var(--radius-sm);padding:.15rem .4rem;cursor:pointer;font-size:.75rem;line-height:1}.play-cheat-toggle.active{background:var(--color-primary);color:#fff}.play-cheat-code{flex:1;min-width:0;font-size:.75rem;font-family:var(--font-mono, monospace);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-cheat-type{display:inline-block;margin-right:.4em;font-family:var(--font-pixel);font-size:.6rem;color:var(--color-secondary-text);letter-spacing:1px}.play-cheat-reload{color:var(--color-text-faint);font-size:.68rem}.play-cheat-remove{flex:0 0 auto;background:transparent;border:none;color:var(--color-text-faint);cursor:pointer;font-size:.85rem;line-height:1;padding:.15rem .3rem}.play-cheat-remove:hover{color:var(--color-secondary-text)}@media (min-width: 640px){.play-page{height:auto;min-height:100dvh;overflow:auto;padding:var(--space-4);gap:var(--space-4);align-items:center}.play-header{width:100%;max-width:860px;border-bottom:none;padding:0}.play-main{display:flex;gap:var(--space-6);align-items:flex-start}.play-screen-wrap{width:auto;padding:0}.play-canvas{width:480px;height:432px;aspect-ratio:unset;border-width:4px}.play-main[data-scale="2"] .play-canvas{width:320px;height:288px}.play-main[data-scale="4"] .play-canvas{width:640px;height:576px}.play-main[data-scale=fit] .play-canvas{width:min(calc(100vw - 260px),calc((100dvh - 8rem) * 160 / 144));height:auto;aspect-ratio:160 / 144}.play-touch{display:none}.play-desktop-panel{display:flex;flex-direction:column;gap:var(--space-4);min-width:150px}.play-section{display:flex;flex-direction:column;gap:.3rem}.play-section-title{font-family:var(--font-pixel);color:var(--color-accent);font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem}.play-hint{font-size:.7rem;color:var(--color-text-faint)}.play-panel-btn{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-text);padding:.35rem var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;text-align:left;width:100%}.play-panel-btn:hover{background:var(--color-surface-raised)}.play-panel-btn.active{background:var(--color-primary);color:#fff}}@media (max-height: 500px) and (orientation: landscape){.play-page{position:relative;height:100dvh;min-height:0;overflow:hidden;padding:0;gap:0;align-items:stretch}.play-header{width:100%;max-width:none;flex-shrink:0;border-bottom:1px solid var(--color-surface);padding:var(--space-1) calc(env(safe-area-inset-right) + var(--space-3)) var(--space-1) calc(env(safe-area-inset-left) + var(--space-3))}.play-main{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;gap:0}.play-screen-wrap{width:auto;height:100%;padding:0}.play-canvas{width:auto;height:100%;max-width:100%;aspect-ratio:160 / 144}.play-desktop-panel{display:none}.play-touch{display:block;position:fixed;top:0;right:0;bottom:0;left:0;padding:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5}.play-dpad,.play-mid,.play-ab{position:absolute;pointer-events:auto}.play-dpad{left:calc(env(safe-area-inset-left) + 16px);bottom:calc(env(safe-area-inset-bottom) + 16px)}.play-mid{left:50%;bottom:calc(env(safe-area-inset-bottom) + 10px);transform:translate(-50%)}.play-ab{right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 16px)}.play-dpad button,.play-small-btn{background:#2a24338c;background:color-mix(in srgb,var(--color-surface) 55%,transparent)}.play-btn-a{background:#6b5b958c;background:color-mix(in srgb,var(--color-primary) 55%,transparent)}.play-btn-b{background:#4a7b9d8c;background:color-mix(in srgb,var(--color-secondary) 55%,transparent)}}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #6b5b95;--color-secondary: #4a7b9d;--color-secondary-text: #6b93af;--color-accent: #f5c542;--color-bg-dark: #1f1b24;--color-bg-light: #f4f1ea;--color-surface: #2a2433;--color-surface-raised: #3a3043;--color-surface-sunken: #1a1620;--color-text: #f4f1ea;--color-text-dim: #aaa;--color-text-faint: #9a9a9a;--font-pixel: "VT323", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-dark);color:var(--color-text);font-family:system-ui,sans-serif;min-height:100vh}