*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b111b;color:#eef2f7;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{background:#141f2e;border-bottom:1px solid #29374a;display:flex;justify-content:space-between;align-items:center;padding:19px max(24px,calc((100vw - 1080px)/2))}h1{margin:0;color:#e2b253;font-size:29px;letter-spacing:.07em}h1 span{color:#e5c47c}header small{color:#9bb0c6;font-size:11px;letter-spacing:.06em}h2{margin:0 0 15px}.wrap{max-width:960px;margin:30px auto;padding:0 18px}.panel{background:#192638;border:1px solid #324258;border-radius:16px;padding:25px;margin-bottom:18px}.login{max-width:480px;margin:70px auto}.muted,small{color:#a5bad0}.head{display:flex;gap:25px;align-items:center}.head h2{margin:14px 0 8px}.belt{width:120px;max-width:25vw}.badge{display:inline-block;background:#4a3519;color:#f6d89a;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:800}.nav-strip{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.nav-strip span{background:#192638;border:1px solid #324258;border-radius:9px;padding:12px 15px;font-size:13px;color:#91a4bb}.nav-strip .current{background:#4d371c;color:#f6d69a;border-color:#9d7737;font-weight:800}label{display:block;margin:16px 0 7px;font-weight:600}input{background:#0e1724;color:white;border:1px solid #52657c;border-radius:8px;padding:12px;width:100%;font:inherit}button{background:#d8a94b;color:#141a21;border:0;border-radius:9px;padding:12px 16px;font-weight:800;cursor:pointer}button:disabled{opacity:.45;cursor:default}.ghost{background:#34465f;color:white}#signout{display:none}.fight{border-top:1px solid #34445a;padding:20px 0}.fight:first-child{border-top:0}.fight-title{font-size:17px;font-weight:800}.choices{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0}.choices button{background:#304259;color:white}.choices button.active{background:#d8a94b;color:#171717}.method-wrap{margin:14px 0;padding:14px;background:#111d2b;border-radius:10px}.status{margin:12px 0;color:#b5c9df}.error{color:#ffaaa9}.ok{color:#a6e4b3}footer{text-align:center;color:#879bb0;padding:28px}@media(max-width:550px){.panel{padding:18px}.head{gap:12px}header{padding:16px 20px}.belt{width:85px}}