:root{--color-bg-canvas:#07131d;--color-bg-deep:#0b2230;--color-bg-surface:#102c39;--color-bg-elevated:#173a45;--color-bg-paper:#f4f1dc;--color-text-primary:#f4f1dc;--color-text-secondary:#b7cad0;--color-text-dark:#071017;--color-border-subtle:#345561;--color-border-strong:#7fa2a9;--color-action-primary:#ffca5c;--color-action-primary-pressed:#e2a93e;--color-action-secondary:#56d8c7;--color-status-success:#79d28a;--color-status-warning:#ffca5c;--color-status-error:#f48169;--color-status-info:#6bbbf2;--color-focus-ring:#fff4b8;--color-scrim:#02070ab8;--color-shadow:#02070a73;--color-glow:#56d8c740;--color-gold-glow:#ffca5c38;--color-surface-soft:#102c39e0;--color-surface-strong:#0b2230f5;--color-white-soft:#f4f1dc14;--color-white-medium:#f4f1dc29;--space-0:0;--space-half:4px;--space-1:8px;--space-1-5:12px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--font-caption:.6875rem;--font-label:.8125rem;--font-body:.9375rem;--font-body-lg:1.0625rem;--font-title:1.25rem;--font-heading:1.5rem;--font-display:1.75rem;--line-caption:1.25;--line-label:1.4;--line-body:1.47;--line-heading:1.25;--shadow-raised:0 8px 24px var(--color-shadow);--shadow-sheet:0 -16px 48px var(--color-shadow);--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.24s;--ease-standard:ease-out;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--color-bg-canvas);min-height:100%;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;overflow-x:hidden}button,input,select{color:inherit;font:inherit}button,a,summary,label,select{touch-action:manipulation}button,summary,select{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}[data-view-heading]:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-focus-ring);outline-offset:4px}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,p{margin-block-start:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--color-action-secondary);font-size:var(--font-caption);letter-spacing:.12em;font-weight:700;line-height:var(--line-caption);text-transform:uppercase;margin-block-end:var(--space-half)}.primary-button,.quiet-button,.danger-button{border-radius:var(--radius-md);min-height:48px;padding:var(--space-1-5) var(--space-3);font-size:var(--font-body);font-weight:700;line-height:var(--line-label);transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:0}.primary-button{background:var(--color-action-primary);color:var(--color-text-dark);box-shadow:0 8px 24px var(--color-gold-glow);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-button:active:not(:disabled){background:var(--color-action-primary-pressed);transform:translateY(1px)scale(.99)}.quiet-button{background:var(--color-white-soft);min-width:72px;color:var(--color-text-primary)}.danger-button{width:100%;border:1px solid var(--color-status-error);color:var(--color-status-error);background:0 0;margin-block-start:var(--space-4)}.boot-screen,.offline-screen{justify-content:center;align-items:center;gap:var(--space-2);min-height:100svh;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 35%, var(--color-bg-elevated), transparent 46%), var(--color-bg-canvas);text-align:center;flex-direction:column;display:flex}.boot-screen p,.offline-screen>p:not(.eyebrow){max-width:34rem;color:var(--color-text-secondary);line-height:var(--line-body)}.boot-sigil{width:var(--space-8);height:var(--space-8);border:2px solid var(--color-action-secondary);color:var(--color-action-primary);font-size:var(--font-display);border-radius:30% 70% 55% 45%;place-items:center;font-weight:800;animation:1.4s ease-in-out infinite alternate rune-pulse;display:grid}.boot-error{border-color:var(--color-status-error);animation:none}.auth-screen{background:radial-gradient(circle at 50% 22%, var(--color-glow), transparent 32%), linear-gradient(var(--color-bg-deep), var(--color-bg-canvas));grid-template-rows:minmax(190px,34svh) 1fr;min-height:100svh;display:grid;position:relative;overflow:hidden}.auth-world{place-items:center;display:grid;position:relative}.auth-core{border:4px solid var(--color-action-secondary);background:var(--color-bg-deep);width:88px;height:88px;color:var(--color-action-primary);font-size:var(--font-display);box-shadow:0 0 48px var(--color-glow);border-radius:34% 66% 58% 42%;place-items:center;font-weight:800;display:grid}.auth-orbit{border:1px solid var(--color-border-strong);opacity:.38;border-radius:50%;position:absolute}.auth-orbit-one{width:190px;height:96px;transform:rotate(18deg)}.auth-orbit-two{width:132px;height:168px;transform:rotate(-34deg)}.auth-panel{z-index:1;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:min(100%,480px);padding:var(--space-4) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-surface-strong);box-shadow:var(--shadow-sheet);border-block-end:0;margin-inline:auto;position:relative}.auth-panel h1{font-size:var(--font-display);line-height:var(--line-heading);margin-block-end:var(--space-1)}.auth-lead,.field-help{color:var(--color-text-secondary);font-size:var(--font-body);line-height:var(--line-body)}.auth-mode{gap:var(--space-1);margin-block:var(--space-3);padding:var(--space-half);border-radius:var(--radius-md);background:var(--color-white-soft);grid-template-columns:1fr 1fr;display:grid}.auth-mode button{border-radius:var(--radius-sm);background:0 0;border:0;min-height:44px;font-weight:700}.auth-mode button[aria-pressed=true]{background:var(--color-bg-elevated);box-shadow:var(--shadow-raised)}.auth-form{gap:var(--space-2);display:grid}.auth-form label{gap:var(--space-1);font-size:var(--font-label);font-weight:700;display:grid}.auth-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;min-height:48px;padding:var(--space-1-5) var(--space-2);background:var(--color-bg-canvas);color:var(--color-text-primary);font-size:max(1rem, var(--font-body))}.auth-submit{width:100%;margin-block-start:var(--space-1)}.field-help{margin-block:calc(var(--space-1) * -1) 0;font-size:var(--font-label)}.form-error,.callout-error{color:var(--color-status-error);font-size:var(--font-label);line-height:var(--line-label);margin:0}.frontier-shell{background:var(--color-bg-canvas);isolation:isolate;width:100%;min-width:320px;max-width:680px;height:100svh;min-height:560px;margin-inline:auto;position:relative;overflow:hidden}.game-canvas-frame,.game-canvas{z-index:0;position:absolute;inset:0}.game-canvas canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.canvas-retry{display:none}.canvas-retry[data-visible=true]{z-index:4;min-height:48px;display:block;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.world-hud{z-index:5;align-items:center;gap:var(--space-1-5);padding:calc(var(--space-1-5) + env(safe-area-inset-top)) var(--space-2) var(--space-2);background:linear-gradient(var(--color-scrim), transparent);pointer-events:none;grid-template-columns:48px minmax(0,1fr) 48px;display:grid;position:absolute;inset:0 0 auto}.world-hud>*{pointer-events:auto}.brand-mark,.avatar-button{border-radius:40% 60% 55% 45%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand-mark{border:2px solid var(--color-action-secondary);color:var(--color-action-primary)}.avatar-button{border:1px solid var(--color-border-strong);background:var(--color-surface-soft);color:var(--color-text-primary)}.world-heading{min-width:0}.world-heading span{color:var(--color-action-secondary);font-size:var(--font-caption);letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:block}.world-heading h1{font-size:var(--font-body-lg);line-height:var(--line-heading);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.region-picker{z-index:6;inset:calc(80px + env(safe-area-inset-top)) auto auto var(--space-2);position:absolute}.region-picker summary{min-height:44px;padding:var(--space-1-5) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-soft);font-size:var(--font-label);box-shadow:var(--shadow-raised);font-weight:700;list-style:none}.region-picker summary::-webkit-details-marker{display:none}.region-picker[open]{right:var(--space-2)}.region-picker[open] summary{width:max-content;margin-block-end:var(--space-1)}.region-picker ul{width:min(320px, calc(100vw - var(--space-4)));max-height:48svh;padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-strong);box-shadow:var(--shadow-raised);margin:0;list-style:none;overflow-y:auto}.region-picker button{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);width:100%;min-height:56px;padding:var(--space-1);text-align:left;background:0 0;border:0;grid-template-columns:36px 1fr;display:grid}.region-picker button[aria-pressed=true]{background:var(--color-white-medium)}.region-picker button>span:first-child{color:var(--color-action-primary);font-size:var(--font-title);text-align:center}.region-picker button strong,.region-picker button small{display:block}.region-picker button small{color:var(--color-text-secondary);margin-block-start:var(--space-half)}.map-zoom{z-index:5;inset:calc(50% - 56px) var(--space-2) auto auto;gap:var(--space-1);display:grid;position:absolute}.map-zoom button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-soft);width:48px;height:48px;color:var(--color-text-primary);font-size:var(--font-heading);box-shadow:var(--shadow-raised)}.quest-callout{z-index:5;inset:auto var(--space-2) calc(82px + env(safe-area-inset-bottom));gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-strong);box-shadow:var(--shadow-raised);display:grid;position:absolute}.quest-callout h2{font-size:var(--font-body-lg);line-height:var(--line-body);margin:0}.quest-callout .primary-button{width:100%}.quest-launcher{gap:var(--space-1);display:grid}.quest-mode-picker{gap:var(--space-half);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.quest-mode-picker button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);min-width:0;min-height:44px;padding-inline:var(--space-half);background:var(--color-white-soft);color:var(--color-text-secondary);font-size:var(--font-caption);font-weight:700}.quest-mode-picker button[aria-pressed=true]{border-color:var(--color-action-primary);background:var(--color-gold-glow);color:var(--color-action-primary)}.location-select{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-caption);grid-template-columns:auto minmax(0,1fr);font-weight:700;display:grid}.location-select select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);min-width:0;min-height:44px;padding-inline:var(--space-1);background:var(--color-bg-canvas)}.legendary-button,.tutor-button{border:1px solid var(--color-action-secondary);border-radius:var(--radius-md);background:var(--color-glow);min-height:48px;color:var(--color-text-primary);font-weight:800}.legendary-button{justify-content:center;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1-5) var(--space-2);display:flex}.legendary-button span{color:var(--color-action-primary)}.bottom-nav{z-index:8;padding:var(--space-half) var(--space-1) calc(var(--space-half) + env(safe-area-inset-bottom));border-block-start:1px solid var(--color-border-subtle);background:var(--color-surface-strong);box-shadow:0 -8px 24px var(--color-shadow);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:auto 0 0}.bottom-nav button{border-radius:var(--radius-md);min-height:58px;color:var(--color-text-secondary);font-size:var(--font-caption);background:0 0;border:0;font-weight:700}.bottom-nav button span{font-size:var(--font-title);margin-block-end:var(--space-half);display:block}.bottom-nav button[aria-current=page]{background:var(--color-white-soft);color:var(--color-action-primary)}.quest-sheet,.secondary-sheet{z-index:12;width:100%;max-height:min(70svh,650px);padding:var(--space-3) var(--space-2) calc(var(--space-3) + env(safe-area-inset-bottom));overscroll-behavior:contain;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface-strong);box-shadow:var(--shadow-sheet);border-block-end:0;position:absolute;inset:auto 0 0;overflow-y:auto}.quest-sheet:before,.secondary-sheet:before{content:"";width:var(--space-5);height:var(--space-half);margin:calc(var(--space-1) * -1) auto var(--space-2);border-radius:var(--radius-full);background:var(--color-border-strong);display:block}.quest-sheet h2,.secondary-sheet h2{font-size:var(--font-heading);line-height:var(--line-heading);margin-block-end:var(--space-2)}.quest-sheet .primary-button{width:100%;margin-block-start:var(--space-2)}.quest-header,.sheet-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.quest-header{margin-block-end:var(--space-2)}.quest-header span{color:var(--color-text-secondary);font-size:var(--font-label)}.boss-vitality{margin-block:calc(var(--space-1) * -1) var(--space-2)}.boss-vitality div{justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-caption);font-weight:700;display:flex}.boss-vitality progress{width:100%;height:var(--space-1);border-radius:var(--radius-full);background:var(--color-white-soft);accent-color:var(--color-action-secondary);border:0;overflow:hidden}.boss-vitality progress::-webkit-progress-bar{background:var(--color-white-soft)}.boss-vitality progress::-webkit-progress-value{border-radius:var(--radius-full);background:var(--color-action-secondary)}.quest-copy,.quest-cue,.question-stimuli,.answer-feedback,.relic-inspect,.optional-knowledge{font-size:var(--font-body);line-height:var(--line-body)}.quest-copy{white-space:pre-line}.quest-cue,.optional-knowledge{padding:var(--space-1-5) var(--space-2);border-inline-start:3px solid var(--color-action-secondary);background:var(--color-white-soft);color:var(--color-text-secondary)}.misconception{padding:var(--space-2);border:1px solid var(--color-status-error);border-radius:var(--radius-md);color:var(--color-status-error)}.question-stimuli{padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-paper);color:var(--color-text-dark);margin-block-end:var(--space-2)}.question-stimuli p:last-child{margin-block-end:0}.choice-fieldset,.confidence-fieldset{border:0;min-width:0;margin:0;padding:0}.choice-fieldset legend,.confidence-fieldset legend{color:var(--color-text-secondary);font-size:var(--font-label);margin-block-end:var(--space-1);font-weight:700}.choice-fieldset{gap:var(--space-1);display:grid}.choice{align-items:center;gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:52px;padding:var(--space-1) var(--space-1-5);background:var(--color-white-soft);line-height:var(--line-body);grid-template-columns:36px 1fr;display:grid}.choice input,.confidence-options input{opacity:0;pointer-events:none;position:absolute}.choice-letter{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);place-items:center;font-weight:800;display:grid}.choice-selected{border-color:var(--color-action-secondary);background:var(--color-glow)}.choice-selected .choice-letter{background:var(--color-action-secondary);color:var(--color-text-dark)}.choice-correct{border-color:var(--color-status-success);background:color-mix(in srgb, var(--color-status-success) 16%, transparent)}.choice-wrong{border-color:var(--color-status-error);background:color-mix(in srgb, var(--color-status-error) 14%, transparent)}.confidence-fieldset{margin-block-start:var(--space-2)}.confidence-options{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.confidence-options label{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text-secondary);font-size:var(--font-label);place-items:center;font-weight:700;display:grid}.confidence-options label:has(input:checked){border-color:var(--color-action-primary);background:var(--color-gold-glow);color:var(--color-action-primary)}.answer-feedback{padding:var(--space-2);border-radius:var(--radius-md);margin-block-start:var(--space-2)}.tutor-assist{gap:var(--space-1);margin-block-start:var(--space-2);display:grid}.tutor-button{width:100%;padding-inline:var(--space-2)}.tutor-response{padding:var(--space-2);border:1px solid var(--color-action-secondary);border-radius:var(--radius-md);background:var(--color-glow);font-size:var(--font-body);line-height:var(--line-body)}.tutor-response strong{color:var(--color-action-secondary)}.tutor-response p{margin-block:var(--space-1) 0}.tutor-unavailable{color:var(--color-text-secondary);font-size:var(--font-label);line-height:var(--line-label);margin:0}.essay-quest-screen{z-index:20;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-2) calc(var(--space-4) + env(safe-area-inset-bottom));overscroll-behavior:contain;background:radial-gradient(circle at 50% 12%, var(--color-glow), transparent 28%), linear-gradient(var(--color-bg-deep), var(--color-bg-canvas) 42%);position:absolute;inset:0;overflow-y:auto}.essay-quest-screen h1{font-size:var(--font-heading);line-height:var(--line-heading);margin-block-end:var(--space-2)}.essay-topbar{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:52px;color:var(--color-text-secondary);font-size:var(--font-label);margin-block-end:var(--space-3);font-weight:800;display:flex}.essay-topbar .quiet-button{min-width:72px;padding-inline:var(--space-2)}.essay-seal-card{min-height:calc(100svh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom));align-content:center;place-items:center;gap:var(--space-1);text-align:center;display:grid}.essay-seal-card>p:not(.eyebrow,.form-error){max-width:31rem;color:var(--color-text-secondary);line-height:var(--line-body)}.essay-seal-card .primary-button,.essay-results>.primary-button{width:100%;max-width:31rem;margin-block-start:var(--space-2)}.essay-seal{width:104px;height:104px;border:2px solid var(--color-action-primary);background:var(--color-bg-deep);color:var(--color-action-primary);box-shadow:0 0 56px var(--color-gold-glow);border-radius:38% 62% 58% 42%;place-items:center;margin-block-end:var(--space-2);font-size:2.5rem;display:grid}.essay-timer{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-white-soft);align-content:center;place-items:center;min-width:88px;min-height:48px;display:grid}.essay-timer span{font-size:var(--font-caption);font-weight:600}.essay-timer strong{color:var(--color-action-primary);font-variant-numeric:tabular-nums}.motivator-stack{gap:var(--space-1);margin-block:var(--space-3);display:grid}.motivator-stack article{padding:var(--space-2);border:1px solid color-mix(in srgb, var(--color-text-dark) 18%, transparent);border-radius:var(--radius-md);background:var(--color-bg-paper);color:var(--color-text-dark);box-shadow:var(--shadow-raised)}.motivator-stack article span{font-size:var(--font-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.motivator-stack article p{margin:var(--space-1) 0 0;font-size:var(--font-body);line-height:var(--line-body)}.essay-instruction,.essay-retry,.essay-summary,.essay-disclaimer{font-size:var(--font-body);line-height:var(--line-body)}.essay-instruction{color:var(--color-text-secondary)}.essay-retry{padding:var(--space-2);border:1px solid var(--color-status-warning);border-radius:var(--radius-md);background:var(--color-gold-glow)}.essay-upload{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-soft);margin-block-start:var(--space-3);display:grid}.essay-upload label{gap:var(--space-1);font-size:var(--font-label);font-weight:800;display:grid}.essay-upload input[type=file]{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-height:48px;padding:var(--space-1);background:var(--color-bg-canvas)}.essay-upload p{color:var(--color-text-secondary);font-size:var(--font-label);margin:0}.essay-score-orb{width:120px;height:120px;margin:0 auto var(--space-2);border:3px solid var(--color-action-primary);background:var(--color-gold-glow);box-shadow:0 0 52px var(--color-gold-glow);border-radius:50%;align-content:center;place-items:center;display:grid}.essay-score-orb strong{font-size:2rem}.essay-score-orb span{color:var(--color-text-secondary);font-size:var(--font-caption)}.essay-results>.eyebrow,.essay-results>h1{text-align:center}.essay-summary{color:var(--color-text-secondary)}.competency-list{gap:var(--space-1);margin:var(--space-3) 0;padding:0;list-style:none;display:grid}.competency-list li{padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-white-soft)}.competency-list li div{justify-content:space-between;gap:var(--space-2);color:var(--color-action-secondary);display:flex}.competency-list li p{margin:var(--space-1) 0 0;font-size:var(--font-label);line-height:var(--line-label)}.competency-list blockquote{margin:var(--space-1) 0 0;border-inline-start:2px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--font-caption);line-height:var(--line-label);padding-inline-start:var(--space-1-5)}.improvement-card{padding:var(--space-2);border:1px solid var(--color-action-primary);border-radius:var(--radius-lg);background:var(--color-gold-glow)}.improvement-card h2{font-size:var(--font-title)}.improvement-card ol{gap:var(--space-1);line-height:var(--line-body);margin-block-end:0;padding-inline-start:var(--space-3);display:grid}.essay-reward{margin-block:var(--space-2);color:var(--color-status-success);text-align:center;font-weight:800}.transcription-review{border-block:1px solid var(--color-border-subtle);padding-block:var(--space-1)}.transcription-review summary{min-height:44px;padding-block:var(--space-1-5);font-weight:800}.transcription-review p{white-space:pre-line;color:var(--color-text-secondary);line-height:var(--line-body)}.essay-disclaimer{color:var(--color-text-secondary);text-align:center;margin-block-start:var(--space-2)}.answer-feedback strong,.answer-feedback span{display:block}.answer-feedback p{margin-block:var(--space-1)}.feedback-correct{border:1px solid var(--color-status-success);background:color-mix(in srgb, var(--color-status-success) 12%, transparent)}.feedback-repair{border:1px solid var(--color-status-warning);background:var(--color-gold-glow)}.quest-loading{text-align:center}.loading-rune{color:var(--color-action-primary);font-size:var(--font-display);animation:.9s ease-in-out infinite alternate rune-pulse;display:block}.loot-sheet{text-align:center}.loot-emblem,.relic-icon{color:var(--color-text-dark);border-radius:38% 62% 58% 42%;place-items:center;font-weight:800;display:grid}.loot-emblem{width:88px;height:88px;margin:0 auto var(--space-2);font-size:var(--font-display);box-shadow:0 0 40px var(--color-gold-glow)}.loot-uncommon{background:var(--color-action-secondary)}.loot-rare{background:var(--color-status-info)}.loot-epic{background:var(--color-action-primary)}.secondary-sheet{top:calc(88px + env(safe-area-inset-top));bottom:calc(66px + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:none}.sheet-header{margin-block-end:var(--space-3)}.collection-count{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);min-width:44px;min-height:44px;color:var(--color-action-primary);place-items:center;font-weight:800;display:grid}.empty-inventory{min-height:42svh;padding:var(--space-4);text-align:center;align-content:center;place-items:center;display:grid}.empty-inventory>span{color:var(--color-action-primary);font-size:3rem}.empty-inventory h3{margin-block:var(--space-2) var(--space-1)}.empty-inventory p{color:var(--color-text-secondary);line-height:var(--line-body)}.relic-grid{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.relic-grid button{align-content:center;place-items:center;gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);width:100%;min-height:116px;padding:var(--space-1);background:var(--color-white-soft);font-size:var(--font-caption);text-align:center;font-weight:700;display:grid}.relic-grid button[aria-pressed=true]{border-color:var(--color-action-primary);background:var(--color-gold-glow)}.relic-icon{width:52px;height:52px;font-size:var(--font-title)}.relic-inspect{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-deep);margin-block-start:var(--space-3)}.relic-inspect ul{padding-inline-start:var(--space-3)}.settings-list{display:grid}.setting-row,.setting-select{align-items:center;gap:var(--space-2);border-block-end:1px solid var(--color-border-subtle);min-height:76px;padding-block:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.setting-row strong,.setting-row small,.setting-select strong,.setting-select small{display:block}.setting-row small,.setting-select small{color:var(--color-text-secondary);font-size:var(--font-label);line-height:var(--line-label);margin-block-start:var(--space-half)}.setting-row input[role=switch]{appearance:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-canvas);width:52px;height:32px;position:relative}.setting-row input[role=switch]:after{content:"";background:var(--color-text-secondary);width:24px;height:24px;transition:transform var(--duration-normal) var(--ease-standard);border-radius:50%;position:absolute;inset:3px auto auto 3px}.setting-row input[role=switch]:checked{border-color:var(--color-action-secondary);background:var(--color-action-secondary)}.setting-row input[role=switch]:checked:after{background:var(--color-text-dark);transform:translate(20px)}.setting-select select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:48px;padding-inline:var(--space-1-5);background:var(--color-bg-canvas)}.performance-notice{border:1px solid var(--color-action-secondary);border-radius:var(--radius-md);margin-block:var(--space-2);padding:var(--space-1-5);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-label);line-height:var(--line-label)}.offline-screen h1{max-width:28rem;margin-block-end:0}.onboarding-screen{min-height:100svh;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 18%, var(--color-glow), transparent 34%), linear-gradient(160deg, var(--color-bg-deep), var(--color-bg-canvas));place-items:center;display:grid}.onboarding-card,.tutorial-card{width:min(100%,430px);max-height:calc(100svh - var(--space-4));padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-strong);box-shadow:var(--shadow-raised);overflow-y:auto}.onboarding-card h1,.tutorial-card h1{font-size:var(--font-heading);line-height:var(--line-heading);margin-block-end:var(--space-3)}.onboarding-name{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-label);margin-block-end:var(--space-2);font-weight:700;display:grid}.onboarding-name input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:48px;padding-inline:var(--space-1-5);background:var(--color-bg-canvas)}.avatar-choice,.language-choice{margin:0 0 var(--space-2);border:0;padding:0}.avatar-choice legend,.language-choice legend{color:var(--color-text-secondary);font-size:var(--font-label);margin-block-end:var(--space-1);font-weight:700}.avatar-choice>div{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.avatar-choice label{align-content:center;place-items:center;gap:var(--space-half);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-white-soft);min-height:88px;display:grid;position:relative}.avatar-choice input{opacity:0;position:absolute}.avatar-choice label:has(input:checked){border-color:var(--color-action-primary);background:var(--color-gold-glow)}.avatar-choice label span{color:var(--color-action-primary);font-size:var(--font-heading)}.language-choice{gap:var(--space-1);flex-wrap:wrap;display:flex}.language-choice legend{width:100%}.language-choice label,.onboarding-toggles label{align-items:center;gap:var(--space-1);min-height:44px;display:flex}.language-choice label{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding-inline:var(--space-1-5);flex:1}.onboarding-toggles{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-label);grid-template-columns:repeat(2,1fr);margin-block-end:var(--space-2);display:grid}.onboarding-card .primary-button,.tutorial-card .primary-button{width:100%}.tutorial-card>p:not(.eyebrow,.form-error){color:var(--color-text-secondary);line-height:var(--line-body)}.tutorial-world{min-height:230px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:radial-gradient(circle, var(--color-white-medium) 1px, transparent 1px), var(--color-bg-canvas);background-size:22px 22px;place-items:center;margin-block-end:var(--space-2);display:grid;position:relative;overflow:hidden}.tutorial-route{border-radius:var(--radius-full);background:var(--color-border-subtle);width:72%;height:4px;position:absolute;transform:rotate(-18deg)}.tutorial-seal{border:2px solid var(--color-action-secondary);min-width:168px;min-height:112px;padding:var(--space-2);background:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:48% 52% 46% 54%;place-items:center;font-weight:800;display:grid;position:relative;box-shadow:0 0 #0000}.tutorial-seal span{color:var(--color-action-primary);font-size:var(--font-display)}.seal-active .tutorial-route{background:var(--color-action-secondary);box-shadow:0 0 24px var(--color-glow)}.seal-active .tutorial-seal{border-color:var(--color-action-primary);box-shadow:0 0 36px var(--color-gold-glow)}@keyframes rune-pulse{0%{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:360px){.quest-sheet,.secondary-sheet{padding-inline:var(--space-1-5)}.quest-callout{inset-inline:var(--space-1)}.quest-callout h2{font-size:var(--font-body)}.confidence-options{gap:var(--space-half)}.confidence-options label{font-size:var(--font-caption)}}@media (min-width:681px){body{background:radial-gradient(circle at 50% 30%, var(--color-bg-elevated), transparent 45%), var(--color-bg-canvas)}.frontier-shell,.auth-screen,.onboarding-screen{border-inline:1px solid var(--color-border-subtle);box-shadow:0 0 80px var(--color-shadow)}.auth-screen,.onboarding-screen{max-width:680px;margin-inline:auto}}