:root{--mt-font-brand: "Pixelify Sans", system-ui, sans-serif;--mt-font-ui: "Pixelify Sans", system-ui, sans-serif;--mt-font-body: "Pixelify Sans", system-ui, sans-serif;--mt-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--mt-type-display-size: clamp(2.2rem, 12vw, 3.4rem);--mt-type-title-size: 1.5rem;--mt-type-body-size: 1rem;--mt-type-compact-size: .875rem;--mt-line-display: .9;--mt-line-title: 1.1;--mt-line-body: 1.45;--mt-line-compact: 1.3;--mt-track-normal: .01em;--mt-track-ui: .075em;--mt-track-code: .025em;--font-brand: var(--mt-font-brand);--font-ui: var(--mt-font-ui);--font-code: var(--mt-font-code);--mt-color-background-base: #16151c;--mt-color-background-subtle: #1b1822;--mt-color-surface-primary: #231c28;--mt-color-surface-secondary: #2c2331;--mt-color-surface-selected: #372736;--mt-color-surface-emphasis: #503547;--mt-color-border-subtle: #6b4e51;--mt-color-border-strong: #b58a75;--mt-color-text-primary: #e6c7a7;--mt-color-text-secondary: #b58a75;--mt-color-text-muted: #6b4e51;--mt-color-text-inverse: #16151c;--mt-color-accent-primary: #f0b56f;--mt-color-accent-primary-strong: #ffd7a0;--mt-color-accent-secondary: #5d8ba3;--mt-color-status-warning: #9b5f64;--mt-color-status-success: #8fd99f;--mt-color-status-danger: #e89a9f;--mt-text-primary: var(--mt-color-text-primary);--mt-text-secondary: var(--mt-color-text-secondary);--mt-text-muted: var(--mt-color-text-muted);--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: 6px;--mt-radius-md: 10px;--mt-radius-lg: 12px;--mt-border-width-thin: 1px;--mt-border-width-strong: 2px;--mt-shadow-surface: 0 4px 0 rgb(0 0 0 / 35%);--mt-shadow-glow-soft: 0 0 24px rgb(240 181 111 / 18%);--mt-shadow-focus: 0 0 0 2px rgb(240 181 111 / 35%);--mt-space-1: 4px;--mt-space-2: 8px;--mt-space-3: 12px;--mt-space-4: 16px;--mt-space-5: 24px;--mt-space-6: 32px;--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: rgb(107 78 81 / 44%);--color-border-strong: rgb(181 138 117 / 68%);--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 1.25rem 3.5rem rgb(0 0 0 / 34%), var(--mt-shadow-glow-soft);--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:radial-gradient(circle at 50% -12rem,color-mix(in srgb,var(--mt-color-accent-primary) 20%,transparent),transparent 24rem),linear-gradient(180deg,var(--mt-color-background-subtle) 0%,var(--color-bg) 54%,var(--mt-color-background-base) 100%)}body.game-active{overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--mt-color-accent-primary) 10%,transparent),transparent 18rem),linear-gradient(180deg,var(--mt-color-background-base) 0%,var(--color-bg) 52%,var(--mt-color-background-base) 100%)}#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.1;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)}.screen{background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-surface-secondary) 78%,transparent),transparent),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),inset 0 0 0 var(--mt-border-width-thin) color-mix(in srgb,var(--mt-color-accent-primary-strong) 7%,transparent)}.screen h2{margin:0;font-family:var(--font-brand);font-size:var(--mt-type-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:1.5}.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:32.5rem;margin:0 auto;padding:var(--mt-space-4)}.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);text-shadow:0 0 1.25rem color-mix(in srgb,var(--mt-color-accent-primary) 18%,transparent)}.home-screen .lobby-hero h2{font-size:var(--mt-type-display-size);line-height:var(--mt-line-display)}.lobby-panel{border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-lg);padding:var(--mt-space-4);background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-primary-strong) 5%,transparent),transparent),color-mix(in srgb,var(--mt-color-surface-primary) 88%,var(--mt-color-background-base));box-shadow:var(--mt-shadow-surface),inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 8%,transparent)}.section-label{display:block;margin-bottom:.625rem;color:var(--color-muted-strong);font-size:var(--mt-type-compact-size);font-weight:700;line-height:var(--mt-line-compact);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)}.difficulty-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;min-height:4.25rem;border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-primary-strong) 4%,transparent),transparent),color-mix(in srgb,var(--mt-color-surface-secondary) 74%,var(--mt-color-background-base));color:var(--color-text);text-align:left;box-shadow:inset 0 0 0 var(--mt-border-width-thin) color-mix(in srgb,var(--mt-color-background-base) 52%,transparent);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:color-mix(in srgb,var(--mt-color-accent-primary) 48%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-primary) 10%,transparent),transparent),color-mix(in srgb,var(--mt-color-surface-selected) 86%,var(--mt-color-background-base))}.difficulty-card:active:enabled{background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-primary) 13%,transparent),transparent),color-mix(in srgb,var(--mt-color-surface-selected) 92%,var(--mt-color-background-base));color:var(--color-text-strong);transform:translateY(1px)}.difficulty-card:focus-visible{outline:var(--mt-border-width-strong) solid var(--color-accent);outline-offset:.1875rem;box-shadow:var(--mt-shadow-focus),var(--mt-shadow-surface)}.difficulty-card.is-selected{border-color:var(--color-accent);background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--mt-color-accent-primary) 24%,transparent),transparent 45%),linear-gradient(180deg,color-mix(in srgb,var(--mt-color-surface-emphasis) 88%,var(--mt-color-accent-primary) 12%),var(--mt-color-surface-selected));color:var(--color-text-strong);box-shadow:0 0 0 var(--mt-border-width-strong) color-mix(in srgb,var(--mt-color-accent-primary) 18%,transparent),var(--mt-shadow-surface),inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 12%,transparent)}.difficulty-card.is-selected:hover:enabled,.difficulty-card.is-selected:active:enabled{border-color:var(--color-accent-soft);background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--mt-color-accent-primary) 28%,transparent),transparent 45%),linear-gradient(180deg,color-mix(in srgb,var(--mt-color-surface-emphasis) 82%,var(--mt-color-accent-primary) 18%),var(--mt-color-surface-selected));color:var(--color-text-strong)}.difficulty-card__label{font-size:var(--mt-type-body-size);font-weight:700;letter-spacing:var(--mt-track-ui);text-transform:uppercase}.difficulty-card__helper{font-size:var(--mt-type-compact-size);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:3.25rem;font-weight:700}.primary-cta{background:linear-gradient(180deg,var(--mt-color-accent-primary-strong),var(--color-accent));color:var(--color-accent-ink);border-color:color-mix(in srgb,var(--mt-color-accent-primary-strong) 72%,var(--mt-color-border-strong));font-size:var(--mt-type-body-size);box-shadow:var(--mt-shadow-surface),0 .75rem 1.75rem color-mix(in srgb,var(--mt-color-accent-primary) 24%,transparent),inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 35%,transparent)}.primary-cta:hover:enabled{background:linear-gradient(180deg,var(--mt-color-accent-primary-strong),var(--mt-color-accent-primary));color:var(--color-accent-ink);transform:translateY(-1px)}.primary-cta:active:enabled{transform:translateY(1px);box-shadow:0 .35rem 1rem color-mix(in srgb,var(--mt-color-accent-primary) 16%,transparent),inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 22%,transparent)}.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}.lab-home-action{opacity:.86}.lab-screen .lobby-panel{border-color:color-mix(in srgb,var(--mt-color-accent-secondary) 28%,var(--mt-color-border-subtle))}.lab-screen .section-label{color:color-mix(in srgb,var(--mt-color-accent-secondary) 48%,var(--mt-color-text-secondary))}.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)}.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:2.875rem}#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)}.replay-title-row{display:flex;align-items:center;gap:1rem}.back-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;min-height:2.75rem;padding:0;font-size:1.25rem;line-height:1;border-radius:var(--mt-radius-md)}.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:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-secondary) 5%,transparent),transparent),color-mix(in srgb,var(--mt-color-background-base) 56%,var(--mt-color-surface-primary));padding:.875rem;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.lab-toggle-row:hover{border-color:color-mix(in srgb,var(--mt-color-border-strong) 42%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-secondary) 8%,transparent),transparent),color-mix(in srgb,var(--mt-color-background-base) 50%,var(--mt-color-surface-primary))}.lab-toggle-row:has(input:checked){border-color:color-mix(in srgb,var(--mt-color-accent-primary) 48%,var(--mt-color-border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-primary) 9%,transparent),transparent),color-mix(in srgb,var(--mt-color-background-base) 48%,var(--mt-color-surface-primary))}.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;letter-spacing:var(--mt-track-normal);text-transform:none}.lab-toggle-row small{margin-top:.25rem;color:var(--mt-text-secondary);font-size:var(--mt-type-body-size);line-height:var(--mt-line-body)}.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{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{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)}.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:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--mt-color-accent-primary) 13%,transparent),transparent 60%),var(--color-surface)}.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-2)}.previous-seed{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:2.875rem;text-align:left;background:color-mix(in srgb,var(--mt-color-background-base) 54%,var(--mt-color-surface-primary));color:var(--color-text);border:var(--mt-border-width-thin) solid var(--color-border);border-radius:var(--mt-radius-md);box-shadow:inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 5%,transparent)}.previous-seed:hover:enabled{background:color-mix(in srgb,var(--mt-color-surface-selected) 84%,var(--mt-color-background-base));border-color:color-mix(in srgb,var(--mt-color-border-strong) 42%,transparent)}.previous-seed span{font-family:var(--font-code);font-size:var(--mt-type-body-size);font-weight:700;letter-spacing:var(--mt-track-code);overflow-wrap:anywhere}.previous-seed small{color:var(--color-muted-strong);font-size:var(--mt-type-compact-size);line-height:var(--mt-line-compact);letter-spacing:var(--mt-track-normal);text-transform:none}.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:radial-gradient(circle at 50% calc(100% + 6rem),rgb(245 158 11 / 12%),transparent 18rem),radial-gradient(circle at 0% 0%,rgb(56 189 248 / 8%),transparent 17rem),var(--color-bg);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{position:relative;width:100%;height:100%;min-height:0;max-width:none;aspect-ratio:auto;overflow:hidden;border-radius:clamp(.75rem,3dvw,1.25rem);background:radial-gradient(circle at 50% 50%,rgb(15 23 42 / 58%),transparent 72%),var(--mt-color-background-base);box-shadow:0 1.25rem 3.5rem #00000070,0 0 0 .0625rem #fbbf241a,inset 0 0 0 .0625rem #94a3b82e,inset 0 0 4rem #00000047}.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:.78;pointer-events:auto;filter:drop-shadow(0 1rem 1.5rem rgb(0 0 0 / 38%));transition:filter .12s ease,opacity .12s ease}.joystick-overlay:active,.joystick-overlay:focus-within{opacity:.94;filter:drop-shadow(0 1rem 1.75rem rgb(0 0 0 / 46%))}.maze-hud{position:relative;z-index:12;width:min(92vw,520px);margin:0 auto .5rem}.maze-hud__topbar{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-color-border-strong) 18%,transparent);border-radius:9999px;background:linear-gradient(180deg,color-mix(in srgb,var(--mt-color-accent-primary-strong) 5%,transparent),transparent),color-mix(in srgb,var(--mt-color-background-base) 72%,transparent);box-shadow:0 .75rem 1.75rem #0003,inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 8%,transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.maze-hud button{min-height:2.375rem;border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-border-strong) 28%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--mt-color-surface-secondary) 62%,transparent);color:var(--color-text-strong);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:0 .25rem .75rem #00000029,inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 8%,transparent)}.maze-hud button:hover:enabled{background:color-mix(in srgb,var(--mt-color-surface-selected) 86%,var(--mt-color-background-base));border-color:color-mix(in srgb,var(--mt-color-accent-primary) 48%,transparent)}.maze-hud button:active:enabled{transform:translateY(.0625rem)}#toggle-fog{min-width:5.75rem;padding-inline:.75rem;color:var(--mt-color-accent-primary-strong);border-color:color-mix(in srgb,var(--mt-color-accent-primary) 36%,transparent)}#maze-close{min-width:2.5rem;width:2.5rem;padding-inline:0;color:var(--color-muted-strong);font-weight:700}#maze-close:hover:enabled{color:var(--color-text-strong);border-color:color-mix(in srgb,var(--mt-color-status-danger) 42%,transparent)}.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{padding:.375rem .5rem;border-radius:9999px;background:color-mix(in srgb,var(--mt-color-background-base) 78%,transparent);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:0 .35rem .875rem #0000002e,inset 0 var(--mt-border-width-thin) 0 color-mix(in srgb,var(--mt-color-accent-primary-strong) 7%,transparent)}.loot-hud{border:var(--mt-border-width-thin) solid 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)}.key-hud{border:var(--mt-border-width-thin) solid color-mix(in srgb,var(--mt-color-accent-secondary) 66%,transparent);background:color-mix(in srgb,var(--mt-color-accent-secondary) 22%,var(--mt-color-background-base));color:color-mix(in srgb,var(--mt-color-accent-secondary) 48%,var(--mt-color-accent-primary-strong))}.assist-badge{margin-top:.5rem;display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:var(--mt-type-compact-size);line-height:1.25;letter-spacing:var(--mt-track-normal);text-transform:none;border:.0625rem solid rgb(251 191 36 / 35%);background:#452a07a8;color:var(--mt-color-accent-primary-strong);box-shadow:0 .5rem 1.25rem #0000002e;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.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:radial-gradient(circle at 50% 50%,#fbbf241a,#0f172a7a)!important;border:.0625rem solid rgb(251 191 36 / 30%)!important;box-shadow:0 1rem 2.5rem #00000057,inset 0 0 0 .0625rem #ffffff12,inset 0 0 2rem #0000002e!important;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}#joystick-host>div>div{background:linear-gradient(180deg,#f8fafcf0,#cbd5e1e0)!important;box-shadow:0 .35rem 1rem #00000057,0 0 0 .25rem #fbbf241f!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:30rem){:root{--mt-type-display-size: clamp(2.15rem, 15vw, 2.7rem)}.topbar{flex-direction:column;align-items:flex-start}.screen-switchers{width:100%}.screen-switchers>button{flex:1}.shell{padding:.75rem}.lobby-screen{padding:1rem;gap:1rem}}@media(min-width:36rem){.difficulty-grid{grid-template-columns:repeat(3,1fr)}.load-code-row{grid-template-columns:1fr auto}}