@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=VT323&display=swap";:root{--font-heading:"Pixelify Sans", "Trebuchet MS", sans-serif;--font-body:"VT323", "Courier New", monospace;--font-size-base:15px;--font-size-xs:1rem;--font-size-sm:1rem;--font-size-md:.9rem;--font-size-ui:1rem;--font-size-lg:1.05rem;--font-size-subtitle-text:1.1rem;--font-size-xl:1.35rem;--font-size-xxl:1.65rem;--font-size-button:1rem;--line-height-tight:1;--line-height-heading:1.2;--line-height-body:1.55;--line-height-compact:1.4;--letter-spacing-heading:.04em;--letter-spacing-label:.05em;--font-pixel-display:var(--font-heading);--font-readable-ui:var(--font-body);--font-size-page-title:var(--font-size-xxl);--font-size-section-title:var(--font-size-xl);--font-size-subtitle:var(--font-size-subtitle-text);--font-size-heading-small:var(--font-size-ui);--font-size-panel-title:var(--font-size-xs);--font-size-subpanel-title:var(--font-size-xs);--font-size-body-compact:var(--font-size-xs);--font-size-body-small:var(--font-size-xs);--font-size-small-text:var(--font-size-xs);--font-size-body-text:var(--font-size-xs);--font-size-value-text:var(--font-size-md);--font-size-card-title:var(--font-size-lg);--font-size-label:var(--font-size-sm);--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-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)}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:1.2}h5{color:var(--color-text);font-size:var(--font-size-value-text);line-height:1.1}h6{color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.1}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)}.text-muted{color:var(--color-dim)}.text-value{color:var(--color-value);font-weight:800}.text-gold{color:var(--color-gold)}.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:.08em;text-transform:uppercase;text-shadow:var(--shadow-purple);text-align:center;border-bottom:0;padding:.85rem .75rem .7rem;font-weight:800;line-height:1;display:block}.header-actions{border-top:var(--border-divider);justify-content:stretch;align-self:end;align-items:stretch;gap:.4rem;padding:.65rem .75rem;display:grid}.currency-chip,.account-button,.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)}.currency-chip{min-height:1.55rem;font-size:var(--font-size-small-text);align-items:center;gap:.45rem;padding:0 .5rem;display:inline-flex}.currency-chip span{border:var(--border-current);width:.55rem;height:.55rem;transform:rotate(45deg)}.currency-chip.purple{color:var(--color-text)}.currency-chip.gold{color:var(--color-gold)}.account-button{place-items:center;width:2rem;height:2rem;padding:0;display:grid}.account-button span{background:var(--color-control);width:1.35rem;height:1.35rem;color:var(--color-muted);font-size:var(--font-size-small-text);border-radius:999px;place-items:center;font-weight:800;display:grid}.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)}.subtle-surface{border:var(--border-nested);background:var(--surface-subtle-background)}.nested-surface{border:var(--border-nested);border-radius:var(--border-radius);background:var(--surface-subtle-background);box-shadow:var(--shadow-pixel-control)}.active-border{border-color:var(--color-border-active)}.divider-bottom{border-bottom:var(--border-divider)}.divider-top{border-top: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);text-transform:uppercase;gap:.25rem;font-weight:800;display:grid}.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}.stat-name{color:var(--color-dim);font-size:var(--font-size-body-small);text-transform:uppercase}.stat-value{color:var(--color-gold);font-size:var(--font-size-body-small);text-align:right;font-weight:800}.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}.header-actions{justify-content:center;display:flex}}@media (width<=620px){.main-inner{padding:1.25rem .8rem}.header-actions{flex-wrap:wrap}}