*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d181e;color:#e7ece5;font:15px/1.65 system-ui,sans-serif}header{display:flex;align-items:center;gap:28px;padding:22px max(24px,calc((100vw - 1140px)/2));border-bottom:1px solid #304149;background:#12222a}.brand{font:bold 27px Georgia,serif;color:#e9cf90;letter-spacing:3px;text-decoration:none}.brand small{display:block;font:10px system-ui;letter-spacing:2px}nav{display:flex;gap:20px;margin-left:auto}a{color:#e9cf90}main{max-width:1190px;margin:auto;padding:36px 24px}.hero{padding:28px 0 40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#d9bc78}h1{font:clamp(32px,5vw,54px)/1.2 Georgia,serif;margin:12px 0 20px}h1 em{font-style:normal;color:#e9cf90}h2{font-size:21px;line-height:1.3;margin:8px 0 20px}h3{margin:0 0 10px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}button,.button{display:inline-block;border:1px solid #4c5c62;border-radius:6px;padding:10px 16px;color:#e9ece4;background:#172932;font:600 13px system-ui;text-decoration:none;cursor:pointer}.primary{background:#dec285;color:#152329;border-color:#dec285}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid #30454e;border-radius:12px;padding:26px;background:#14232b;margin-bottom:24px}.muted{color:#a8b9b7;font-size:13px}.status{font-size:13px;color:#a8b9b7}.status.online{color:#a3d8ae}.status.offline{color:#e8b191}label{display:grid;gap:6px;margin:12px 0;font-size:13px}input{width:100%;padding:11px;border:1px solid #4a5c63;border-radius:5px;background:#0c181f;color:#e7ece5;font:inherit}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}#character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.character{border:1px solid #41534e;border-radius:8px;padding:20px;background:#0e1b22}.character p{margin:8px 0}.badge{font-size:12px;color:#e9cf90}footer{padding:24px 0;color:#94aaa7;font-size:11px;letter-spacing:1px}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #e9cf90;outline-offset:3px}@media(max-width:750px){header{flex-wrap:wrap;padding:18px 24px;gap:16px}nav{order:3;width:100%;margin:0;font-size:13px}.columns{grid-template-columns:1fr}main{padding:24px 16px}.card{padding:20px}.section-title{align-items:start;flex-wrap:wrap}}