@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--font-heading:"Press Start 2P", "Trebuchet MS", sans-serif;--font-body:"VT323", "Courier New", monospace;--font-pixel-display:var(--font-heading);--font-readable-ui:var(--font-body);--font-size-base:14px;--font-size-body:1.08rem;--font-size-body-compact-role:1rem;--font-size-body-small-role:1.2rem;--font-size-value-role:1.12rem;--font-size-display-role:1.15rem;--font-size-section-role:1rem;--font-size-heading-role:.86rem;--font-size-ui-role:.78rem;--font-size-control-role:.72rem;--font-size-map-label-role:12px;--font-size-combat-feedback-role:1.35rem;--font-size-landing-display-role:2.35rem;--font-size-landing-subtitle-role:1.45rem;--font-size-landing-section-role:1.55rem;--line-height-solid:1;--line-height-caption:1.25;--line-height-tight:1.32;--line-height-heading:1.42;--line-height-body:1.55;--line-height-compact:1.4;--letter-spacing-heading:0;--letter-spacing-label:0;--font-size-xs:var(--font-size-body);--font-size-sm:var(--font-size-body-small-role);--font-size-md:var(--font-size-value-role);--font-size-ui:var(--font-size-ui-role);--font-size-lg:var(--font-size-heading-role);--font-size-xl:var(--font-size-section-role);--font-size-xxl:var(--font-size-display-role);--font-size-subtitle-text:var(--font-size-body-compact-role);--font-size-button:var(--font-size-control-role);--font-size-page-title:var(--font-size-display-role);--font-size-title:var(--font-size-display-role);--font-size-section-title:var(--font-size-section-role);--font-size-subtitle:var(--font-size-heading-role);--font-size-heading-small:var(--font-size-ui-role);--font-size-panel-title:var(--font-size-ui-role);--font-size-subpanel-title:var(--font-size-ui-role);--font-size-body-compact:var(--font-size-body-compact-role);--font-size-body-small:var(--font-size-body-small-role);--font-size-small-text:var(--font-size-body-small-role);--font-size-body-text:var(--font-size-body);--font-size-value-text:var(--font-size-value-role);--font-size-card-title:var(--font-size-ui-role);--font-size-label:var(--font-size-ui-role);--font-size-map-label:var(--font-size-map-label-role);--font-size-combat-feedback:var(--font-size-combat-feedback-role);--font-size-landing-display:var(--font-size-landing-display-role);--font-size-landing-subtitle:var(--font-size-landing-subtitle-role);--font-size-landing-section:var(--font-size-landing-section-role);--color-bg:#0c0a08;--color-page:#090806;--color-panel:#100e0b;--color-panel-soft:#120f0b;--color-panel-strong:#090806;--color-control:#090806;--color-divider:#a08060;--color-text:#a08060;--color-muted:#705a40;--color-dim:#4a3820;--color-heading:var(--color-muted);--color-panel-heading:var(--color-text);--color-subheading:var(--color-muted);--color-label:var(--color-gold);--color-value:var(--color-text);--color-cyan:#4deeea;--color-gold:#d4a84c;--color-green:#3a8a30;--color-red:#8a1a10;--color-red-soft:#6f151b;--color-warning:#b06a45;--color-success-soft:#3a8a305c;--color-blue:#1a2a8a;--color-border:#705a40;--color-border-strong:#4a3010;--color-border-muted:#1e1810;--color-border-nested:#705a40;--color-border-active:#d4a84c;--color-border-button:#705a40;--color-border-button-hover:#4a3010;--color-border-button-disabled:#1e1810;--rarity-common:#9ca3af;--rarity-uncommon:#3a8a30;--rarity-rare:#2858b0;--rarity-epic:#7830b0;--rarity-legendary:#b06010;--rarity-unique:#a02020;--border-width:2px;--border-style:solid;--border-radius:0;--border-panel:var(--border-width) var(--border-style) var(--color-border);--border-panel-strong:var(--border-width) var(--border-style) var(--color-border-strong);--border-panel-muted:var(--border-width) var(--border-style) var(--color-border-muted);--border-nested:var(--border-width) var(--border-style) var(--color-border-nested);--border-active:var(--border-width) var(--border-style) var(--color-border-active);--border-button:var(--border-width) var(--border-style) var(--color-border-button);--border-button-disabled:var(--border-width) var(--border-style) var(--color-border-button-disabled);--border-control:var(--border-button);--border-divider:var(--border-width) var(--border-style) var(--color-divider);--border-current:var(--border-width) var(--border-style) currentColor;--shadow-color:#050402;--shadow-panel:3px 3px 0 #050402;--shadow-focus:0 0 12px #d4a84c59;--shadow-pixel-panel:var(--shadow-panel);--shadow-pixel-control:2px 2px 0 #050402;--shadow-inset-highlight:inset 0 1px 0 #ffffff06;--page-max-width:1180px;--page-gutter:clamp(1rem, 3vw, 3.5rem);--header-height:3.65rem;--sidebar-width:14.5rem;--space-page-top:1.25rem;--space-page-bottom:1.55rem;--space-panel:.8rem;--space-panel-gap:.85rem;--space-card:.75rem;--space-control-x:.7rem;--space-control-y:.55rem;--surface-header-background:var(--surface-panel-background);--surface-panel-background:var(--color-panel);--surface-control-background:var(--color-control);--surface-overlay-background:#090806d1;--surface-subtle-background:#0908068f;--surface-control-hover-background:var(--color-panel-soft);--surface-control-active-background:var(--color-dim);--surface-identity-background:var(--surface-control-background);--surface-page-background:linear-gradient(180deg, #0c0a08c2, #0c0a08f2), url(../../../assets/landing-hero.png) center top / cover no-repeat, linear-gradient(180deg, #100e0b, #0c0a08);--surface-world-background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 62%, transparent), color-mix(in srgb, var(--color-bg) 90%, transparent)), var(--color-bg);--surface-arena-overlay-background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 8%, transparent) 0%, color-mix(in srgb, var(--color-bg) 28%, transparent) 45%), linear-gradient(0deg, color-mix(in srgb, var(--color-bg) 88%, transparent) 0%, color-mix(in srgb, var(--color-bg) 42%, transparent) 36%, transparent 62%);--pixel-track-background:#060504;--pixel-track-health:repeating-linear-gradient(90deg, var(--color-red) 0 6px, var(--color-red-soft) 6px 8px);--pixel-track-purple:repeating-linear-gradient(90deg, var(--color-gold) 0 5px, var(--color-text) 5px 7px);--pixel-track-purple-wide:repeating-linear-gradient(90deg, var(--color-gold) 0 6px, var(--color-text) 6px 8px);--shadow-purple:var(--shadow-focus)}*{box-sizing:border-box;transition:none}html{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);image-rendering:pixelated;scrollbar-gutter:stable;scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{background:linear-gradient(#0c0a08 0%,#090806 52%,#0c0a08 100%);min-height:100vh;margin:0;overflow-y:scroll}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:var(--border-radius)}button:hover{border-color:var(--color-border-button-hover)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-border-active);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,.h-panel,.h-subpanel,.h-compact,.text-label{font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase}h1,h2,h3,h4,h5,h6,p,.h-panel,.h-subpanel,.h-compact,.text-compact,.text-xs{margin:0}h1{color:var(--color-heading);font-size:var(--font-size-page-title);line-height:var(--line-height-tight)}h2{color:var(--color-heading);font-size:var(--font-size-section-title);line-height:var(--line-height-heading)}h3{color:var(--color-heading);font-size:var(--font-size-subtitle);line-height:var(--line-height-heading)}h4{color:var(--color-muted);font-size:var(--font-size-heading-small);line-height:var(--line-height-heading)}h5{color:var(--color-text);font-size:var(--font-size-value-text);line-height:var(--line-height-heading)}h6{color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--line-height-heading)}p{color:var(--color-muted);font-family:var(--font-body);letter-spacing:0;font-weight:400;line-height:var(--line-height-body)}small{color:var(--color-dim);font-family:var(--font-body);font-size:var(--font-size-small-text);letter-spacing:0;font-weight:400;line-height:var(--line-height-compact)}.h-panel{color:var(--color-panel-heading);font-size:var(--font-size-panel-title);line-height:var(--line-height-heading)}.h-subpanel{color:var(--color-subheading);font-size:var(--font-size-subpanel-title);line-height:var(--line-height-heading)}.h-compact{color:var(--color-subheading);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label);line-height:var(--line-height-heading)}.text-compact{color:var(--color-muted);font-family:var(--font-body);font-size:var(--font-size-body-compact);letter-spacing:0;font-weight:400;line-height:var(--line-height-compact)}.text-xs{color:var(--color-dim);font-family:var(--font-body);font-size:var(--font-size-body-small);letter-spacing:0;font-weight:400;line-height:var(--line-height-compact)}.text-label{color:var(--color-label);font-size:var(--font-size-label)}.game-page{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--color-page);width:100%;min-height:100vh;color:var(--color-text);display:grid;position:relative}.game-page-bg{background:var(--surface-page-background);background-attachment:fixed}.game-world-bg{background:var(--surface-world-background)}.game-layer{z-index:1;position:relative}.main-inner{width:100%;padding:var(--space-page-top) var(--page-gutter) var(--space-page-bottom)}.page-title{margin-bottom:1.15rem}.page-title h1{margin-bottom:.35rem}.site-header{z-index:6;background:var(--surface-header-background);border-right:0;align-self:start;min-height:100vh;position:sticky;top:0}.header-inner{grid-template-rows:auto auto;align-content:start;gap:0;width:100%;min-height:0;padding:0;display:grid}.brand{color:var(--color-gold);font-family:var(--font-heading);font-size:var(--font-size-xxl);letter-spacing:var(--letter-spacing-heading);font-weight:800;line-height:var(--line-height-heading);text-transform:uppercase;text-shadow:var(--shadow-purple);text-align:center;border-bottom:0;padding:.85rem .75rem .7rem;display:block}.control-surface{border:var(--border-nested);border-radius:var(--border-radius);background:var(--surface-control-background);box-shadow:var(--shadow-pixel-control);color:var(--color-text)}.panel-surface{border:var(--border-panel);border-radius:var(--border-radius);background:var(--surface-panel-background);box-shadow:var(--shadow-pixel-panel)}.panel-header-surface{margin:calc(var(--space-panel) * -1) calc(var(--space-panel) * -1) 0;background:var(--surface-control-background);padding:var(--space-panel)}.overlay-surface{border:var(--border-panel);border-radius:var(--border-radius);background:var(--surface-overlay-background);box-shadow:var(--shadow-pixel-control)}.divider-bottom{border-bottom:var(--border-divider)}.button-control{min-height:2.25rem;padding:var(--space-control-y) var(--space-control-x);border:var(--border-button);background:var(--surface-control-background);box-shadow:var(--shadow-pixel-control);color:var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-button);letter-spacing:var(--letter-spacing-heading);font-weight:800;line-height:var(--line-height-heading);text-transform:uppercase;align-content:center;gap:.25rem;display:grid}.button-control>span:not(.mastery-tooltip),.button-control>strong{font-size:inherit;line-height:inherit}.button-control>small{font-family:var(--font-readable-ui);font-size:var(--font-size-body-compact);line-height:var(--line-height-caption)}.button-control:hover{border-color:var(--color-border-button-hover);color:var(--color-gold)}.button-control:disabled{cursor:not-allowed;opacity:.62}.button-control:disabled:hover{border-color:var(--color-border-button);color:var(--color-text)}.stat-row{border-bottom:var(--border-divider);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.45rem;display:flex}.rarity-common{color:var(--rarity-common)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.rarity-unique{color:var(--rarity-unique)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.game-page{grid-template-columns:1fr}.site-header{border-right:0;border-bottom:var(--border-divider);min-height:auto;position:static}.header-inner{text-align:left;grid-template-rows:auto;grid-template-columns:1fr;justify-items:stretch;min-height:auto}.brand{text-align:center;padding:.65rem .75rem .45rem}}@media (width<=620px){.main-inner{padding:1.25rem .8rem}}.activity-warning-backdrop.svelte-12qhfyh{z-index:80;pointer-events:none;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.activity-warning.svelte-12qhfyh{border:var(--border-panel);width:min(24rem,100%);box-shadow:var(--shadow-panel);pointer-events:auto;gap:.7rem;padding:.9rem;display:grid}.activity-warning.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:var(--color-gold);font-family:var(--font-heading);font-size:var(--font-size-xs);text-transform:uppercase}.activity-warning.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--color-text);font-family:var(--font-readable-ui);font-size:var(--font-size-xs);line-height:var(--line-height-compact);margin:0}.activity-warning-actions.svelte-12qhfyh{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.activity-warning-actions.svelte-12qhfyh button:where(.svelte-12qhfyh){min-height:2.25rem;color:var(--color-muted);text-align:center}.activity-warning-actions.svelte-12qhfyh .confirm-switch:where(.svelte-12qhfyh){border-color:var(--color-border-active);color:var(--color-gold)}
