:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--obsidian:#0b0d12;--graphite:#151922;--layered-graphite:#293241;--border:#384354;--steel-blue:#579bff;--ember:#ff866b;--soft-ember:#ffb39f;--text-primary:#f1f4fa;--text-muted:#a6b2c2;--danger:#ff6b7a;--legends-teal:#36c9ae;--adventures-violet:#a995ff;--radius-panel:6px;--radius-control:4px;--font-display:"Manrope", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--focus-ring:0 0 0 2px var(--obsidian), 0 0 0 4px var(--steel-blue);font-family:var(--font-body);background:var(--obsidian);color:var(--text-primary);font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(ellipse 80% 50% at 10% -10%, #579bff24, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 0%, #ff866b14, transparent 50%), linear-gradient(180deg, #0e1219 0%, var(--obsidian) 42%, #090b10 100%);min-height:100vh;color:var(--text-primary);margin:0}a{color:var(--steel-blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,.brand-wordmark__name,.hero__title,.game-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:650}h1{margin-bottom:.4rem;font-size:clamp(1.75rem,3vw,2.25rem)}h2{font-size:1.2rem}.lede{color:var(--text-muted);max-width:36rem;margin:0 0 1.25rem;line-height:1.5}.meta{color:var(--text-muted);margin:0;font-size:.9rem}code{color:var(--soft-ember);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85em}.shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.shell__main{width:min(68rem,100%);margin:0 auto;padding:1.75rem 1.25rem 3rem}.page-loading{text-align:center;padding:3rem 1.25rem}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#151922eb;position:sticky;top:0}.site-header__inner{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;width:min(68rem,100%);margin:0 auto;padding:.85rem 1.25rem;display:flex}.site-header__actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-left:auto;display:flex}.site-header__account{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.site-nav__list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{border-radius:var(--radius-control);min-height:44px;color:var(--text-muted);border:1px solid #0000;align-items:center;padding:.45rem .7rem;text-decoration:none;display:inline-flex}.site-nav__link:hover{color:var(--text-primary);background:#579bff14;text-decoration:none}.site-nav__link.is-active{color:var(--text-primary);border-color:var(--border);box-shadow:inset 0 -2px 0 var(--steel-blue);background:#579bff24}.site-footer{border-top:1px solid var(--border);text-align:center;padding:1rem 1.25rem 1.5rem}.brand-wordmark{color:var(--text-primary);align-items:center;text-decoration:none;display:inline-flex}.brand-wordmark:hover{color:var(--steel-blue);text-decoration:none}.brand-wordmark__name{font-weight:700}.brand-wordmark--sm .brand-wordmark__name{font-size:1rem}.brand-wordmark--md .brand-wordmark__name{font-size:1.35rem}.brand-wordmark--lg .brand-wordmark__name{font-size:clamp(1.85rem,4vw,2.75rem)}.page-header{margin-bottom:1.5rem}.hero{align-items:stretch;gap:1.5rem;display:grid}.hero__copy{align-content:center;gap:.85rem;display:grid}.hero__title{max-width:18ch;font-size:clamp(1.6rem,3.2vw,2.35rem)}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width>=56rem){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem;min-height:min(28rem,70vh)}}.artwork-slot{border:1px dashed var(--border);border-radius:var(--radius-panel);background:linear-gradient(135deg, #579bff12, transparent 45%), linear-gradient(225deg, #ff866b0f, transparent 40%), var(--graphite);color:var(--text-muted);place-items:center;min-height:10rem;display:grid}.artwork-slot--hero{min-height:14rem}.artwork-slot--card{min-height:8rem}.artwork-slot__caption{text-align:center;padding:1rem;font-size:.85rem}.artwork-frame{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--graphite);width:100%;margin:0;overflow:hidden}.artwork-frame--hero{aspect-ratio:1792/1008}.artwork-frame--card{aspect-ratio:16/9}.artwork-frame__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero__artwork{align-self:center}@media (width<=55.99rem){.hero__artwork{max-height:none}}.panel,.login-panel,.status-panel,.placeholder-panel,.legends-overview,.adventures-launch{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-panel);gap:.85rem;padding:1.25rem;display:grid}.game-overview,.hub-links{gap:1rem;display:grid}@media (width>=48rem){.game-overview,.hub-links{grid-template-columns:1fr 1fr}}.game-overview__item{align-content:start}.game-title--legends{color:var(--legends-teal)}.game-title--adventures{color:var(--adventures-violet)}.login-page{max-width:28rem}.login-form{gap:.85rem;display:grid}.field{gap:.35rem;font-size:.9rem;display:grid}.field__label{color:var(--text-muted)}.field__input,input{font:inherit;font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--obsidian);min-height:44px;color:var(--text-primary);padding:.65rem .7rem}.field__input:hover,input:hover{border-color:#4a5a70}.field__hint{color:var(--text-muted);font-size:.85rem}.btn,button{font:inherit;font-family:var(--font-body);border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;min-height:44px;padding:.7rem .95rem;font-weight:560;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn--primary,button:not(.btn--secondary):not(.btn--ghost):not(.secondary){background:var(--steel-blue);border-color:var(--steel-blue);color:#061018}.btn--primary:hover:not(:disabled),button:not(.btn--secondary):not(.btn--ghost):not(.secondary):hover:not(:disabled){background:#6eabff;border-color:#6eabff;text-decoration:none}.btn--secondary,button.secondary,button.btn--secondary,a.btn--secondary{border-color:var(--border);color:var(--text-primary);background:0 0}.btn--secondary:hover:not(:disabled),button.secondary:hover:not(:disabled),a.btn--secondary:hover{border-color:var(--steel-blue);color:var(--steel-blue);text-decoration:none}.btn--ghost,button.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:#579bff14}button:disabled,.btn:disabled,a[aria-disabled=true]{opacity:.55;cursor:not-allowed}button[aria-busy=true]{cursor:wait}.text-link{color:var(--steel-blue);align-items:center;min-height:44px;padding:0 .25rem;display:inline-flex}.status{margin:0;font-size:.9rem}.status--error,.error{color:var(--danger)}.status--info{color:var(--soft-ember)}.status--neutral{color:var(--text-muted)}.btn:focus-visible,button:focus-visible,input:focus-visible,.field__input:focus-visible,.site-nav__link:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width<=40rem){.shell__main{padding:1.25rem 1rem 2rem}.site-header__inner{padding:.75rem 1rem}.site-header__account{display:none}h1{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.btn,button,.site-nav__link{transition:none}}