:root{--ds-bg:#06090e;--ds-panel:#0c131c;--ds-line:rgba(130,164,194,.18);--ds-gold:#f0b62a;--ds-cyan:#27d7f4;--ds-text:#f5f7fa;--ds-muted:#8291a2;--ds-green:#37e69c}.dossier{min-height:100vh;padding-bottom:90px;color:var(--ds-text);background:radial-gradient(circle at 25% -5%,rgba(240,182,42,.08),transparent 28%),linear-gradient(180deg,#080b10,#06080c 55%,#090c11)}.dossier-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(240,182,42,.28);background:linear-gradient(100deg,rgba(7,11,16,.97),rgba(11,18,26,.91)),url('/images/guildwar-hero.jpg') center 40%/cover}.dossier-grid-lines{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(39,215,244,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(39,215,244,.18) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.dossier-hero-inner{position:relative;display:grid;grid-template-columns:150px 1fr 210px;align-items:center;gap:28px;min-height:265px}.dossier-avatar{position:relative;width:126px;height:126px}.dossier-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--ds-gold);box-shadow:0 0 0 8px rgba(240,182,42,.07),0 0 40px rgba(240,182,42,.14)}.dossier-avatar-orbit{position:absolute;inset:-17px;border:1px solid rgba(39,215,244,.2);border-radius:50%;border-left-color:var(--ds-gold);transform:rotate(24deg)}.dossier-avatar>i{position:absolute;width:17px;height:17px;border-radius:50%;right:7px;bottom:8px;border:3px solid #0c131b}.dossier-avatar>i.online{background:var(--ds-green);box-shadow:0 0 15px var(--ds-green)}.dossier-avatar>i.offline{background:#d66b76}.dossier-kicker,.dossier-panel header span{display:block;color:var(--ds-cyan);font-size:9px;font-weight:800;letter-spacing:.19em}.dossier-name-line{display:flex;align-items:center;gap:13px}.dossier-name-line h1{font-size:clamp(39px,5vw,65px);letter-spacing:-.05em;line-height:1;margin:8px 0 9px}.dossier-live{padding:5px 9px;border:1px solid;border-radius:20px;font-size:8px;font-weight:900}.dossier-live.online{color:var(--ds-green);border-color:rgba(55,230,156,.35)}.dossier-live.offline{color:#db7780;border-color:rgba(219,119,128,.3)}.dossier-identity>p{margin:0;color:#a8b4c1}.dossier-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.dossier-tags a,.dossier-tags span{padding:6px 9px;color:#98a7b7;background:rgba(255,255,255,.025);border:1px solid var(--ds-line);font-size:9px}.dossier-tags a{color:var(--ds-gold)}.dossier-power{text-align:right;border-left:1px solid var(--ds-line);padding-left:25px}.dossier-power>span,.dossier-power>strong,.dossier-power>small{display:block}.dossier-power>span{font-size:9px;color:var(--ds-muted);letter-spacing:.15em}.dossier-power>strong{font-size:52px;color:var(--ds-gold);line-height:1;margin-top:7px}.dossier-power>small{font-size:10px;color:#9aa8b7}.dossier-power>div{margin-top:15px;padding-top:11px;border-top:1px solid var(--ds-line);font-size:9px;color:var(--ds-muted)}.dossier-power>div b{color:var(--ds-cyan);font-size:15px;margin-right:4px}
.dossier-body{padding-top:30px}.dossier-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--ds-line);border-left:3px solid var(--ds-gold);background:linear-gradient(90deg,rgba(240,182,42,.04),transparent 45%);margin-bottom:17px}.dossier-strip article{min-width:0;padding:15px;border-left:1px solid rgba(130,164,194,.12)}.dossier-strip span,.dossier-strip b,.dossier-strip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dossier-strip span{font-size:8px;color:var(--ds-muted);letter-spacing:.12em}.dossier-strip b{font-size:21px;margin:3px 0;color:white}.dossier-strip small{font-size:8px;color:#667586}.dossier-layout{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr);gap:17px;align-items:start}.dossier-column{display:grid;gap:17px}.dossier-panel{border:1px solid var(--ds-line);background:linear-gradient(145deg,rgba(13,20,29,.98),rgba(7,11,17,.99));box-shadow:0 22px 60px rgba(0,0,0,.18)}.dossier-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--ds-line);border-left:3px solid var(--ds-cyan)}.dossier-panel h2{font-size:21px;margin:5px 0 0}.dossier-panel header>small{color:var(--ds-muted);font-size:9px}.dossier-paper{padding:22px;background:radial-gradient(circle at center,rgba(39,215,244,.045),transparent 54%)}.dossier-paper .paper-box{margin:auto}.dossier-slot{position:absolute}.dossier-slot>span{display:grid;place-items:center;width:100%;height:100%;color:#536273;font-size:7px;text-transform:uppercase}.dossier-equip-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ds-line)}.dossier-equip-row{display:grid;grid-template-columns:53px 32px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:54px;padding:7px 12px;border-right:1px solid rgba(130,164,194,.1);border-bottom:1px solid rgba(130,164,194,.1)}.dossier-equip-row>span{grid-row:1/3;color:var(--ds-muted);font-size:8px}.dossier-equip-row img{grid-row:1/3;width:30px;height:30px;object-fit:contain}.dossier-equip-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dossier-equip-row small{font-size:8px;color:var(--ds-gold)}
.dossier-timeline{padding:18px 20px}.dossier-timeline>div{position:relative;display:flex;gap:12px;align-items:center;min-height:52px}.dossier-timeline>div:not(:last-child):after{content:"";position:absolute;left:14px;top:38px;width:1px;height:28px;background:var(--ds-line)}.dossier-timeline i{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid var(--ds-line);border-radius:50%;font-style:normal;font-size:10px}.dossier-timeline .complete i{color:#121006;background:var(--ds-gold);border-color:var(--ds-gold)}.dossier-timeline .locked{opacity:.4}.dossier-timeline small,.dossier-timeline b{display:block}.dossier-timeline small{font-size:7px;color:var(--ds-muted);letter-spacing:.12em}.dossier-timeline b{font-size:11px;margin-top:3px}.dossier-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ds-line)}.dossier-mini-grid article{text-align:center;padding:13px 7px;border-right:1px solid rgba(130,164,194,.1)}.dossier-mini-grid span,.dossier-mini-grid b{display:block}.dossier-mini-grid span{font-size:7px;color:var(--ds-muted)}.dossier-mini-grid b{font-size:16px;color:var(--ds-cyan);margin-top:4px}.dossier-total{text-align:right;color:var(--ds-gold);font-size:20px}.dossier-total small{display:block;font-size:7px;color:var(--ds-muted);letter-spacing:.12em}.dossier-achievements{display:grid;grid-template-columns:repeat(3,1fr);padding:14px;gap:8px}.dossier-achievements article{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(130,164,194,.12);background:rgba(255,255,255,.018)}.dossier-achievements article>span{font-size:18px;color:#8ea0b3}.dossier-achievements .rare>span{color:var(--ds-gold)}.dossier-achievements .super>span{color:#b66cff}.dossier-achievements small,.dossier-achievements b{display:block}.dossier-achievements small{font-size:7px;color:var(--ds-muted)}.dossier-achievements b{font-size:17px;margin-top:2px}.dossier-social{display:grid;grid-template-columns:repeat(5,1fr);padding:14px;gap:7px}.dossier-social>div{text-align:center;padding:11px 6px;border:1px solid rgba(130,164,194,.11)}.dossier-social span,.dossier-social small,.dossier-social b{display:block}.dossier-social span{font-size:17px}.dossier-social small{font-size:7px;color:var(--ds-muted);margin:5px 0}.dossier-social b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){.dossier-hero-inner{grid-template-columns:125px 1fr}.dossier-power{grid-column:1/-1;display:flex;align-items:center;gap:12px;text-align:left;border-left:0;border-top:1px solid var(--ds-line);padding:13px 0}.dossier-power>strong{font-size:30px}.dossier-power>div{margin:0 0 0 auto;padding:0;border:0}.dossier-strip{grid-template-columns:repeat(3,1fr)}.dossier-layout{grid-template-columns:1fr}.dossier-loadout{order:2}}
@media(max-width:700px){.dossier-hero-inner{grid-template-columns:86px 1fr;gap:16px;min-height:220px}.dossier-avatar{width:78px;height:78px}.dossier-avatar-orbit{inset:-9px}.dossier-name-line{align-items:flex-start;flex-direction:column;gap:4px}.dossier-name-line h1{font-size:34px;margin-bottom:3px}.dossier-identity>p{font-size:11px}.dossier-tags span:nth-last-child(1){display:none}.dossier-power{grid-column:1/-1}.dossier-strip{grid-template-columns:repeat(2,1fr)}.dossier-panel>header{padding:15px}.dossier-paper{padding:10px;overflow:auto}.dossier-paper .paper-box{transform:scale(.88);transform-origin:top left;margin-bottom:-45px}.dossier-equip-list{grid-template-columns:1fr}.dossier-mini-grid{grid-template-columns:repeat(2,1fr)}.dossier-achievements{grid-template-columns:repeat(2,1fr)}.dossier-social{grid-template-columns:repeat(2,1fr)}.dossier-social>div:first-child{grid-column:1/-1}.dossier-body{padding-top:18px}}