:root{--navy:#081735;--navy2:#102653;--cream:#fff8e9;--gold:#d8ad5b;--gold2:#f1d58c;--ink:#0d1b36}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;background:#07142e;color:var(--ink);font-family:"Aptos","Segoe UI",Arial,sans-serif}
.login-art{position:fixed;inset:0;background:url('../assets/sword-staff-theme.png') center 24%/cover no-repeat;z-index:-3;transform:scale(1.015)}
.login-overlay{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,15,38,.15),rgba(5,15,38,.45) 46%,rgba(5,15,38,.74)),linear-gradient(0deg,rgba(3,10,27,.86),transparent 45%)}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:48px clamp(24px,7vw,110px)}
.login-card{position:relative;width:min(470px,100%);padding:42px 42px 32px;text-align:center;background:linear-gradient(180deg,rgba(255,250,239,.97),rgba(245,234,209,.95));border:1px solid var(--gold);border-radius:24px;box-shadow:0 30px 90px rgba(0,7,30,.58),inset 0 0 0 5px rgba(255,255,255,.44)}
.login-card:before,.login-card:after{content:"✦";position:absolute;color:var(--gold);font-size:1.2rem;top:14px}.login-card:before{left:18px}.login-card:after{right:18px}.crest{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:-72px auto 16px;background:radial-gradient(circle,#fff7d9 10%,#e7bb5b 35%,#102653 37%,#081735 72%);border:2px solid #f4da94;color:white;box-shadow:0 8px 28px rgba(0,13,49,.35)}
.game-name{margin:0;color:#74572d;font-weight:900;letter-spacing:.22em;font-size:.72rem}.login-card h1{margin:7px 0 0;font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:clamp(2.4rem,7vw,4rem);line-height:.9;text-shadow:0 1px #fff}.login-card h1 span{display:block;color:#173a77}.ornament{display:flex;align-items:center;gap:10px;justify-content:center;margin:18px 0 8px;color:#a87b33}.ornament i{height:1px;width:86px;background:linear-gradient(90deg,transparent,#c79a4c)}.ornament i:last-child{transform:scaleX(-1)}.server-name{margin:0;color:#5e5344;font-family:Georgia,serif;font-size:1rem}.members-only{margin:22px auto 18px;width:max-content;padding:7px 16px;border-radius:999px;background:var(--navy);color:#f6dc98;font-weight:900;letter-spacing:.16em;font-size:.68rem;border:1px solid #d6ae61}
form{text-align:left}label{display:block;margin:0 0 7px;font-size:.78rem;font-weight:900;color:#70592f;letter-spacing:.04em}.password-wrap{display:flex;background:#fffdf8;border:1px solid #cdb16f;border-radius:11px;overflow:hidden;box-shadow:inset 0 2px 5px rgba(35,24,7,.05)}input{min-width:0;flex:1;border:0;outline:0;padding:14px 15px;background:transparent;color:#101c35;font:600 1rem "Aptos","Segoe UI",sans-serif}#togglePassword{border:0;border-left:1px solid #dfcc9c;background:#f7edd7;color:#6f572e;padding:0 13px;font-weight:900;font-size:.66rem;cursor:pointer}.error{min-height:19px;margin:7px 2px 3px;color:#a83434;font-size:.75rem;font-weight:700}.enter-button{width:100%;border:1px solid #e3c26e;border-radius:11px;padding:13px 18px;background:linear-gradient(180deg,#173c7b,#081a3c);color:white;font-weight:900;letter-spacing:.18em;cursor:pointer;box-shadow:0 10px 24px rgba(5,23,61,.28)}.enter-button:hover{filter:brightness(1.08)}.enter-button:disabled{opacity:.6;cursor:wait}.privacy-note{margin:17px 0 0;color:#776d60;font-size:.72rem}.onoya-mark{position:absolute;width:88px;height:88px;right:-25px;bottom:-27px;filter:drop-shadow(0 9px 12px rgba(0,9,35,.32))}.onoya-mark img{width:100%;height:100%;object-fit:contain}.login-footer{position:fixed;bottom:12px;left:18px;color:rgba(255,248,233,.9);font:600 .72rem Georgia,serif;text-shadow:0 2px 7px #061126}
@media(max-width:720px){.login-art{background-position:56% top}.login-overlay{background:linear-gradient(0deg,rgba(4,13,34,.82),rgba(4,13,34,.22) 48%,rgba(4,13,34,.18))}.login-shell{align-items:flex-end;justify-content:center;padding:110px 16px 48px}.login-card{padding:38px 22px 28px;border-radius:20px}.crest{margin-top:-66px}.onoya-mark{right:4px;bottom:-38px;width:72px;height:72px}.login-footer{position:absolute;left:0;right:0;text-align:center;bottom:8px}}