/* Account entry shares the visual vocabulary of the game, with readable controls. */
#welcome{top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 44px);overflow:auto;box-sizing:border-box;padding:28px;border-radius:14px;border:1px solid #82714d;background:radial-gradient(ellipse at 50% 0,#34412e90,transparent 65%),linear-gradient(145deg,#151e19f8,#090f0dfb);box-shadow:0 24px 90px #000c,inset 0 1px #cbb97b30;color:#e4e0cd;font:13px/1.5 Arial,Helvetica,sans-serif;scrollbar-width:thin;scrollbar-color:#726442 #121a15}
#welcome[hidden]{display:none}.login-brand{text-align:center;margin-bottom:18px}.login-crest{margin:0 auto 12px;width:48px;height:48px;display:grid;place-items:center;border:1px solid #c1a56e;border-radius:12px;transform:rotate(45deg);background:linear-gradient(135deg,#41513a,#18251d);box-shadow:0 0 25px #b4a27520}.login-crest span{transform:rotate(-45deg);font:26px Georgia,serif;color:#e9d49c}.login-brand .eyebrow{font:10px Arial,sans-serif;letter-spacing:3px;color:#af9f72}.login-brand h1{font:26px Georgia,serif;margin:8px 0 3px;letter-spacing:.5px}.login-brand p{color:#9aa797;margin:0;font-size:12px}
#welcome .account-entry{border:0;padding:0;margin:0}#welcome .account-entry>summary{display:none}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#070d0b;padding:4px;border:1px solid #354237;border-radius:9px;margin-bottom:18px}.login-tabs button{border:0;border-radius:6px;padding:9px;background:transparent;color:#a5b1a2;font:12px Arial,sans-serif}.login-tabs button[aria-selected=true]{background:#35412e;color:#f1dfad;box-shadow:inset 0 0 0 1px #8b784745}
#welcome form{display:grid;gap:13px}#welcome label{display:grid;gap:5px;color:#c8d0c1;font-size:11px}#welcome input:not([type=checkbox]),#welcome select{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #455345;border-radius:7px;background:#08110dc9;padding:10px 12px;color:#f4f1df;font:14px Arial,sans-serif;outline:none}#welcome input:focus,#welcome select:focus{border-color:#c3a568;box-shadow:0 0 0 3px #bda16e18}.login-password{display:flex;position:relative}.login-password input{padding-right:67px!important}#show-password{position:absolute;right:5px;top:5px;bottom:5px;border:0;background:transparent;color:#aeb9a5;font:11px Arial,sans-serif;padding:0 9px}
#welcome .remember-name{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px}#welcome input[type=checkbox]{width:15px;height:15px;accent-color:#b7a170;margin:0}#welcome #account-submit,#welcome #resume,#welcome #enter{width:100%;border:1px solid #a28c55;border-radius:7px;min-height:42px;background:linear-gradient(#5c6240,#39432c);color:#fff1c5;font:bold 12px Arial,sans-serif;box-shadow:inset 0 1px #ffffff18}#welcome button:hover:not(:disabled){filter:brightness(1.14)}#welcome button:disabled{opacity:.5;cursor:wait}#welcome #resume{margin:0 0 16px;background:#26362a}#welcome [hidden]{display:none!important}#welcome .hint{font:11px/1.5 Arial,sans-serif;color:#92a18d;margin:0}#join-error{font-size:12px;color:#ebc592;background:#070e09a0;border-radius:6px;padding:8px 11px;margin:14px 0 0;empty-cells:hide}#join-error:empty{display:none}
.guest-entry{border-top:1px solid #4c553344;margin-top:18px;padding-top:13px}.guest-entry summary{cursor:pointer;color:#a3ad98;font-size:11px}.guest-entry form{padding-top:12px}.guest-entry p{margin:8px 0;font-size:11px;color:#c5b582}.login-footer{display:block;margin-top:18px;text-align:center;color:#929f88;font-size:11px;text-decoration:none}#account-characters{margin-top:20px;border-top:1px solid #43513a;padding-top:12px}#account-characters h3{font:13px Arial,sans-serif;color:#d9c48c}#account-character-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}#account-character-list button{border-radius:7px;text-align:left;padding:12px;background:#16261b;border:1px solid #46533a;color:#e4d9b6}#account-character-list small{display:block;color:#91a287;margin-top:4px}#new-character{margin-top:14px}@media(max-height:620px){#welcome{padding:18px}.login-brand{margin-bottom:12px}.login-crest{display:none}.login-brand h1{font-size:22px}}