.account-page,.panel-page{min-height:100vh;background:#100c18;color:#eeeaf4}.account-page{display:grid;place-items:center;padding:40px 20px;background:linear-gradient(90deg,#100c18f5,#100c18cf),url('/assets/eclipse-hero.png') center/cover fixed}.account-brand{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.14em;color:#fff;text-decoration:none;font-size:25px}.account-brand span{color:#e8c38b}.login-card{width:min(100%,470px);padding:40px;border:1px solid #79624770;background:#120e1bf2;box-shadow:0 30px 100px #0007}.login-card .eyebrow{margin-top:35px}.login-card h1{font-family:Oswald,sans-serif;font-size:48px;line-height:1.1;margin:15px 0 18px}.login-card>p{color:#b8adca}.login-card form label,.login-dialog label{display:block;font:14px Arial,sans-serif;color:#dbd3e6;margin:20px 0 8px}.login-card input:not([type=hidden]),.login-dialog input:not([type=hidden]){width:100%;background:#0c0912;border:1px solid #554563;color:#fff;font:16px Arial,sans-serif;padding:13px}.login-card .button,.login-dialog .button{width:100%;margin-top:26px;cursor:pointer;font:17px Arial,sans-serif}.account-foot{font-size:15px;margin:25px 0}.account-foot a{color:#e8c38b}.form-message{color:#ffd7b6!important;min-height:20px;font:14px/1.5 Arial,sans-serif}.form-message:empty{display:none}.login-dialog{width:min(460px,calc(100% - 32px));padding:38px;background:#15101e;color:#eeeaf4;border:1px solid #957442;box-shadow:0 20px 100px #000b}.login-dialog::backdrop{background:#090610d9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:12px;right:14px;border:0;color:#c5b7d4;background:none;font-size:29px;cursor:pointer}.login-dialog h2{font:46px/1.1 Oswald,sans-serif;margin:18px 0}.login-dialog>p{color:#baafc8}.login-dialog button:disabled{opacity:.6;cursor:wait}.header-play{cursor:pointer}.panel-header{max-width:1280px;margin:auto;padding:32px 36px;border-bottom:1px solid #b1936138;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-actions{display:flex;align-items:center;gap:30px;font:14px Arial,sans-serif}.panel-actions>a{color:#bfb1ce;text-decoration:none}.panel-actions button{background:transparent;border:1px solid #ad8a515e;color:#e5c18a;padding:12px 20px;font:inherit;cursor:pointer}.panel-main{max-width:1208px;margin:0 auto;padding:60px 0}.panel-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.panel-intro h1{font:64px/1.1 Oswald,sans-serif;letter-spacing:-.02em;margin:18px 0 0;overflow-wrap:anywhere}.panel-intro em{color:#e0b87e;font-style:normal}.panel-intro>p{color:#a89bb8;font:17px/1.7 Georgia,serif}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.balance-grid article{background:linear-gradient(135deg,#21162d,#181120);border:1px solid #b1936140;padding:30px;position:relative}.balance-grid p{font:14px Arial,sans-serif;color:#b9accb;margin:0 0 14px}.balance-grid strong{font:42px Oswald,sans-serif;color:#f7e9ce;overflow-wrap:anywhere}.balance-icon{position:absolute;right:25px;top:25px;font:30px Georgia,serif;color:#bb916660}.subscription-card{margin-top:24px;border:1px solid #b1936140;padding:30px;display:flex;gap:30px;justify-content:space-between;align-items:center;background:#17101f}.subscription-card h2{font:28px Oswald,sans-serif;margin:10px 0 16px}.subscription-status{display:inline-block;border:1px solid #6e5766;color:#c5abb9;padding:5px 10px;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.subscription-status.active{color:#a7d5b6;border-color:#577f62}.subscription-details{text-align:right;font:15px/1.6 Arial,sans-serif;color:#beb1cc}.subscription-details strong{color:#eed7b3;font-size:24px}.subscription-details p{margin:5px 0}.subscription-details small{color:#8f829f}.characters-section{margin-top:60px}.characters-section h2{font:36px Oswald,sans-serif;margin:10px 0}.characters-section h2 em{font-style:normal;font-size:24px;color:#aa865b;margin-left:12px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character-card{border:1px solid #9c825137;background:#16101e;padding:28px;min-width:0}.character-card h3{font:30px Oswald,sans-serif;overflow-wrap:anywhere;margin:12px 0 25px;color:#f1dfc0}.character-card dl{font:14px Arial,sans-serif;margin:0}.character-card dl div{display:flex;justify-content:space-between;gap:15px;margin:15px 0}.character-card dt{color:#a99bb8}.character-card dd{margin:0;color:#e5dcec}.empty-roster{padding:45px;text-align:center;border:1px dashed #8e74454f;background:#15101d}.empty-roster>span{font-size:36px;color:#b89a63}.empty-roster h3{font:28px Oswald,sans-serif}.empty-roster p,.panel-note{color:#a89ab8;font:14px/1.7 Arial,sans-serif}.panel-note{margin-top:28px}.panel-footer{border-top:1px solid #b1936138;max-width:1280px;margin:auto;padding:25px 36px;font:14px Oswald,sans-serif;color:#b18b57;display:flex;justify-content:space-between;gap:18px}.panel-footer span{color:#887990;font:11px Arial,sans-serif;letter-spacing:.12em}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #e7bb73;outline-offset:4px}@media(max-width:1280px){.panel-main{padding:48px 30px}}@media(max-width:700px){.panel-header{padding:23px 20px}.account-brand{font-size:20px}.panel-actions{gap:16px}.panel-actions button{padding:10px}.panel-main{padding:35px 20px}.panel-intro{display:block}.panel-intro h1{font-size:46px}.panel-intro>p{font-size:16px;margin-top:22px}.balance-grid{gap:10px}.balance-grid article{padding:19px 12px}.balance-grid strong{font-size:28px}.balance-grid p{font-size:12px}.balance-icon{display:none}.subscription-card{padding:24px;display:block}.subscription-details{text-align:left;margin-top:20px}.character-grid{grid-template-columns:1fr}.panel-footer{padding:24px 20px}.panel-footer span{display:none}.login-card{padding:28px}.login-dialog{padding:30px 24px}.empty-roster{padding:30px 20px}}
.brand .brand-logo,.account-brand .brand-logo{width:145px;height:100px;object-fit:contain}.footer .brand-logo{width:110px;height:80px}.account-brand{display:inline-flex;align-items:center}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.hero-video[hidden]{display:none}.motion-toggle{position:absolute;bottom:35px;right:5.5%;z-index:3;background:#110d19cc;color:#cfc4db;border:1px solid #a88b5a66;padding:8px 12px;font:11px Arial,sans-serif;cursor:pointer}.motion-toggle[hidden]{display:none}@media(max-width:650px){.brand .brand-logo{width:100px;height:76px}.motion-toggle{right:15px;bottom:80px;font-size:10px}.hero-video{object-position:61% center}}
.hero-art{z-index:-3}.hero-video{z-index:-2}

.hero-art{background-image:url(/assets/eclipse-cinematic-poster.jpg);background-position:center}.hero-video{object-position:center}.footer p small{display:inline-block;max-width:390px;margin-top:8px;font:10px/1.5 Arial,sans-serif;color:#9487a3}.footer p small a{text-decoration:underline;text-underline-offset:3px}