:root{color-scheme:dark;font:16px/1.5 Georgia,serif;color:#eee3c9;background:#090a0b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#342216,transparent 65%)}[hidden]{display:none!important}.welcome{max-width:1100px;margin:auto;padding:32px 28px}.welcome header{text-align:center;margin:0 0 26px}.brand-art{width:min(512px,100%);aspect-ratio:512/104;object-fit:cover;object-position:top;display:block;margin:auto}.eyebrow{color:#c4a365;letter-spacing:.16em;text-transform:uppercase;font:12px/1.7 system-ui;margin-top:18px}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.welcome-story>img{display:block;width:100%;max-width:400px;height:255px;object-fit:cover;margin:0 auto;opacity:.9}.welcome-story h1{font-size:30px;line-height:1.2;font-weight:normal;color:#eed69c;margin:12px 0}.welcome-story p{max-width:390px}.account-card{border:1px solid #795a32;border-top:3px solid #b5975d;border-radius:10px;padding:26px;background:linear-gradient(140deg,#211c17,#111213);box-shadow:0 12px 42px #0006}.account-card h2{font-size:25px;font-weight:normal;margin:15px 0 20px}.account-card label{display:flex;flex-direction:column;gap:5px;margin:14px 0;color:#ddc68f;font-size:14px}input{font:16px system-ui;padding:11px;border:1px solid #796549;border-radius:5px;background:#080c10;color:#f7f0df;min-width:0;width:100%}button,.primary-link{font:15px system-ui;cursor:pointer;border:1px solid #987d43;border-radius:5px;background:#3a2a17;color:#f5e6be;padding:11px 17px;text-align:center}form>button,.primary-link{display:block;width:100%;margin:18px 0;text-decoration:none;background:linear-gradient(#674829,#3b291d)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f2d581;outline-offset:3px}.account-tabs{display:flex;gap:8px}.account-tabs button{flex:1;background:transparent;color:#c8bc9f}.account-tabs button[aria-pressed=true]{background:#46321d;color:#fff0c5}.muted,.operator p{font:13px/1.6 system-ui;color:#b5af9f}.operator{border-top:1px solid #544633;margin-top:24px;padding-top:16px;font-size:14px}.operator summary{cursor:pointer;color:#c7b383}.operator code{overflow-wrap:anywhere}#account-status{font:14px/1.5 system-ui;min-height:22px;margin:0;color:#e8bf81}#account-status[data-error=true]{color:#ffaaaa}#account-characters{display:grid;gap:12px;margin-top:18px}.character-entry{display:block;text-decoration:none;color:#ead7a8;border:1px solid #665233;border-radius:6px;padding:12px;background:#24211d}.character-entry strong,.character-entry small{display:block}.character-entry small{font:13px/1.5 system-ui;color:#beb8a7}.welcome footer{text-align:center;margin-top:40px;color:#989386;font:12px system-ui}@media(max-width:760px){.welcome{padding:18px}.welcome-grid{grid-template-columns:1fr;gap:20px}.welcome-story>img{display:none}.welcome-story h1{font-size:24px}.welcome-story p{max-width:none}.account-card{padding:20px}}
.account-switch{margin:12px 0 20px;text-align:center;font:14px/1.6 system-ui;color:#b5af9f}.account-switch button{background:none;border:0;padding:5px 3px;color:#eed69c;text-decoration:underline;text-underline-offset:3px;font:inherit}.account-switch button:hover{color:#fff0c5}