:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#ecf1f8;background:#06101b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#14334b88,transparent 65%);min-height:100vh}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px max(24px,calc((100% - 1420px)/2));border-bottom:1px solid #b9995044;background:#030a13bb}.portal-header img{display:block;width:210px;height:86px;object-fit:contain}.portal-header>span{font-size:13px;color:#b5c3d2}main{width:min(1420px,calc(100% - 24px));margin:30px auto}.context{margin-bottom:24px}.context>span,.guild-box>span{font-size:11px;letter-spacing:1.5px;color:#d1b77b}.context h1{font-size:28px;margin:8px 0}.context p,p{color:#bdc9d8;line-height:1.65}.entry-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.panel{border:1px solid #b9995055;border-radius:20px;padding:30px;background:linear-gradient(130deg,#0c1b2b,#06101c)}h2{font:700 28px/1.25 Georgia,serif;color:#edca7e;margin:0 0 12px}h3{font-size:20px}.welcome>img{width:180px;height:146px;object-fit:contain;margin-bottom:20px}.muted{color:#92a6bb;font-size:14px}label{display:grid;gap:8px;margin:18px 0;font-size:13px;color:#c6d3e1}input,select{width:100%;padding:13px;border:1px solid #66778866;border-radius:9px;background:#07121f;color:#fff;font:inherit}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:9px;font:700 14px system-ui;text-decoration:none;cursor:pointer}.primary{background:#e5bd68;color:#241b0b;border:1px solid #e5bd68}.secondary{background:#142332;color:#e8d6b0;border:1px solid #b9995055}form .primary{width:100%;margin-top:6px}.text-link{display:inline-block;background:none;border:0;color:#b8d1db;font:14px system-ui;padding:0;text-decoration:underline;cursor:pointer;margin-top:18px}.account-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.success{color:#84d5a5;font-size:14px}.guild-box{display:grid;gap:5px;padding:18px 20px;background:#d0aa5910;border:1px solid #b9995044;border-radius:12px;margin:20px 0}.guild-box strong{font-size:20px;color:#efcf89}.guild-box button{justify-self:start;margin-top:8px}#characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.character{padding:16px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff04}.character strong,.character small{display:block}.character small{color:#a6b8ca;margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}#notice{padding:15px 20px;border:1px solid #c9a35777;border-radius:10px;margin-bottom:20px;color:#ecd099}footer{text-align:center;font-size:12px;color:#879bad;padding:32px}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:2px solid #a7dae8;outline-offset:4px}@media(max-width:700px){.entry-grid{grid-template-columns:1fr}.panel{padding:22px}.portal-header{padding:8px 16px}.portal-header img{width:160px;height:64px}.portal-header>span{display:none}.context h1{font-size:24px}.account-head{align-items:flex-start}h2{font-size:24px}.actions>a{width:100%}}

dialog{color:inherit;background:#101b28;border:1px solid #e8c77e60;border-radius:14px;padding:24px;width:min(560px,calc(100% - 28px));max-height:90vh;overflow:auto}dialog::backdrop{background:#000b}dialog form{display:grid;gap:12px}dialog label{display:grid;gap:5px}