*{box-sizing:border-box}body{margin:0;background:#080b12;color:#edf1f7;font-family:Inter,system-ui,sans-serif}.hero{min-height:78vh;background:radial-gradient(circle at 70% 20%,#5b1425 0,transparent 35%),linear-gradient(135deg,#080b12,#111827);padding:24px 6vw}nav{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#ffffff0b;border:1px solid #ffffff18;border-radius:18px;backdrop-filter:blur(16px)}nav div{display:flex;gap:18px;align-items:center}a{color:#f6e9d0;text-decoration:none}.btn{display:inline-block;padding:12px 18px;border:1px solid #c69a4b66;border-radius:12px}.primary{background:linear-gradient(135deg,#a61d39,#d3a24d);color:white;border:0}.hero-content{max-width:740px;padding:15vh 1vw}.eyebrow{letter-spacing:.18em;color:#d7b36a;font-size:.8rem}.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,8vw,6rem);line-height:.95;margin:18px 0}.hero p{font-size:1.2rem;color:#bac4d5}.hero-content div{display:flex;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 6vw}.stats article,main section:not(.stats){background:#101722;border:1px solid #ffffff12;border-radius:18px;padding:28px}.stats b{display:block;font-size:1.4rem;color:#e7c77f}.stats span{color:#aeb8c7}main>section:not(.stats){margin:0 6vw 50px}@media(max-width:700px){nav div a:not(.btn){display:none}.stats{grid-template-columns:1fr}.hero-content{padding-top:12vh}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#401315 0,#101018 45%,#07070b 100%);color:#f7f0df}.auth-card{width:min(100%,440px);padding:34px;border:1px solid rgba(215,167,75,.35);border-radius:20px;background:rgba(12,12,18,.9);box-shadow:0 24px 80px rgba(0,0,0,.45)}.brand{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e6b85c;text-decoration:none}.auth-card h1{margin:16px 0 4px;font-size:2rem}.auth-card p{color:#aaa}.auth-card form{display:grid;gap:14px;margin-top:22px}.auth-card label{display:grid;gap:7px;font-size:.9rem;color:#d9d1c1}.auth-card input{width:100%;box-sizing:border-box;border:1px solid #34343d;border-radius:10px;padding:12px 13px;background:#111118;color:#fff;outline:none}.auth-card input:focus{border-color:#d7a74b;box-shadow:0 0 0 3px rgba(215,167,75,.14)}.auth-card .check{grid-template-columns:auto 1fr;align-items:center}.auth-card .check input{width:auto}.auth-links{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.auth-links a{color:#d7a74b}.alert{padding:11px 13px;border-radius:9px;background:#20202a;margin:14px 0}.alert.error{background:#39191c;color:#ffb8bc}.alert.success{background:#173524;color:#b7f3cb}.account-header{display:flex;justify-content:space-between;align-items:center;padding:18px max(24px,5vw);border-bottom:1px solid #272730;background:#0d0d13}.account-shell{max-width:1180px;margin:auto;padding:44px 24px;color:#eee}.account-welcome{padding:30px;border:1px solid #34343d;border-radius:18px;background:linear-gradient(135deg,#1d1514,#12121a);margin-bottom:30px}.account-welcome span{color:#d7a74b;text-transform:uppercase;letter-spacing:.12em}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.character-card,.empty{padding:22px;border:1px solid #30303a;border-radius:14px;background:#121219}.character-card h3{margin-top:0;color:#e6b85c}.character-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.character-card dl div{padding:10px;background:#181820;border-radius:8px}.character-card dt{font-size:.75rem;color:#888;text-transform:uppercase}.character-card dd{margin:4px 0 0;font-weight:700}
.page{max-width:1180px;margin:auto;padding:36px 22px;min-height:100vh}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{padding:22px;border:1px solid rgba(255,255,255,.12);background:rgba(12,16,27,.82);border-radius:16px}.article{max-width:820px;line-height:1.75}.lead{font-size:1.15rem;opacity:.8}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tabs a{padding:8px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:rgba(12,16,27,.75)}th,td{padding:13px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}