:root{--bg: #06070a;--bg-soft: #0d1016;--panel: rgba(15, 18, 26, .9);--panel-2: rgba(22, 26, 37, .95);--border: #222838;--border-soft: #1a1f2c;--text: #eef2ff;--muted: #98a2b3;--green-soft: rgba(35, 196, 131, .12);--red-soft: rgba(239, 93, 108, .12);--amber-soft: rgba(245, 185, 66, .12);--shadow: 0 20px 50px rgba(0, 0, 0, .35);--radius: 24px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111722,#07090d 45%,#050608);color:var(--text)}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.page{max-width:1440px;margin:0 auto;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-card{max-width:520px;margin:48px auto}.topbar{padding:24px;display:grid;gap:20px}.topbar-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{display:flex;gap:16px;align-items:center}.brand-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--green-soft);border:1px solid rgba(35,196,131,.25);font-size:24px}h1,h2,h3,h4,p{margin:0}.subtitle{color:var(--muted);margin-top:6px}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.hero-pills{margin-bottom:12px}.pill,.tag,.rarity-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;line-height:1}.controls{display:grid;grid-template-columns:1fr auto auto;gap:12px}.input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#0c1017;color:var(--text);outline:none}.input:focus{border-color:#39506d}.btn{padding:13px 18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#121826,#0c1017);color:var(--text);transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#334155}.btn.primary{background:linear-gradient(180deg,#1b8f62,#116343);border-color:#19845a}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.layout{margin-top:20px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.sidebar,.main-panel{min-width:0}.main-stack{display:grid;gap:20px}.section-card{padding:20px}.section-head{margin-bottom:16px}.section-head p{color:var(--muted);margin-top:6px;font-size:14px}.sidebar-gap{margin-top:20px}.overview-card{margin-bottom:16px;padding:16px}.overview-head{margin-bottom:12px}.status{padding:14px 16px;border-radius:18px;border:1px solid rgba(239,93,108,.25);background:var(--red-soft);color:#ffd5d9;margin-bottom:14px;font-size:14px}.results-list{display:grid;gap:10px;max-height:600px;overflow:auto;padding-right:4px}.result-item{width:100%;text-align:left;padding:14px;border-radius:20px;border:1px solid var(--border-soft);background:#080a1099;color:var(--text)}.result-item:hover{border-color:#334155;background:#0e121ce6}.result-item.active{border-color:#23c48359;background:var(--green-soft)}.result-name{font-weight:700}.result-meta,.tiny{color:var(--muted);font-size:13px}.defender-hero{padding:24px;display:grid;gap:18px}.hero-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:start}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;min-width:min(100%,380px)}.mini-stat{padding:14px;border-radius:18px;border:1px solid var(--border);background:var(--panel-2)}.mini-stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mini-stat-value{margin-top:6px;font-size:14px;font-weight:600}.actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-btn{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#0f141d;color:var(--text)}.tab-btn.active{background:#18202d;border-color:#334155}.tab-panel{margin-top:18px}.tab-panel.hidden{display:none}.slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.slot-section-title{margin:8px 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.slot-section-spacer{height:4px;grid-column:1 / -1}.slot-card{padding:18px;border-radius:24px;border:1px solid var(--border);background:#0e121ce6}.slot-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.slot-label{color:var(--muted);font-size:13px}.slot-name{margin-top:4px;font-size:22px;font-weight:700}.slot-name-small{font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat-box{padding:12px;border-radius:16px;border:1px solid var(--border);background:#080a108c}.stat-label{color:var(--muted);font-size:12px;text-transform:uppercase}.stat-value{margin-top:4px;font-size:18px;font-weight:700}.slot-block{margin-bottom:14px}.block-title{margin-bottom:8px;font-size:14px;font-weight:700;color:#d8deea}.badge-wrap{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;padding:8px 10px;border-radius:999px;background:#1b2230;border:1px solid #273244;color:#e6ebf5;font-size:13px}.bonus-box{padding:12px;border-radius:16px;border:1px solid rgba(245,185,66,.22);background:var(--amber-soft);margin-bottom:8px}.bonus-name{font-weight:700;color:#ffd889}.bonus-inline-percent{opacity:.9}.bonus-desc{margin-top:4px;color:#fde9bd;font-size:13px}.armor-overview-wrap{display:grid;grid-template-columns:420px minmax(0,1fr);gap:18px;align-items:start}.mannequin{position:relative;height:760px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#0a0d13f2,#10151feb);overflow:hidden}.mannequin-body{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:.3;font-size:320px;filter:grayscale(1);line-height:1}.armor-piece{position:absolute;width:150px;padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:#141b27f2;box-shadow:0 10px 22px #00000040}.armor-piece .slot-mini{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.armor-piece .item-mini{margin-top:4px;font-size:13px;font-weight:700;line-height:1.25}.pos-helmet{top:38px;left:50%;transform:translate(-50%)}.pos-vest{top:220px;left:50%;transform:translate(-50%)}.pos-gloves{top:250px;right:18px}.pos-legs{top:410px;left:50%;transform:translate(-50%)}.pos-boots{bottom:28px;left:50%;transform:translate(-50%)}.pos-primary{top:120px;left:18px}.pos-secondary{top:120px;right:18px}.pos-melee{top:560px;left:18px}.pos-temporary{top:560px;right:18px}.armor-summary-list{display:grid;gap:10px}.armor-summary-item{padding:14px;border-radius:18px;border:1px solid var(--border);background:#080a108c}.bonus-line{margin-top:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(245,185,66,.22);background:var(--amber-soft);font-size:13px;color:#fde9bd}.history-list{display:grid;gap:12px}.history-item{padding:16px;border-radius:22px;border:1px solid var(--border);background:#0c1017cc}.history-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.history-date{font-weight:700}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-line{margin-top:12px}pre.raw{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5;padding:18px;border-radius:18px;border:1px solid var(--border);background:#030509d9;color:#d8deea;overflow:auto;max-height:700px}.empty{padding:40px 18px;text-align:center;border-radius:22px;border:1px dashed var(--border);color:var(--muted);background:#090b1073}.rarity-white{border-color:#384152;background:#161c27f2}.rarity-green{border-color:#23c48359;background:#23c4831a}.rarity-blue{border-color:#4ea8ff59;background:#4ea8ff1a}.rarity-yellow{border-color:#f5b94259;background:#f5b9421a}.rarity-orange{border-color:#ff844a59;background:#ff844a1f}.rarity-red{border-color:#ef5d6c59;background:#ef5d6c1a}@media (max-width: 1100px){.layout{grid-template-columns:1fr}}@media (max-width: 980px){.armor-overview-wrap{grid-template-columns:1fr}.mannequin{height:700px}.mannequin-body{font-size:260px}.armor-piece{width:140px}.pos-primary,.pos-melee{left:10px}.pos-secondary,.pos-temporary,.pos-gloves{right:10px}}@media (max-width: 720px){.page{padding:14px}.controls,.hero-stats,.history-grid,.stat-grid{grid-template-columns:1fr}.slot-name{font-size:19px}}@media (max-width: 700px){.mannequin{height:820px}.mannequin-body{font-size:220px;top:45%}.armor-piece{width:130px}.pos-primary{top:20px;left:12px}.pos-secondary{top:20px;right:12px}.pos-helmet{top:120px}.pos-vest{top:280px}.pos-gloves{top:360px}.pos-legs{top:470px}.pos-melee{top:640px;left:12px}.pos-temporary{top:640px;right:12px}.pos-boots{bottom:20px}}