:root{--color-bg-page:#0f1115;--color-bg-hero:#0b0d12;--color-bg-surface:#1a1d24;--color-bg-input:#11141a;--color-bg-scrim-70:#0f1115b3;--color-bg-scrim-85:#1e222ad9;--color-border-surface:#2a2f3a;--color-border-input:#353a47;--color-border-subtle:#4a5160;--color-text-primary:#e7e8ea;--color-text-bright:#f6f7fa;--color-text-tagline:#d8dbe3;--color-text-muted:#9aa0ac;--color-text-error:#ff7676;--color-text-link:#8ab1ff;--color-text-on-brand:#fff;--color-brand:#5b8def;--color-brand-hover:#6c9bff;--color-brand-muted:#3a4a73;--font-body:system-ui, sans-serif;--font-fantasy:"MedievalSharp", "Cinzel", serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-card:0 12px 32px #00000059;--shadow-hero:0 20px 60px #0000008c;--shadow-text-on-hero:0 2px 12px #000c;--shadow-text-on-hero-subtle:0 1px 6px #000c;--gradient-hero-bottom-scrim:linear-gradient(to bottom, #0b0d1200 40%, #0b0d12d9 100%)}body{font-family:var(--font-body);background:var(--color-bg-page);color:var(--color-text-primary);padding:2rem}.app{max-width:720px;margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.landing{justify-content:center;align-items:center;min-height:100vh;margin:-2rem;padding:1rem;display:flex}.landing-hero{border-radius:var(--radius-xl);width:100%;max-width:960px;box-shadow:var(--shadow-hero);background:var(--color-bg-hero);position:relative;overflow:hidden}.landing-splash{width:100%;height:auto;display:block}.landing-overlay{text-align:center;background:var(--gradient-hero-bottom-scrim);flex-direction:column;justify-content:flex-end;align-items:center;padding:2rem 1.5rem;display:flex;position:absolute;inset:0}.landing-title{letter-spacing:.04em;color:var(--color-text-bright);text-shadow:var(--shadow-text-on-hero);margin:0 0 .5rem;font-size:clamp(2rem,5vw,3.25rem)}@keyframes landingDiceRollIn{0%{opacity:0;transform:translate(80vw)rotate(720deg)}40%{opacity:1}82%{transform:translate(-10px)rotate(-14deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes landingWordmarkFadeIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.landing-title>span>svg{animation-name:landingDiceRollIn;animation-duration:1.1s;animation-timing-function:cubic-bezier(.25,.7,.35,1);animation-fill-mode:both}.landing-title>span>span{animation-name:landingWordmarkFadeIn;animation-duration:.55s;animation-timing-function:ease-out;animation-delay:1s;animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.landing-title>span>svg,.landing-title>span>span{animation:none}}.landing-tagline{color:var(--color-text-tagline);text-shadow:var(--shadow-text-on-hero-subtle);margin:0 0 1.5rem;font-size:clamp(.95rem,1.6vw,1.15rem)}.landing-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.landing-primary,.landing-secondary{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;padding:.65rem 1.4rem;font-size:1rem;font-weight:600}.landing-primary{background:var(--color-brand);color:var(--color-text-on-brand)}.landing-primary:hover{background:var(--color-brand-hover)}.landing-secondary{background:var(--color-bg-scrim-70);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.landing-secondary:hover{background:var(--color-bg-scrim-85)}.auth-layout{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:var(--color-bg-surface);border:1px solid var(--color-border-surface);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-card);padding:2rem}.auth-logo{width:96px;height:auto;margin:0 auto 1rem;display:block}.auth-heading{text-align:center;margin:0 0 .25rem;font-size:1.4rem}.auth-subheading{text-align:center;color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.9rem}.auth-form{flex-direction:column;gap:.875rem;display:flex}.auth-field{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.auth-field input{border-radius:var(--radius-sm);border:1px solid var(--color-border-input);background:var(--color-bg-input);color:inherit;padding:.55rem .7rem;font-size:1rem}.auth-field input:focus{outline:2px solid var(--color-brand);outline-offset:1px}.auth-hint{color:var(--color-text-muted);font-size:.75rem;line-height:1.3}.auth-error{color:var(--color-text-error);margin:0;font-size:.85rem}.auth-submit{border-radius:var(--radius-sm);background:var(--color-brand);color:var(--color-text-on-brand);cursor:pointer;border:none;padding:.6rem 1rem;font-size:1rem}.auth-submit:disabled{background:var(--color-brand-muted);cursor:not-allowed}.auth-footer{text-align:center;color:var(--color-text-muted);margin-top:1rem;font-size:.85rem}.auth-link{color:var(--color-text-link);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}