:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-void:#05090d;--surface-hud:#091118db;--surface-raised:#14232c;--text-primary:#edf7f5;--text-muted:#91a7ad;--border-subtle:#90c2c738;--accent-magic:#45e3d2;--accent-objective:#e2b45f;--status-health:#d45158;--status-mana:#438dcb;--font-primary:Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--type-title:1.25rem;--type-heading:1rem;--type-body:.875rem;--type-caption:.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;font-family:var(--font-primary);color:var(--text-primary);background:var(--surface-void)}*{box-sizing:border-box}html,body{background:var(--surface-void);min-block-size:100%;margin:0;overflow:hidden}canvas{font:inherit}.game-shell{isolation:isolate;background:radial-gradient(circle at 50% 48%, var(--surface-raised), var(--surface-void) 72%);min-block-size:100dvh;max-block-size:100dvh;display:grid;overflow:hidden}#game-canvas,.game-shell>:not(script,noscript){grid-area:1/1}#game-canvas{touch-action:none;outline:none;block-size:100%;inline-size:100%;display:block}#game-canvas:focus-visible{outline:2px solid var(--accent-magic);outline-offset:-4px}.hud{z-index:2;border:1px solid var(--border-subtle);border-radius:var(--space-1);color:var(--text-primary);background:var(--surface-hud);box-shadow:inset 0 1px var(--border-subtle);-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));pointer-events:auto;place-self:start}.hud--status{inline-size:min(19rem, calc(100% - var(--space-6) * 2));margin:var(--space-6);padding:var(--space-4)}.hud__title-row,.meter-row,.metrics div,.movement-hint{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.hud__title-row{margin-block-end:var(--space-3)}h1,h2,p{margin:0}h1{font-size:var(--type-title);letter-spacing:.01em;font-weight:650;line-height:1.1}h2{font-size:var(--type-heading);font-weight:650;line-height:1.25}.eyebrow,.meter-row,.metrics{font-size:var(--type-caption);letter-spacing:.06em;color:var(--text-muted);font-weight:600;line-height:1.3}.level{aspect-ratio:1;border:1px solid var(--accent-objective);inline-size:2.25rem;color:var(--accent-objective);font-family:var(--font-mono);font-size:var(--type-body);border-radius:50%;place-items:center;display:grid}.meter-row{grid-template-columns:auto 1fr;margin-block-start:var(--space-2);display:grid}.meter-row strong{font-family:var(--font-mono);color:var(--text-primary);justify-self:end}.meter{inline-size:100%;block-size:var(--space-1);appearance:none;background:var(--surface-raised);border:0;grid-column:1/-1;overflow:hidden}.meter::-webkit-progress-bar{background:var(--surface-raised)}.meter--health::-webkit-progress-value{background:var(--status-health)}.meter--health::-moz-progress-bar{background:var(--status-health)}.meter--mana::-webkit-progress-value{background:var(--status-mana)}.meter--mana::-moz-progress-bar{background:var(--status-mana)}.hud--location{place-self:start end;align-items:center;gap:var(--space-3);margin:var(--space-6);padding:var(--space-3) var(--space-4);display:flex}.hud--light{inline-size:min(21rem, calc(100% - var(--space-6) * 2));max-block-size:calc(100dvh - 9rem);margin:7rem var(--space-6) 0;place-self:start end;overflow:auto}.hud--light summary{min-block-size:44px;padding:var(--space-2) var(--space-3);cursor:pointer;color:var(--text-primary);font-size:var(--type-body);align-items:center;font-weight:650;display:flex}.hud--light summary::marker{color:var(--accent-objective)}.hud--light summary:focus-visible,.light-editor input:focus-visible,.light-editor button:focus-visible{outline:2px solid var(--accent-magic);outline-offset:-2px}.light-editor{padding:0 var(--space-3) var(--space-3)}.light-editor fieldset{border:0;margin:0;padding:0}.light-editor legend,.euler-grid label,#sun-direction-output,.light-error{font-size:var(--type-caption);line-height:1.3}.light-editor legend,.euler-grid label{color:var(--text-muted);font-weight:600}.euler-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-2);display:grid}.euler-grid label{gap:var(--space-1);display:grid}.light-editor input,.light-editor button{border:1px solid var(--border-subtle);min-block-size:44px;color:var(--text-primary);background:var(--surface-raised);font:inherit;border-radius:2px}.light-editor input{inline-size:100%;min-inline-size:0;padding-inline:var(--space-2);font-family:var(--font-mono)}#sun-direction-output{margin-block:var(--space-3);color:var(--text-muted);font-family:var(--font-mono);display:block}.light-error{margin-block:calc(var(--space-2) * -1) var(--space-3);color:var(--status-health)}.light-editor[data-invalid] input,.hud--light[data-invalid] input{border-color:var(--status-health)}.light-editor button{inline-size:100%;padding-inline:var(--space-3);cursor:pointer;font-weight:650}.light-editor button:hover{border-color:var(--accent-magic)}.location-marker{inline-size:var(--space-3);aspect-ratio:1;border:2px solid var(--accent-objective);transform:rotate(45deg)}kbd{border:1px solid var(--border-subtle);padding:var(--space-1) var(--space-2);color:var(--text-primary);background:var(--surface-raised);font-family:var(--font-mono);border-radius:2px}.movement-hint{margin:var(--space-6);padding:var(--space-3) var(--space-4);font-size:var(--type-caption);color:var(--text-muted);place-self:end center}.metrics{place-self:end;gap:var(--space-4);margin:var(--space-6);padding:var(--space-3) var(--space-4);display:flex}.hud--dev{margin:var(--space-6);padding:var(--space-2) var(--space-3);font-size:var(--type-caption);place-self:end start}.hud--dev summary{cursor:pointer;color:var(--text-muted)}.dev-tools{gap:var(--space-2);margin-block-start:var(--space-2);display:grid}.dev-tools label{align-items:center;gap:var(--space-2);color:var(--text-primary);display:flex}.minimap{margin:0 var(--space-6) 5rem;padding:var(--space-2);place-self:end;gap:var(--space-1);display:grid}.minimap canvas{block-size:11.375rem;inline-size:11.375rem;image-rendering:pixelated;border:1px solid var(--border-subtle);background:var(--surface-void);touch-action:none;cursor:zoom-in}.minimap figcaption{justify-content:space-between;gap:var(--space-2);font-size:var(--type-caption);color:var(--text-muted);display:flex}.minimap__floor{color:var(--accent-magic);font-family:var(--font-mono)}.metrics div{gap:var(--space-2)}.metrics dt,.metrics dd{margin:0}.metrics dd{color:var(--accent-magic);font-family:var(--font-mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}noscript{z-index:3;padding:var(--space-4);color:var(--text-primary);background:var(--surface-hud);place-self:center}@media (width<=639px){.hud--status,.minimap,.hud--dev{display:none}.hud--location,.hud--light,.metrics,.movement-hint{margin:var(--space-3)}.hud--status{inline-size:min(15rem, calc(100% - var(--space-6)));padding:var(--space-3)}.hud--location{padding:var(--space-2) var(--space-3)}.hud--light{inline-size:min(19rem, calc(100% - var(--space-6)));margin-block-start:7rem}.hud--location .eyebrow,.movement-hint,.metrics div:not(:first-child){display:none}}@media (width<=439px){.hud--location{margin-block-start:10rem}.hud--light{margin-block-start:13rem}}