@font-face{font-family:Pixeloid Sans;src:url(/assets/fonts/PixeloidSans.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--mt-font-brand: "Silkscreen", ui-monospace, monospace;--mt-font-ui: "Silkscreen", ui-monospace, monospace;--mt-font-body: "Silkscreen", ui-monospace, monospace;--mt-font-support: "Pixeloid Sans", "Silkscreen", ui-monospace, monospace;--mt-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--mt-font-numeric: var(--mt-font-code);--mt-type-brand-size: clamp(2rem, 10vw, 3.25rem);--mt-type-page-title-size: 1.5rem;--mt-type-section-heading-size: .875rem;--mt-type-control-title-size: 1rem;--mt-type-helper-size: .875rem;--mt-type-description-size: .8125rem;--mt-type-metadata-size: .75rem;--mt-type-display-size: var(--mt-type-brand-size);--mt-type-title-size: var(--mt-type-page-title-size);--mt-type-body-size: var(--mt-type-control-title-size);--mt-type-compact-size: var(--mt-type-helper-size);--mt-line-display: 1.05;--mt-line-title: 1.25;--mt-line-body: 1.6;--mt-line-compact: 1.5;--mt-track-normal: .01em;--mt-track-ui: .04em;--mt-track-code: .025em;--font-brand: var(--mt-font-brand);--font-ui: var(--mt-font-ui);--font-support: var(--mt-font-support);--font-code: var(--mt-font-code);--mt-bg-void: #0a1712;--mt-bg-forest: #0e2f24;--mt-surface-base: #102a20;--mt-surface-raised: #173a29;--mt-surface-active: #1f4b2e;--mt-border-muted: #4e6f3d;--mt-border-primary: #6b8f4e;--mt-border-highlight: #c9d67a;--mt-text-primary: #ffe9a6;--mt-text-secondary: #d6c98b;--mt-text-muted: #9aa36f;--mt-accent-gold: #ffc143;--mt-accent-ember: #ff7a2e;--mt-color-background-base: var(--mt-bg-void);--mt-color-background-subtle: var(--mt-bg-forest);--mt-color-surface-primary: var(--mt-surface-base);--mt-color-surface-secondary: var(--mt-surface-raised);--mt-color-surface-selected: var(--mt-surface-active);--mt-color-surface-emphasis: var(--mt-surface-active);--mt-color-border-subtle: var(--mt-border-muted);--mt-color-border-strong: var(--mt-border-primary);--mt-color-text-primary: var(--mt-text-primary);--mt-color-text-secondary: var(--mt-text-secondary);--mt-color-text-muted: var(--mt-text-muted);--mt-color-text-inverse: var(--mt-bg-void);--mt-color-accent-primary: var(--mt-accent-gold);--mt-color-accent-primary-strong: var(--mt-border-highlight);--mt-color-accent-secondary: var(--mt-border-primary);--mt-color-status-warning: #9b5f64;--mt-color-status-success: #8fd99f;--mt-color-status-danger: #e89a9f;--mt-text-disabled: var(--mt-color-text-secondary);--mt-text-placeholder: var(--mt-text-secondary);--mt-text-inverse: var(--mt-color-text-inverse);--mt-text-success: var(--mt-color-status-success);--mt-text-danger: var(--mt-color-status-danger);--mt-radius-sm: 0;--mt-radius-md: 0;--mt-radius-lg: 0;--mt-notch-sm: 6px;--mt-notch-md: 10px;--mt-notch-row: 8px;--mt-notch-step: 2px;--mt-border-width-thin: 1px;--mt-border-width-strong: 2px;--mt-shadow-surface: 0 4px 0 rgb(3 10 7 / 72%);--mt-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--mt-border-highlight) 42%, transparent);--mt-frame-inner-edge: inset 1px 1px 0 color-mix(in srgb, var(--mt-text-primary) 9%, transparent), inset -1px -1px 0 color-mix(in srgb, var(--mt-bg-void) 74%, transparent);--mt-button-inner-edge: inset 2px 2px 0 color-mix(in srgb, var(--mt-text-primary) 42%, transparent), inset -2px -2px 0 color-mix(in srgb, var(--mt-bg-void) 34%, transparent);--mt-space-1: 4px;--mt-space-2: 8px;--mt-space-3: 12px;--mt-space-4: 16px;--mt-space-5: 24px;--mt-space-6: 32px;--mt-menu-max-width: 32.5rem;--mt-menu-nav-clearance: 5.5rem;--mt-menu-primary-height: 3.5rem;--mt-menu-secondary-height: 3rem;--mt-menu-tab-height: 3.75rem;--color-bg: var(--mt-color-background-base);--color-bg-soft: var(--mt-color-background-subtle);--color-surface: var(--mt-color-surface-primary);--color-surface-raised: var(--mt-color-surface-secondary);--color-surface-soft: var(--mt-color-surface-selected);--color-border: color-mix(in srgb, var(--mt-border-muted) 72%, transparent);--color-border-strong: var(--mt-border-primary);--color-text: var(--mt-text-primary);--color-text-strong: var(--mt-color-accent-primary-strong);--color-muted: var(--mt-text-muted);--color-muted-strong: var(--mt-text-secondary);--color-accent: var(--mt-color-accent-primary);--color-accent-soft: var(--mt-color-accent-primary-strong);--color-accent-ink: var(--mt-text-inverse);--color-blue: var(--mt-color-accent-secondary);--color-danger: var(--mt-text-danger);--color-success: var(--mt-text-success);--shadow-panel: 0 6px 0 rgb(3 10 7 / 76%);--shadow-card: var(--mt-shadow-surface);font-family:var(--font-ui);font-size:var(--mt-type-body-size);line-height:var(--mt-line-body);font-weight:400;letter-spacing:var(--mt-track-normal);color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box}body{margin:0;font-family:var(--mt-font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:var(--color-text);background:linear-gradient(180deg,var(--mt-bg-forest) 0%,var(--mt-bg-void) 52%)}body.game-active{overflow:hidden;overscroll-behavior:none;background:var(--mt-bg-void)}#app{min-height:100vh;background:transparent}body.game-active #app{height:100vh;height:100dvh;min-height:100svh;overflow:hidden;background:transparent}.shell{max-width:48rem;margin:0 auto;padding:1rem}body.game-active .shell{max-width:none;height:100vh;height:100dvh;min-height:100svh;padding:0;overflow:hidden;background:transparent}body.game-active .topbar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.topbar h1{margin:0;font-family:var(--font-brand);font-size:var(--mt-type-body-size);letter-spacing:var(--mt-track-normal)}.screen-switchers{display:flex;gap:.5rem}button,select,input{font:inherit;font-size:var(--mt-type-body-size)}button{border:var(--mt-border-width-thin) solid transparent;border-radius:var(--mt-radius-md);padding:.5rem .75rem;background:var(--color-surface-raised);color:var(--color-text-strong);cursor:pointer;font-family:var(--font-ui);font-weight:700;line-height:1.35;letter-spacing:var(--mt-track-normal);text-transform:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}button:disabled{background:color-mix(in srgb,var(--mt-color-surface-emphasis) 68%,var(--mt-color-background-base));color:var(--mt-text-disabled);border-color:color-mix(in srgb,var(--mt-color-border-subtle) 50%,transparent);cursor:not-allowed}button:hover:enabled{background:var(--mt-color-surface-selected);border-color:var(--color-border)}button:focus-visible{outline:var(--mt-border-width-strong) solid var(--mt-border-highlight);outline-offset:.1875rem;box-shadow:var(--mt-shadow-focus)}.numeric-value{font-family:var(--mt-font-numeric);letter-spacing:var(--mt-track-code);text-transform:none}.screen{background:var(--color-surface);border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-lg);padding:1rem;box-shadow:var(--shadow-panel)}.screen h2{margin:0;font-family:var(--font-brand);font-size:var(--mt-type-page-title-size);line-height:var(--mt-line-title);letter-spacing:var(--mt-track-normal)}.setup-subtitle{margin:.25rem 0 0;color:var(--color-muted-strong);font-size:var(--mt-type-body-size);line-height:var(--mt-line-body)}.setup-secondary-subtitle{margin:.25rem 0 1rem;color:var(--color-muted);font-size:var(--mt-type-body-size)}.lobby-screen{display:flex;flex-direction:column;gap:var(--mt-space-4);max-width:var(--mt-menu-max-width);margin:0 auto;padding:var(--mt-space-4)}.setup-menu-shell{padding-bottom:calc(var(--mt-menu-nav-clearance) + env(safe-area-inset-bottom))}body.game-active .setup-tab-bar{display:none}.setup-tab-bar{--mt-tab-notch: var(--mt-notch-md);position:fixed;left:50%;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(100% - 1.5rem),var(--mt-menu-max-width));padding:var(--mt-space-1) var(--mt-space-1) max(var(--mt-space-1),env(safe-area-inset-bottom));transform:translate(-50%);border:var(--mt-border-width-thin) solid var(--mt-border-primary);border-bottom:0;background:var(--mt-surface-base);filter:drop-shadow(0 -4px 0 rgb(3 10 7 / 76%));clip-path:polygon(var(--mt-tab-notch) 0,calc(100% - var(--mt-tab-notch)) 0,100% var(--mt-tab-notch),100% 100%,0 100%,0 var(--mt-tab-notch))}.setup-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mt-space-1);min-width:0;min-height:var(--mt-menu-tab-height);padding:var(--mt-space-2) var(--mt-space-1);border:0;border-top:var(--mt-border-width-thin) solid transparent;border-radius:0;background:transparent;color:var(--mt-text-muted);line-height:1;letter-spacing:var(--mt-track-ui);text-transform:uppercase;box-shadow:none}.setup-tab+.setup-tab{border-left:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 24%,transparent)}.setup-tab:hover:enabled{border-top-color:var(--mt-border-primary);background:color-mix(in srgb,var(--mt-surface-raised) 72%,transparent);color:var(--mt-text-secondary)}.setup-tab.is-active,.setup-tab.is-active:hover:enabled{border-top-color:var(--mt-accent-gold);background:color-mix(in srgb,var(--mt-surface-active) 24%,var(--mt-surface-base));color:var(--mt-text-primary)}.setup-tab:focus-visible{outline:var(--mt-border-width-strong) solid var(--mt-border-highlight);outline-offset:-.1875rem;box-shadow:inset 0 0 0 var(--mt-border-width-thin) var(--mt-bg-void)}.setup-tab__icon{display:block;width:1.5rem;height:1.5rem;object-fit:contain;image-rendering:pixelated;opacity:.54}.setup-tab__icon--replay{transform:scale(1.2)}.setup-tab__icon--home,.setup-tab__icon--lab{transform:scale(1.08)}.setup-tab:hover:enabled .setup-tab__icon{opacity:.78}.setup-tab.is-active .setup-tab__icon{opacity:1}.setup-tab__label{overflow:hidden;max-width:100%;font-size:var(--mt-type-compact-size);line-height:1;text-overflow:ellipsis;white-space:nowrap}.lobby-hero{padding:.375rem 0 .125rem}.lobby-hero h2{font-family:var(--font-brand);font-size:var(--mt-type-title-size);line-height:var(--mt-line-title);letter-spacing:var(--mt-track-normal);color:var(--color-text-strong)}.home-screen .home-wordmark-heading{position:relative;width:min(100%,25rem);aspect-ratio:5.5 / 1;margin:0 auto;overflow:hidden;font-size:0;line-height:0}.home-screen{--mt-home-art-top-bleed: var(--mt-space-4);position:relative;isolation:isolate;gap:var(--mt-space-5);border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--mt-bg-forest) 52%,transparent) 0%,transparent 18rem);box-shadow:none}.home-screen:before{content:"";position:absolute;top:calc(-1 * var(--mt-home-art-top-bleed));right:0;left:0;z-index:-1;height:calc(15rem + var(--mt-home-art-top-bleed));pointer-events:none;background-image:linear-gradient(180deg,#030a0742,#030a0724 38%,#0a1712d1 72%,#0a1712fa),url(/assets/ui/home-forest-night.webp);background-position:center,center 18%;background-repeat:no-repeat;background-size:cover;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgb(0 0 0 / 72%) 64%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgb(0 0 0 / 72%) 64%,transparent 82%)}.home-screen .lobby-hero{min-height:9.5rem;padding:var(--mt-space-5) 0 var(--mt-space-5);border-bottom:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 56%,transparent);text-align:center}.home-wordmark{position:absolute;top:50%;left:50%;display:block;width:100%;height:auto;transform:translate(-50%,-50%)}.home-screen .setup-subtitle{max-width:24rem;margin:var(--mt-space-2) auto 0;color:var(--mt-text-secondary);font-size:var(--mt-type-helper-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none;text-shadow:0 1px 0 rgb(3 10 7 / 84%)}.home-screen .challenge-panel{padding:0;border:0;background:transparent;box-shadow:none;filter:none;clip-path:none}.home-screen .section-label{margin-bottom:var(--mt-space-3);color:var(--mt-text-secondary);letter-spacing:var(--mt-track-normal)}.home-screen .difficulty-grid{grid-template-columns:1fr;grid-auto-rows:1fr;gap:var(--mt-space-3)}.difficulty-card.home-difficulty-card{display:grid;grid-template-columns:minmax(0,1fr) 2rem;align-items:center;gap:var(--mt-space-3);min-height:4.75rem;padding:var(--mt-space-3) var(--mt-space-4);border-color:color-mix(in srgb,var(--mt-border-muted) 74%,transparent);background:color-mix(in srgb,var(--mt-surface-raised) 80%,var(--mt-bg-void));box-shadow:var(--mt-frame-inner-edge)}.home-difficulty-card:hover:enabled{border-color:var(--mt-border-primary);background:color-mix(in srgb,var(--mt-surface-active) 82%,var(--mt-surface-base))}.home-difficulty-card__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--mt-space-1)}.home-difficulty-card .difficulty-card__helper{color:color-mix(in srgb,var(--mt-text-secondary) 86%,var(--mt-text-muted));font-weight:400;letter-spacing:var(--mt-track-normal);text-transform:none;opacity:1}.selection-torch{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2.5rem;overflow:visible;line-height:0}.selection-torch__image{display:block;width:2.875rem;height:2.875rem;max-width:none;flex:0 0 auto;object-fit:contain;object-position:center;image-rendering:pixelated}.mt-pixel-panel,.lobby-panel{--mt-notch-size: var(--mt-notch-md);border:var(--mt-border-width-thin) solid var(--color-border);border-radius:0;padding:var(--mt-space-4);background:var(--mt-surface-base);box-shadow:var(--mt-shadow-surface);filter:drop-shadow(0 4px 0 rgb(3 10 7 / 76%));clip-path:polygon(var(--mt-notch-size) 0,calc(100% - var(--mt-notch-size)) 0,100% var(--mt-notch-size),100% calc(100% - var(--mt-notch-size)),calc(100% - var(--mt-notch-size)) 100%,var(--mt-notch-size) 100%,0 calc(100% - var(--mt-notch-size)),0 var(--mt-notch-size))}.section-label{display:block;margin-bottom:.625rem;color:var(--color-muted-strong);font-size:var(--mt-type-section-heading-size);font-weight:700;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-ui);text-transform:uppercase}.mt-row-title{color:var(--mt-text-primary);font-size:var(--mt-type-control-title-size);font-weight:700;line-height:var(--mt-line-title);letter-spacing:var(--mt-track-ui)}.mt-helper-copy{color:var(--mt-text-secondary);font-size:var(--mt-type-description-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none}.mt-metadata{color:var(--mt-text-muted);font-size:var(--mt-type-metadata-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none}.mt-action-label{font-size:var(--mt-type-description-size);font-weight:700;letter-spacing:var(--mt-track-ui);text-transform:uppercase}.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}.difficulty-grid{display:grid;grid-template-columns:1fr;gap:var(--mt-space-2)}.mt-pixel-interactive,.mt-pixel-button,.difficulty-card,.previous-seed,.lab-toggle-row,.lab-reset-action,.primary-cta,#load-maze{--mt-notch-size: var(--mt-notch-sm);border-radius:0;clip-path:polygon(var(--mt-notch-size) 0,calc(100% - var(--mt-notch-size)) 0,calc(100% - var(--mt-notch-size)) var(--mt-notch-step),calc(100% - var(--mt-notch-step)) var(--mt-notch-step),calc(100% - var(--mt-notch-step)) var(--mt-notch-size),100% var(--mt-notch-size),100% calc(100% - var(--mt-notch-size)),calc(100% - var(--mt-notch-step)) calc(100% - var(--mt-notch-size)),calc(100% - var(--mt-notch-step)) calc(100% - var(--mt-notch-step)),calc(100% - var(--mt-notch-size)) calc(100% - var(--mt-notch-step)),calc(100% - var(--mt-notch-size)) 100%,var(--mt-notch-size) 100%,var(--mt-notch-size) calc(100% - var(--mt-notch-step)),var(--mt-notch-step) calc(100% - var(--mt-notch-step)),var(--mt-notch-step) calc(100% - var(--mt-notch-size)),0 calc(100% - var(--mt-notch-size)),0 var(--mt-notch-size),var(--mt-notch-step) var(--mt-notch-size),var(--mt-notch-step) var(--mt-notch-step),var(--mt-notch-size) var(--mt-notch-step))}.difficulty-card,.previous-seed,.lab-toggle-row,.lab-reset-action,.primary-cta{--mt-notch-size: var(--mt-notch-row);--mt-notch-step: 3px}.mt-pixel-interactive:focus-visible,.mt-pixel-button:focus-visible{outline:var(--mt-border-width-strong) solid var(--mt-border-highlight);outline-offset:.1875rem;filter:drop-shadow(0 0 .2rem color-mix(in srgb,var(--mt-border-highlight) 48%,transparent))}.difficulty-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;min-height:4.75rem;border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-md);background:var(--mt-surface-raised);color:var(--color-text);text-align:left;box-shadow:var(--mt-frame-inner-edge);transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.difficulty-card:hover:enabled{border-color:var(--mt-border-primary);background:var(--mt-surface-active)}.difficulty-card:active:enabled{background:var(--mt-surface-active);color:var(--color-text-strong);transform:translateY(1px)}.difficulty-card:focus-visible,.previous-seed:focus-visible{border-color:var(--mt-border-highlight);outline:var(--mt-border-width-strong) solid var(--color-accent);outline-offset:.1875rem;box-shadow:inset 0 0 0 var(--mt-border-width-thin) var(--mt-border-highlight),var(--mt-shadow-focus),var(--mt-shadow-surface);filter:drop-shadow(0 0 .2rem color-mix(in srgb,var(--mt-border-highlight) 48%,transparent))}.difficulty-card.is-selected{border-color:var(--mt-border-highlight);background:var(--mt-surface-active);color:var(--color-text-strong);box-shadow:var(--mt-shadow-surface)}.difficulty-card.is-selected:hover:enabled,.difficulty-card.is-selected:active:enabled{border-color:var(--mt-accent-gold);background:var(--mt-surface-active);color:var(--color-text-strong)}.difficulty-card__label{font-size:var(--mt-type-control-title-size);font-weight:700;letter-spacing:var(--mt-track-ui);text-transform:uppercase}.difficulty-card__helper{font-size:var(--mt-type-description-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none;color:inherit;opacity:.78}.primary-action-panel{display:grid;gap:var(--mt-space-3)}.primary-action-panel .quiet-action{justify-self:stretch;width:100%;min-height:3.25rem}.primary-cta,.secondary-cta,.quiet-action,.back-link,.tertiary-action,#load-maze{letter-spacing:var(--mt-track-ui);text-transform:uppercase}.primary-cta,.secondary-cta{width:100%;min-height:var(--mt-menu-primary-height);font-weight:700}.mt-pixel-button,.primary-cta{background:var(--mt-accent-gold);color:var(--color-accent-ink);border-color:var(--mt-border-highlight);font-size:var(--mt-type-body-size);box-shadow:var(--mt-button-inner-edge),var(--mt-shadow-surface);filter:drop-shadow(0 4px 0 rgb(3 10 7 / 76%))}.primary-cta:hover:enabled{background:var(--mt-border-highlight);color:var(--color-accent-ink);transform:translateY(-1px)}.primary-cta:active:enabled{transform:translateY(1px);box-shadow:var(--mt-button-inner-edge),0 2px #030a07c2}.primary-cta:disabled{box-shadow:inset 1px 1px color-mix(in srgb,var(--mt-text-primary) 8%,transparent),inset -1px -1px color-mix(in srgb,var(--mt-bg-void) 38%,transparent);filter:none;transform:none}.secondary-cta{background:color-mix(in srgb,var(--mt-color-accent-secondary) 55%,var(--mt-color-surface-secondary));color:var(--mt-color-accent-primary-strong);border-color:color-mix(in srgb,var(--mt-color-accent-secondary) 45%,var(--mt-color-border-subtle))}.secondary-cta:hover:enabled{background:color-mix(in srgb,var(--mt-color-accent-secondary) 88%,var(--mt-color-accent-primary-strong))}.quiet-action,.back-link,.tertiary-action{width:fit-content;min-height:2.75rem;background:color-mix(in srgb,var(--mt-color-surface-secondary) 48%,transparent);color:var(--color-muted-strong);border:var(--mt-border-width-thin) solid var(--color-border)}.quiet-action{justify-self:center}.replay-maze-screen,.lab-screen{gap:var(--mt-space-5);border:0;background:transparent;box-shadow:none}.home-screen,.replay-maze-screen,.lab-screen{position:relative;isolation:isolate}.home-screen:after,.replay-maze-screen:after,.lab-screen:after{--mt-screen-notch: 12px;--mt-screen-step: 4px;content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-primary) 58%,transparent);background:linear-gradient(var(--mt-border-highlight),var(--mt-border-highlight)) 14px 3px / 8px 1px no-repeat,linear-gradient(var(--mt-border-highlight),var(--mt-border-highlight)) calc(100% - 14px) 3px / 8px 1px no-repeat,linear-gradient(var(--mt-border-primary),var(--mt-border-primary)) 14px calc(100% - 3px) / 8px 1px no-repeat,linear-gradient(var(--mt-border-primary),var(--mt-border-primary)) calc(100% - 14px) calc(100% - 3px) / 8px 1px no-repeat;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mt-bg-void) 54%,transparent);clip-path:polygon(var(--mt-screen-notch) 0,calc(100% - var(--mt-screen-notch)) 0,calc(100% - var(--mt-screen-notch)) var(--mt-screen-step),calc(100% - var(--mt-screen-step)) var(--mt-screen-step),calc(100% - var(--mt-screen-step)) var(--mt-screen-notch),100% var(--mt-screen-notch),100% calc(100% - var(--mt-screen-notch)),calc(100% - var(--mt-screen-step)) calc(100% - var(--mt-screen-notch)),calc(100% - var(--mt-screen-step)) calc(100% - var(--mt-screen-step)),calc(100% - var(--mt-screen-notch)) calc(100% - var(--mt-screen-step)),calc(100% - var(--mt-screen-notch)) 100%,var(--mt-screen-notch) 100%,var(--mt-screen-notch) calc(100% - var(--mt-screen-step)),var(--mt-screen-step) calc(100% - var(--mt-screen-step)),var(--mt-screen-step) calc(100% - var(--mt-screen-notch)),0 calc(100% - var(--mt-screen-notch)),0 var(--mt-screen-notch),var(--mt-screen-step) var(--mt-screen-notch),var(--mt-screen-step) var(--mt-screen-step),var(--mt-screen-notch) var(--mt-screen-step))}.lab-screen{min-height:calc(100svh - var(--mt-menu-nav-clearance) - var(--mt-space-6))}.replay-maze-screen .lobby-hero,.lab-screen .lab-hero{padding:var(--mt-space-2) 0 var(--mt-space-4);border-bottom:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 54%,transparent);text-align:center}.replay-maze-screen .lobby-hero h2,.lab-screen .lab-hero h2{color:var(--mt-text-primary);font-size:var(--mt-type-page-title-size);letter-spacing:var(--mt-track-normal);text-shadow:1px 1px 0 var(--mt-bg-void)}.home-screen .lobby-hero,.replay-maze-screen .lobby-hero,.lab-screen .lab-hero{position:relative}.home-screen .lobby-hero:after,.replay-maze-screen .lobby-hero:after,.lab-screen .lab-hero:after{content:"";position:absolute;bottom:-2px;left:50%;width:3px;height:3px;pointer-events:none;background:var(--mt-accent-gold);box-shadow:-3px 0 0 var(--mt-border-highlight),3px 0 0 var(--mt-border-highlight),0 -3px 0 var(--mt-border-primary),0 3px 0 var(--mt-border-primary);transform:translate(-50%)}.replay-maze-screen .setup-subtitle,.lab-screen .lab-hero .setup-subtitle{margin-top:var(--mt-space-2);color:var(--mt-text-secondary);font-size:var(--mt-type-helper-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none}.lab-settings{display:grid;gap:var(--mt-space-3)}.lab-screen .lab-toggle-row+.lab-toggle-row{margin-top:0}.lab-screen .lab-toggle-row,.lab-reset-action{min-height:4.25rem;padding:var(--mt-space-3);border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 74%,transparent);background:color-mix(in srgb,var(--mt-surface-raised) 80%,var(--mt-bg-void));box-shadow:var(--mt-frame-inner-edge)}.lab-screen .lab-toggle-row:hover,.lab-reset-action:hover:enabled,.lab-reset-action:active:enabled{border-color:var(--mt-border-primary);background:color-mix(in srgb,var(--mt-surface-active) 82%,var(--mt-surface-base))}.lab-screen .lab-toggle-row:has(input:checked){border-color:color-mix(in srgb,var(--mt-border-highlight) 70%,var(--mt-border-muted));background:color-mix(in srgb,var(--mt-surface-active) 84%,var(--mt-surface-base))}.lab-screen .lab-toggle-row:has(input:focus-visible){border-color:var(--mt-border-highlight);outline:var(--mt-border-width-strong) solid var(--mt-border-highlight);outline-offset:.1875rem;box-shadow:inset 0 0 0 var(--mt-border-width-thin) var(--mt-border-highlight),var(--mt-shadow-focus)}.lab-setting-copy{display:block;min-width:0}.lab-setting-copy strong,.lab-setting-copy small{display:block}.lab-setting-copy strong{color:var(--mt-text-primary);font-size:var(--mt-type-control-title-size);font-weight:700;line-height:var(--mt-line-title);letter-spacing:var(--mt-track-ui);text-transform:uppercase}.lab-setting-copy small{margin-top:var(--mt-space-1);color:var(--mt-text-secondary);font-size:var(--mt-type-description-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none}.lab-reset-group{display:grid;gap:var(--mt-space-2)}.lab-reset-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--mt-space-3);width:100%;color:var(--mt-text-primary);text-align:left}.lab-reset-action:focus-visible{border-color:var(--mt-border-highlight);box-shadow:inset 0 0 0 var(--mt-border-width-thin) var(--mt-border-highlight),var(--mt-shadow-focus)}.lab-row-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 var(--mt-space-3);border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-primary) 72%,transparent);background:color-mix(in srgb,var(--mt-surface-base) 74%,var(--mt-bg-void));color:var(--mt-border-highlight);line-height:var(--mt-line-compact);white-space:nowrap;box-shadow:var(--mt-frame-inner-edge);clip-path:polygon(var(--mt-space-1) 0,calc(100% - var(--mt-space-1)) 0,100% var(--mt-space-1),100% calc(100% - var(--mt-space-1)),calc(100% - var(--mt-space-1)) 100%,var(--mt-space-1) 100%,0 calc(100% - var(--mt-space-1)),0 var(--mt-space-1))}.lab-reset-group .helper-text{margin:0;border-color:color-mix(in srgb,var(--mt-color-status-success) 34%,transparent);color:var(--mt-text-success);font-size:var(--mt-type-helper-size);line-height:var(--mt-line-compact)}.lab-feedback-action{display:flex;align-items:center;justify-content:space-between;gap:var(--mt-space-3);width:100%;min-height:var(--mt-menu-secondary-height);padding:var(--mt-space-3);border:0;border-top:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 48%,transparent);border-bottom:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 48%,transparent);border-radius:0;background:transparent;color:var(--mt-text-muted);font-size:var(--mt-type-helper-size);box-shadow:none;margin-top:auto}.lab-feedback-action:hover:enabled,.lab-feedback-action:active:enabled{border-color:color-mix(in srgb,var(--mt-border-primary) 64%,transparent);background:color-mix(in srgb,var(--mt-surface-raised) 46%,transparent);color:var(--mt-text-secondary)}.lab-external-indicator{display:block;width:1rem;height:1rem;flex:0 0 auto;color:var(--mt-border-highlight);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges}.quiet-action:hover:enabled,.back-link:hover:enabled,.tertiary-action:hover:enabled,.quiet-action:active:enabled,.back-link:active:enabled,.tertiary-action:active:enabled{background:color-mix(in srgb,var(--mt-color-surface-selected) 82%,var(--mt-color-background-base));border-color:color-mix(in srgb,var(--mt-color-border-strong) 45%,transparent);color:var(--color-text-strong)}.quiet-action:focus-visible,.back-link:focus-visible,.tertiary-action:focus-visible,.primary-cta:focus-visible,.secondary-cta:focus-visible{outline:var(--mt-border-width-strong) solid var(--color-accent);outline-offset:.1875rem;box-shadow:var(--mt-shadow-focus);filter:drop-shadow(0 0 .2rem color-mix(in srgb,var(--mt-border-highlight) 48%,transparent))}.ready-text{margin:-.25rem 0 0;padding:var(--mt-space-2) var(--mt-space-3);border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-status-success) 34%,transparent);border-radius:var(--mt-radius-md);background:color-mix(in srgb,var(--mt-color-status-success) 10%,transparent);color:var(--color-success);font-size:var(--mt-type-compact-size);font-weight:700;text-align:center}.maze-code-card{background:color-mix(in srgb,var(--mt-color-accent-secondary) 16%,var(--mt-color-surface-primary));border-color:color-mix(in srgb,var(--mt-color-accent-secondary) 34%,transparent)}.maze-code-value{border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-accent-secondary) 36%,transparent);border-radius:var(--mt-radius-md);background:color-mix(in srgb,var(--mt-color-background-base) 68%,var(--mt-color-accent-secondary));color:var(--color-text-strong);padding:.625rem;font-family:var(--font-code);font-weight:700;letter-spacing:.03em;line-height:1.35;overflow-wrap:anywhere}.compact-row{margin:.625rem 0 0}.load-code-row{display:grid;gap:.625rem}.load-code-row input,.load-code-row button{min-height:var(--mt-menu-secondary-height)}#load-seed-input{font-family:var(--font-code);letter-spacing:var(--mt-track-code)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field>span{font-size:var(--mt-type-compact-size);color:var(--color-muted-strong);line-height:1.25}.readonly-box,input,select{border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-md);background:color-mix(in srgb,var(--mt-color-background-base) 72%,var(--mt-color-surface-primary));color:var(--color-text-strong);padding:.5rem;min-height:2.25rem}input::placeholder{color:var(--mt-text-placeholder)}input:focus,select:focus{border-color:color-mix(in srgb,var(--mt-color-accent-primary) 64%,transparent);outline:var(--mt-border-width-strong) solid color-mix(in srgb,var(--mt-color-accent-primary) 24%,transparent);outline-offset:.0625rem;box-shadow:var(--mt-shadow-focus)}.readonly-box{display:flex;align-items:center}.actions-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.copied-label{font-size:var(--mt-type-compact-size);color:var(--color-success);line-height:1.3}.error-text{margin-top:.5rem;margin-bottom:.75rem;padding:var(--mt-space-2) var(--mt-space-3);border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-status-danger) 42%,transparent);border-radius:var(--mt-radius-md);background:color-mix(in srgb,var(--mt-color-status-danger) 12%,transparent);font-size:var(--mt-type-compact-size);line-height:var(--mt-line-compact);color:var(--color-danger)}.helper-text{margin-top:.5rem;padding:var(--mt-space-2) var(--mt-space-3);border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-border-subtle) 38%,transparent);border-radius:var(--mt-radius-md);background:color-mix(in srgb,var(--mt-color-surface-secondary) 34%,transparent);font-size:var(--mt-type-body-size);line-height:var(--mt-line-body);color:var(--color-muted-strong)}.section-subtitle{margin:-.25rem 0 .75rem;color:var(--mt-text-secondary);font-size:var(--mt-type-body-size);line-height:var(--mt-line-body)}.lab-toggle-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-md);background:var(--mt-surface-raised);padding:.875rem;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.lab-toggle-row:hover{border-color:var(--mt-border-primary);background:var(--mt-surface-active)}.lab-toggle-row:has(input:checked){border-color:var(--mt-border-highlight);background:var(--mt-surface-active)}.lab-toggle-row:has(input:focus-visible){box-shadow:var(--mt-shadow-focus)}.lab-toggle-row+.lab-toggle-row{margin-top:.75rem}.lab-toggle-row strong,.lab-toggle-row small{display:block}.lab-toggle-row strong{font-size:var(--mt-type-control-title-size);line-height:var(--mt-line-title);letter-spacing:var(--mt-track-ui);text-transform:uppercase}.lab-toggle-row small{margin-top:.25rem;color:var(--mt-text-secondary);font-size:var(--mt-type-description-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none}.lab-toggle-control{display:inline-flex;align-items:center;min-width:3.75rem;justify-content:flex-end;color:var(--color-muted-strong);font-size:var(--mt-type-body-size);font-weight:700;letter-spacing:var(--mt-track-ui);text-transform:uppercase}.lab-toggle-control input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none;min-height:0;margin:0;padding:0;accent-color:var(--mt-color-accent-primary)}.lab-toggle-control>span:not([class]){display:inline-flex;align-items:center;justify-content:center;width:3.25rem;min-height:2rem;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-border-strong) 38%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--mt-color-background-base) 68%,var(--mt-color-surface-secondary));color:var(--color-muted-strong)}.lab-toggle-row:has(input:checked) .lab-toggle-control>span:not([class]){border-color:color-mix(in srgb,var(--mt-color-accent-primary) 58%,transparent);background:color-mix(in srgb,var(--mt-color-accent-primary) 18%,var(--mt-color-background-base));color:var(--mt-color-accent-primary-strong)}.lab-screen .lab-toggle-control{display:grid;justify-items:center;gap:.125rem;min-width:3.25rem}.lab-screen .lab-toggle-track{--mt-toggle-notch: 4px;position:relative;display:block;width:3.25rem;height:1.75rem;border:var(--mt-border-width-thin) solid var(--mt-border-primary);background:color-mix(in srgb,var(--mt-border-muted) 48%,var(--mt-bg-void));clip-path:polygon(var(--mt-toggle-notch) 0,calc(100% - var(--mt-toggle-notch)) 0,100% var(--mt-toggle-notch),100% calc(100% - var(--mt-toggle-notch)),calc(100% - var(--mt-toggle-notch)) 100%,var(--mt-toggle-notch) 100%,0 calc(100% - var(--mt-toggle-notch)),0 var(--mt-toggle-notch));box-shadow:var(--mt-frame-inner-edge)}.lab-screen .lab-toggle-thumb{--mt-thumb-notch: 2px;position:absolute;top:.3125rem;left:.3125rem;display:block;width:1rem;height:1rem;background:var(--mt-text-muted);clip-path:polygon(var(--mt-thumb-notch) 0,calc(100% - var(--mt-thumb-notch)) 0,100% var(--mt-thumb-notch),100% calc(100% - var(--mt-thumb-notch)),calc(100% - var(--mt-thumb-notch)) 100%,var(--mt-thumb-notch) 100%,0 calc(100% - var(--mt-thumb-notch)),0 var(--mt-thumb-notch));transition:transform .14s ease,background-color .14s ease}.lab-screen .lab-toggle-status{display:block;min-height:0;border:0;background:transparent;color:var(--mt-text-muted);font-size:.6875rem;line-height:1;letter-spacing:var(--mt-track-ui)}.lab-screen .lab-toggle-row:has(input:checked) .lab-toggle-track{border-color:var(--mt-accent-gold);background:color-mix(in srgb,var(--mt-surface-active) 68%,var(--mt-bg-void))}.lab-screen .lab-toggle-row:has(input:checked) .lab-toggle-thumb{transform:translate(1.25rem);background:var(--mt-text-primary)}.lab-screen .lab-toggle-row:has(input:checked) .lab-toggle-status{color:var(--mt-accent-gold)}.challenge-summary-panel{gap:.25rem;text-align:center;border-color:color-mix(in srgb,var(--mt-color-accent-primary) 42%,var(--mt-color-border-subtle));background:var(--mt-surface-base)}.challenge-loaded-screen .lobby-hero{text-align:center}.challenge-loaded-screen .setup-subtitle{color:var(--color-muted-strong)}.challenge-loaded-screen .primary-action-panel{margin-top:var(--mt-space-1)}.challenge-difficulty,.challenge-mode{margin:0;font-size:var(--mt-type-body-size);font-weight:700;line-height:1.25;letter-spacing:var(--mt-track-normal);text-transform:none}.challenge-difficulty{color:var(--color-text-strong)}.challenge-mode{color:var(--color-accent-soft)}.previous-seeds-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--mt-space-3)}.previous-seed{display:grid;grid-template-columns:minmax(0,1fr) 2rem;justify-content:space-between;align-items:center;gap:var(--mt-space-3);width:100%;min-height:4.5rem;padding:var(--mt-space-3) var(--mt-space-4);text-align:left;background:color-mix(in srgb,var(--mt-surface-raised) 80%,var(--mt-bg-void));color:var(--color-text);border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 74%,transparent);border-radius:var(--mt-radius-md);box-shadow:var(--mt-frame-inner-edge)}.previous-seed:hover:enabled{background:color-mix(in srgb,var(--mt-surface-active) 82%,var(--mt-surface-base));border-color:var(--mt-border-primary)}.home-difficulty-card.is-selected,.home-difficulty-card.is-selected:hover:enabled,.home-difficulty-card.is-selected:active:enabled,.previous-seed.is-selected,.previous-seed.is-selected:hover:enabled,.previous-seed.is-selected:active:enabled{border-width:var(--mt-border-width-strong);border-color:var(--mt-border-highlight);background:color-mix(in srgb,var(--mt-surface-active) 90%,var(--mt-accent-gold));color:var(--color-text-strong);box-shadow:inset 1px 1px color-mix(in srgb,var(--mt-accent-gold) 18%,transparent),inset -1px -1px color-mix(in srgb,var(--mt-bg-void) 74%,transparent)}.home-difficulty-card.is-selected,.home-difficulty-card.is-selected:hover:enabled,.home-difficulty-card.is-selected:active:enabled{background:color-mix(in srgb,var(--mt-surface-active) 62%,var(--mt-surface-raised));box-shadow:inset 1px 1px color-mix(in srgb,var(--mt-accent-gold) 10%,transparent),inset -1px -1px color-mix(in srgb,var(--mt-bg-void) 74%,transparent)}.previous-seed__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.1875rem}.previous-seed .previous-seed__difficulty{color:var(--color-text-strong);font-family:var(--font-ui);font-size:var(--mt-type-control-title-size);line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-ui);text-transform:uppercase}.previous-seed--easy .previous-seed__difficulty{color:var(--mt-border-highlight)}.previous-seed--medium .previous-seed__difficulty{color:var(--mt-accent-gold)}.previous-seed--hard .previous-seed__difficulty{color:color-mix(in srgb,var(--mt-accent-ember) 70%,var(--mt-text-primary))}.previous-seed .previous-seed__time{color:var(--mt-text-secondary);font-family:var(--font-ui);font-size:var(--mt-type-helper-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none}.previous-seed .previous-seed__code{font-family:var(--font-code);font-size:var(--mt-type-compact-size);font-weight:400;line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none;color:var(--mt-text-muted);overflow-wrap:anywhere}.replay-selected-action{display:block;width:min(100%,22rem);margin:var(--mt-space-4) auto 0}.replay-maze-screen .recent-panel,.replay-maze-screen .code-entry-panel{padding-inline:0;border:0;background:transparent;box-shadow:none;filter:none;clip-path:none}.replay-maze-screen .section-label{margin-bottom:var(--mt-space-3);color:var(--mt-text-secondary);letter-spacing:var(--mt-track-normal)}.replay-maze-screen .code-entry-panel{padding-top:var(--mt-space-5);border-top:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 54%,transparent)}.replay-maze-screen #load-seed-input{min-width:0;padding-inline:var(--mt-space-3);border-color:color-mix(in srgb,var(--mt-border-muted) 68%,transparent);background:color-mix(in srgb,var(--mt-bg-void) 74%,var(--mt-surface-base));letter-spacing:var(--mt-track-normal);text-align:left}.replay-maze-screen #load-maze{border-color:color-mix(in srgb,var(--mt-border-primary) 60%,transparent);background:color-mix(in srgb,var(--mt-surface-raised) 76%,var(--mt-bg-void));color:var(--mt-text-secondary);box-shadow:var(--mt-frame-inner-edge)}.replay-maze-screen #load-maze:hover:enabled,.replay-maze-screen #load-maze:active:enabled{border-color:var(--mt-border-primary);background:var(--mt-surface-active);color:var(--mt-text-primary)}.replay-code-feedback:empty{display:none}.replay-code-feedback .helper-text{font-size:var(--mt-type-helper-size);line-height:var(--mt-line-compact)}.home-difficulty-card .difficulty-card__helper,.replay-maze-screen .setup-subtitle,.previous-seed .previous-seed__time,.previous-seed .previous-seed__code,.replay-maze-screen #load-seed-input,.replay-code-feedback .helper-text,.replay-code-feedback .error-text,.lab-screen .lab-hero .setup-subtitle,.lab-setting-copy small{font-family:var(--font-support)}.previous-seed .previous-seed__code,.replay-maze-screen #load-seed-input{font-variant-numeric:tabular-nums}.replay-maze-screen .hint{padding:var(--mt-space-4);border-color:color-mix(in srgb,var(--mt-border-muted) 46%,transparent);background:color-mix(in srgb,var(--mt-surface-base) 42%,transparent);text-align:center}.hint{color:var(--color-muted);font-size:var(--mt-type-compact-size);line-height:var(--mt-line-compact);padding:var(--mt-space-3);border:var(--mt-border-width-thin) dashed color-mix(in srgb,var(--mt-color-border-subtle) 48%,transparent);border-radius:var(--mt-radius-md);background:color-mix(in srgb,var(--mt-color-surface-secondary) 20%,transparent)}.hidden{display:none}.maze-placeholder{width:100%;border:.0625rem solid rgb(148 163 184 / 26%);border-radius:.5rem;display:block;background:var(--color-bg-soft);margin:0 auto}.maze-viewport{width:min(92vw,520px);aspect-ratio:3 / 4;margin:0 auto;position:relative}.maze-viewport canvas{position:relative;width:100%;height:100%;display:block;z-index:1;pointer-events:none}#maze-screen{position:relative;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game-shell{height:100vh;height:100dvh;min-height:100svh;width:100%;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(.5rem,1.6dvh,.875rem);padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));border-radius:0;background:var(--mt-bg-void);border:0}.game-shell.hidden{display:none}.game-hud{position:relative;z-index:40;min-height:0}.game-hud .maze-hud{width:100%;margin:0}.game-stage{--mt-game-stage-notch: var(--mt-notch-md);position:relative;width:100%;height:100%;min-height:0;max-width:none;aspect-ratio:auto;overflow:hidden;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 66%,transparent);border-radius:0;background:var(--mt-bg-void);box-shadow:0 .5rem #030a0785,inset 0 0 0 var(--mt-border-width-thin) color-mix(in srgb,var(--mt-text-primary) 5%,transparent);clip-path:polygon(var(--mt-game-stage-notch) 0,calc(100% - var(--mt-game-stage-notch)) 0,100% var(--mt-game-stage-notch),100% calc(100% - var(--mt-game-stage-notch)),calc(100% - var(--mt-game-stage-notch)) 100%,var(--mt-game-stage-notch) 100%,0 calc(100% - var(--mt-game-stage-notch)),0 var(--mt-game-stage-notch))}.game-stage canvas{width:100%;height:100%;border:0;border-radius:0}.joystick-overlay{position:absolute;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;opacity:.84;pointer-events:auto;filter:drop-shadow(0 .75rem 1.25rem rgb(3 10 7 / 44%));transition:filter .12s ease,opacity .12s ease}.joystick-overlay:active,.joystick-overlay:focus-within{opacity:1;filter:drop-shadow(0 .75rem 1.5rem rgb(3 10 7 / 52%))}.maze-hud{position:relative;z-index:12;width:min(92vw,520px);margin:0 auto .5rem}.maze-hud__topbar{--mt-hud-notch: var(--mt-notch-sm);display:grid;grid-template-columns:minmax(5.75rem,1fr) minmax(0,auto) minmax(2.75rem,1fr);align-items:center;gap:clamp(.25rem,1.4vw,.5rem);padding:.375rem;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-muted) 72%,transparent);border-radius:0;background:color-mix(in srgb,var(--mt-surface-raised) 82%,var(--mt-bg-void));box-shadow:0 .25rem #030a0794,inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-text-primary) 6%,transparent);clip-path:polygon(var(--mt-hud-notch) 0,calc(100% - var(--mt-hud-notch)) 0,100% var(--mt-hud-notch),100% calc(100% - var(--mt-hud-notch)),calc(100% - var(--mt-hud-notch)) 100%,var(--mt-hud-notch) 100%,0 calc(100% - var(--mt-hud-notch)),0 var(--mt-hud-notch))}.maze-hud button{--mt-hud-control-notch: var(--mt-space-1);min-height:2.375rem;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-primary) 62%,transparent);border-radius:0;background:color-mix(in srgb,var(--mt-surface-base) 84%,var(--mt-bg-void));color:var(--mt-text-primary);font-family:var(--font-ui);font-size:var(--mt-type-compact-size);line-height:1;letter-spacing:var(--mt-track-ui);text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-text-primary) 6%,transparent);clip-path:polygon(var(--mt-hud-control-notch) 0,calc(100% - var(--mt-hud-control-notch)) 0,100% var(--mt-hud-control-notch),100% calc(100% - var(--mt-hud-control-notch)),calc(100% - var(--mt-hud-control-notch)) 100%,var(--mt-hud-control-notch) 100%,0 calc(100% - var(--mt-hud-control-notch)),0 var(--mt-hud-control-notch))}.maze-hud button:hover:enabled{background:var(--mt-surface-active);border-color:var(--mt-border-primary)}.maze-hud button:active:enabled{transform:translateY(.0625rem)}#toggle-fog{min-width:5.75rem;padding-inline:.75rem;color:var(--mt-text-primary);border-color:var(--mt-border-primary)}#toggle-fog[aria-pressed=false]{color:var(--mt-accent-gold);border-color:color-mix(in srgb,var(--mt-accent-gold) 64%,var(--mt-border-primary));background:color-mix(in srgb,var(--mt-surface-active) 70%,var(--mt-surface-base))}#maze-close{min-width:2.5rem;width:2.5rem;padding-inline:0;color:var(--mt-text-secondary);font-weight:700}#maze-close:hover:enabled{color:var(--mt-text-primary);border-color:var(--mt-border-highlight)}.maze-hud__left{justify-self:start}.maze-hud__right{justify-self:end}.maze-hud__center{justify-self:center;min-width:0}.collectible-stamps{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:.25rem;min-width:0}.collectible-stamp{--mt-stamp-notch: var(--mt-space-1);padding:.375rem .5rem;border-radius:0;background:color-mix(in srgb,var(--mt-surface-base) 82%,var(--mt-bg-void));font-family:var(--font-ui);font-size:var(--mt-type-compact-size);font-weight:700;line-height:1;letter-spacing:var(--mt-track-ui);text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-text-primary) 5%,transparent);clip-path:polygon(var(--mt-stamp-notch) 0,calc(100% - var(--mt-stamp-notch)) 0,100% var(--mt-stamp-notch),100% calc(100% - var(--mt-stamp-notch)),calc(100% - var(--mt-stamp-notch)) 100%,var(--mt-stamp-notch) 100%,0 calc(100% - var(--mt-stamp-notch)),0 var(--mt-stamp-notch))}.loot-hud{border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-accent-gold) 58%,var(--mt-border-primary));color:var(--mt-text-primary)}.key-hud{border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-highlight) 62%,var(--mt-border-primary));color:var(--mt-border-highlight)}.assist-badge{--mt-assist-notch: var(--mt-space-1);position:absolute;top:var(--mt-space-3);left:var(--mt-space-3);z-index:20;display:inline-block;max-width:calc(100% - (var(--mt-space-3) * 2));margin:0;padding:.375rem .5rem;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-accent-gold) 44%,var(--mt-border-primary));border-radius:0;background:color-mix(in srgb,var(--mt-surface-base) 88%,var(--mt-bg-void));color:var(--mt-text-secondary);font-family:var(--font-ui);font-size:var(--mt-type-metadata-size);font-weight:700;line-height:1.25;letter-spacing:var(--mt-track-normal);text-transform:uppercase;pointer-events:none;box-shadow:0 .25rem #030a0785;clip-path:polygon(var(--mt-assist-notch) 0,calc(100% - var(--mt-assist-notch)) 0,100% var(--mt-assist-notch),100% calc(100% - var(--mt-assist-notch)),calc(100% - var(--mt-assist-notch)) 100%,var(--mt-assist-notch) 100%,0 calc(100% - var(--mt-assist-notch)),0 var(--mt-assist-notch))}.assist-badge.hidden,.assist-badge[hidden]{display:none}#joystick-host{position:relative!important;z-index:10;touch-action:none;pointer-events:auto;width:10rem!important;height:10rem!important;margin:0 auto!important}#joystick-host>div{background:color-mix(in srgb,var(--mt-surface-base) 72%,var(--mt-bg-void))!important;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-border-primary) 62%,transparent)!important;box-shadow:0 .75rem 1.5rem #030a076b,inset 0 0 0 var(--mt-border-width-thin) color-mix(in srgb,var(--mt-text-primary) 5%,transparent),inset 0 0 1.5rem #030a0742!important}#joystick-host>div>div{background:color-mix(in srgb,var(--mt-text-secondary) 82%,var(--mt-border-primary))!important;border:var(--mt-border-width-thin) solid var(--mt-border-highlight)!important;box-shadow:0 .25rem .75rem #030a076b,0 0 0 .1875rem color-mix(in srgb,var(--mt-accent-gold) 10%,transparent)!important}.how-to-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at 50% 45%,rgb(245 158 11 / 12%),transparent 16rem),#020617b8;z-index:49;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.how-to-play-card{width:min(90%,22rem);background:linear-gradient(180deg,rgb(255 255 255 / 5%),transparent),var(--color-surface);border:.0625rem solid var(--color-border);border-radius:1rem;padding:1.25rem;text-align:center;box-shadow:var(--shadow-panel)}.how-to-play-card h2{margin:0 0 .75rem;font-family:var(--font-brand);font-size:var(--mt-type-title-size);line-height:var(--mt-line-title);letter-spacing:var(--mt-track-normal)}.how-to-play-body{margin:0 0 1rem;color:var(--color-muted-strong);font-size:var(--mt-type-body-size);line-height:1.55}.how-to-play-body p{margin:0 0 .75rem}.locked-exit-modal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at 50% 50%,rgb(56 189 248 / 10%),transparent 14rem),#020617a3;z-index:48;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.locked-exit-modal-card{width:min(88%,19rem);background:linear-gradient(180deg,rgb(255 255 255 / 5%),transparent),var(--color-surface);border:.0625rem solid var(--color-border);border-radius:1rem;padding:1rem;text-align:center;box-shadow:var(--shadow-panel)}.locked-exit-modal-card h2{margin:0 0 .5rem;font-family:var(--font-brand);font-size:var(--mt-type-title-size);line-height:var(--mt-line-title);letter-spacing:var(--mt-track-normal)}.locked-exit-modal-card p{margin:0 0 1rem;color:var(--color-muted-strong);font-size:var(--mt-type-body-size);line-height:1.5}.win-modal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgb(245 158 11 / 14%),transparent 18rem),#020617ad;z-index:50;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.win-modal-card{width:min(90%,22rem);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--mt-color-accent-primary) 14%,transparent),transparent 45%),linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-primary-strong) 5%,transparent),transparent),var(--color-surface);border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-lg);padding:1.25rem;text-align:center;box-shadow:var(--shadow-panel),inset 0 0 0 var(--mt-border-width-thin) color-mix(in srgb,var(--mt-color-accent-primary-strong) 8%,transparent)}.win-modal-card h2{margin:0 0 .5rem;font-family:var(--font-brand);font-size:var(--mt-type-title-size);line-height:var(--mt-line-title);letter-spacing:var(--mt-track-normal)}.win-modal-card p{margin:0 0 1rem;color:var(--color-muted-strong);font-size:var(--mt-type-body-size);line-height:1.5}.win-run-summary{margin:0 0 1rem;color:var(--color-text-strong);font-family:var(--font-ui);font-size:var(--mt-type-body-size);font-weight:700;letter-spacing:var(--mt-track-normal);border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-border-subtle) 45%,transparent);border-radius:var(--mt-radius-md);background:color-mix(in srgb,var(--mt-color-background-base) 50%,var(--mt-color-surface-primary));padding:.65rem .75rem}.win-run-summary p{margin:.25rem 0;color:inherit}.win-modal-actions{display:grid;justify-content:stretch;gap:var(--mt-space-3)}.win-modal-actions button{width:100%;min-height:3rem}.share-action-group{display:grid;gap:.35rem}.share-helper{margin:0;color:var(--color-muted-strong);font-size:var(--mt-type-body-size);line-height:var(--mt-line-body)}.share-feedback{color:var(--color-success);font-size:var(--mt-type-compact-size);font-weight:700}.share-feedback--error{color:var(--color-danger)}.tertiary-action{background:color-mix(in srgb,var(--mt-color-surface-secondary) 32%,var(--mt-color-background-base));border-color:color-mix(in srgb,var(--mt-color-border-subtle) 38%,transparent);color:var(--color-muted-strong);font-weight:700}.tertiary-action:hover:enabled,.tertiary-action:active:enabled{background:color-mix(in srgb,var(--mt-color-surface-selected) 62%,var(--mt-color-background-base));border-color:color-mix(in srgb,var(--mt-color-border-strong) 36%,transparent);color:var(--color-text-strong)}@media(max-width:36rem){.home-screen:before{right:auto;left:50%;width:100vw;transform:translate(-50%)}}@media(max-width:30rem){:root{--mt-type-display-size: clamp(2.15rem, 15vw, 2.7rem)}.home-screen{--mt-home-art-top-bleed: var(--mt-space-2)}.topbar{flex-direction:column;align-items:flex-start}.screen-switchers{width:100%}.screen-switchers>button{flex:1}.shell{padding:var(--mt-space-2)}.lobby-screen{padding:var(--mt-space-3);gap:var(--mt-space-4)}.lab-reset-action{grid-template-columns:1fr;gap:var(--mt-space-2)}.lab-row-action{justify-self:start}}@media(max-width:22rem){.maze-hud__topbar{grid-template-columns:minmax(5.25rem,1fr) minmax(0,auto) minmax(2.5rem,1fr)}.maze-hud button,.collectible-stamp{font-size:var(--mt-type-metadata-size)}#toggle-fog{min-width:5.25rem;padding-inline:var(--mt-space-2)}}@media(min-width:36rem){.difficulty-grid{grid-template-columns:repeat(3,1fr)}.load-code-row{grid-template-columns:1fr auto}}