.campaign-hero{position:relative;overflow:hidden}.campaign-hero:after{content:"42";position:absolute;right:35px;bottom:-60px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:18rem;line-height:1;color:rgba(244,255,0,.035)}.campaign-level{position:absolute;right:55px;top:50%;z-index:2;transform:translateY(-50%);min-width:210px;border:1px solid #465051;border-top:3px solid var(--yellow);background:rgba(5,6,7,.8);padding:18px}.campaign-level span,.campaign-level strong,.campaign-level small{display:block}.campaign-level span{font-size:.58rem;color:var(--yellow);font-weight:900;letter-spacing:.12em}.campaign-level strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:2rem}.campaign-level small{color:var(--muted)}
.campaign-map{position:relative;padding-block:65px 90px}.campaign-track{position:absolute;top:40px;bottom:50px;left:50%;width:4px;transform:translateX(-50%);background:#22292a}.campaign-track i{display:block;width:100%;height:0;background:linear-gradient(var(--yellow),#647000);box-shadow:0 0 15px rgba(244,255,0,.32);transition:height 1.6s ease}.campaign-map.is-visible .campaign-track i{height:56%}.campaign-node{position:relative;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;min-height:180px}.campaign-node.node-left .node-card{grid-column:1}.campaign-node.node-left .node-marker{grid-column:2}.campaign-node.node-right .node-marker{grid-column:2}.campaign-node.node-right .node-card{grid-column:3}.node-marker{display:grid;place-items:center;position:relative;z-index:2}.node-marker b{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:4px solid #14191a;background:#0a0d0e;color:var(--yellow);font-size:1.55rem;box-shadow:0 0 0 1px #424b4c}.node-marker span{margin-top:5px;color:var(--muted);font-size:.58rem;font-weight:900}.node-card{max-width:480px;background:#0b0f10;border:1px solid #31393a;padding:20px;opacity:.45;transform:scale(.97);transition:.35s}.campaign-node.node-left .node-card{justify-self:end;text-align:right}.campaign-node.status-unlocked .node-card,.campaign-node.status-active .node-card{opacity:1;transform:scale(1)}.campaign-node.status-active .node-marker b{background:var(--yellow);color:#050505;box-shadow:0 0 25px rgba(244,255,0,.35)}.campaign-node.node-boss .node-card,.campaign-node.node-finish .node-card{border-color:#73372c}.campaign-node.node-boss .node-card>span,.campaign-node.node-finish .node-card>span{color:var(--danger)}.campaign-node.status-locked{filter:grayscale(.8)}.node-card>span{color:var(--yellow);font-size:.58rem;font-weight:900;letter-spacing:.1em}.node-card h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.8rem;margin:5px 0}.node-card p{color:var(--muted);margin:0 0 9px}.node-card small{font-size:.62rem;font-weight:900}
.skilltree{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:38px}.skill-branch{background:#090c0d;border:1px solid #2c3334;padding:22px}.skill-branch>header{display:flex;align-items:center;gap:15px;border-bottom:1px solid #2a3132;padding-bottom:16px}.skill-branch>header>b{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--yellow);color:var(--yellow);font-size:1.5rem}.skill-branch header span{color:var(--yellow);font-size:.56rem;font-weight:900;letter-spacing:.12em}.skill-branch header h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.8rem;margin:0}.skill-path{position:relative;padding-top:18px}.skill-path:before{content:"";position:absolute;left:25px;top:0;bottom:0;width:2px;background:#303839}.skill-node{position:relative;display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;padding:12px 0}.skill-icon{position:relative;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:3px solid #222829;background:#0b0f10;color:#69726f}.skill-node span{font-size:.55rem;font-weight:900;letter-spacing:.08em;color:var(--muted)}.skill-node h3{margin:2px 0;font-size:1rem}.skill-node p{color:var(--muted);font-size:.75rem;margin:2px 0}.skill-node small{color:var(--yellow);font-weight:900}.skill-unlocked .skill-icon{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 13px rgba(244,255,0,.15)}.skill-available .skill-icon{border-color:#88910d;color:#dce600}.skill-locked{opacity:.38;filter:grayscale(1)}
.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:35px}.inventory-item{background:#0b0f10;border:1px solid #313839;overflow:hidden}.item-image{position:relative;aspect-ratio:16/10;background-size:cover;background-position:center}.item-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.75))}.item-image>span,.item-image>b{position:absolute;z-index:2;top:12px;padding:4px 7px;font-size:.56rem;font-weight:900;letter-spacing:.08em}.item-image>span{left:12px;background:#4a5253;color:#fff}.item-image>b{right:12px;background:var(--yellow);color:#050505}.rarity-rare{border-color:#2f6eb4}.rarity-rare .item-image>span{background:#2865a8}.rarity-epic{border-color:#8552b9}.rarity-epic .item-image>span{background:#7745a9}.rarity-legendary{border-color:#d79b22;box-shadow:0 0 25px rgba(215,155,34,.08)}.rarity-legendary .item-image>span{background:#bd8110;color:#090909}.item-copy{padding:18px}.item-copy>small{color:var(--muted);font-weight:900;letter-spacing:.1em}.item-copy h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.55rem;margin:5px 0 12px}.item-bonus{color:var(--yellow);font-weight:900}.item-penalty{color:var(--danger);font-size:.8rem}.item-copy>a{font-size:.62rem;color:var(--yellow);font-weight:900}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.system-grid>a{position:relative;min-height:260px;background:linear-gradient(145deg,#111617,#080a0b);border:1px solid #323a3b;padding:25px;overflow:hidden}.system-grid>a>b{position:absolute;right:16px;top:8px;font-size:4rem;color:rgba(244,255,0,.09)}.system-grid span{color:var(--yellow);font-size:.56rem;font-weight:900;letter-spacing:.13em}.system-grid h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:2rem;margin:45px 0 8px}.system-grid p{color:var(--muted)}.system-grid em{font-style:normal;color:var(--yellow);font-size:.62rem;font-weight:900}.system-grid>a:hover{border-color:var(--yellow);transform:translateY(-2px)}
@media(max-width:1000px){.campaign-level{position:relative;right:auto;top:auto;transform:none;margin-top:25px;width:max-content}.skilltree{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.campaign-map{padding-top:35px}.campaign-track{left:29px}.campaign-node{display:grid;grid-template-columns:60px 1fr;min-height:150px}.campaign-node.node-left .node-marker,.campaign-node.node-right .node-marker{grid-column:1;grid-row:1}.campaign-node.node-left .node-card,.campaign-node.node-right .node-card{grid-column:2;grid-row:1;justify-self:stretch;text-align:left}.node-marker b{width:48px;height:48px}.node-card{padding:15px}.inventory-grid,.system-grid{grid-template-columns:1fr}.system-grid>a{min-height:220px}}
@media(prefers-reduced-motion:reduce){.campaign-track i{height:56%}.node-card{transform:none}.system-grid>a{transition:none}}