:root{--bg:#101612;--panel:#1c241e;--line:#374334;--muted:#a0aa94;--orange:#f0ad62;--text:#f0efdf}body{background:radial-gradient(ellipse at 80% 0,#25332370,transparent 55%),#101612;font-size:15px}header{height:94px;background:#0e1511e8;padding:0 29px}.brand{gap:13px;font-size:25px;letter-spacing:1px}.brand-icon{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.header-right .connection{border-radius:30px;background:#24352260;padding:11px 15px;letter-spacing:1px}.shell{grid-template-columns:226px 1fr}aside{background:linear-gradient(180deg,#162018,#101712);padding:30px 16px}.profile{padding-bottom:23px}.profile>div{flex:1}.avatar{border-radius:10px;background:linear-gradient(135deg,#48573b,#25341f);border-color:#76845b;color:#d4d9b3}.xp-track{height:3px;border-radius:9px;background:#34432d;margin:11px 0 5px;overflow:hidden}.xp-track i{height:100%;display:block;background:#d2b16d}.profile #xp-caption{font-size:8px;color:#a3ad90;letter-spacing:.8px}nav{gap:7px}nav button{padding:13px 12px;border-radius:7px;min-height:49px;font-size:14px;position:relative}nav button.active{background:linear-gradient(90deg,#b780343b,#5d6d3217);border-color:#86714555;color:#f1bb79}nav button.active:before{content:'';position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:5px;background:#edb368}nav button span{width:22px;display:grid;place-items:center}nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.radio{padding-top:40px}.radio .wave{font-size:12px;letter-spacing:2px}main{padding:30px 32px 0}.eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:34px;font-weight:500}.topline{margin-bottom:26px}.resources{gap:12px}.resources>span{padding:10px 15px;border:1px solid #46513a70;background:#1d291cc9;border-radius:8px;min-width:90px}.resources b{font-size:22px}.resources small{font-size:8px;letter-spacing:1px}.hero{border-radius:12px;border-color:#6774537a;box-shadow:0 15px 45px #0003}.hero-tag{background:#182118b8;padding:9px 11px;border:1px solid #63734a60;border-radius:5px;font-size:9px;left:18px;top:16px}.hero-copy{left:29px;bottom:32px}.hero-copy h2{font-size:49px;letter-spacing:.2px}.hero-copy p{font-size:15px;color:#ccd0ba}.hero-meta{font-size:9px;letter-spacing:.7px}.mission-panel{border-radius:9px;border-color:#77845569;background:linear-gradient(135deg,#202b20f2,#151e17ee);padding:21px;box-shadow:0 10px 30px #0003}.mission-panel strong{font-size:17px}.mission-panel>small{font-size:8px}.primary{border-radius:6px;background:linear-gradient(180deg,#f3b36b,#dd9951);border-color:#f4bc7b;box-shadow:inset 0 1px #ffe0b270,0 4px 12px #0002;min-height:48px;font-size:12px;letter-spacing:1px}.primary:disabled{box-shadow:none;background:#4d543a;border-color:#697251;color:#b1b995;opacity:.65}.secondary{border-radius:6px;background:#27332275;border-color:#62714d80}.secondary:hover:not(:disabled){background:#3e4c30}.boss-route{border-radius:8px;background:linear-gradient(90deg,#493d2460,#23302066);border-color:#76684565;margin-top:14px}.boss-route b{font-size:12px}.boss-route small{font-size:10px}.section-title{margin-top:27px}.section-title h3{font-size:21px}.section-title>span{font-size:9px}.map-grid{gap:12px}.map-card{border-radius:8px;background:#202b20;border-color:#45523a;box-shadow:0 6px 15px #0002}.map-card.selected{border-color:#edb36b;box-shadow:0 0 0 1px #d19e4c33}.map-card canvas{height:101px;transition:filter .2s}.map-card .number{border-radius:3px;background:#121b16d6;padding:4px 8px;font-size:13px}.map-card .map-info{padding:14px 12px}.map-card b{font-size:15px}.map-card small{font-size:9px;letter-spacing:.5px}.bottom-grid>button{border-radius:8px;background:linear-gradient(130deg,#253021,#1b241b)}.bottom-grid h3{font-size:20px}.bottom-grid p{font-size:12px}.contract-icon{border:1px solid #7e704c6b;border-radius:8px;padding:9px 14px;background:#b88a3214;color:#d9b67b}.item-grid{gap:17px}.item{border-radius:11px;padding:24px;background:linear-gradient(145deg,#253023,#1a241c);border-color:#55624675;box-shadow:0 10px 25px #0002}.item h3{margin:14px 0 8px;font-size:24px}.item .badge{font-size:10px;letter-spacing:1px;color:#bea57b}.item p{font-size:14px;line-height:1.65;min-height:48px}.item-icon{height:76px;border-bottom:1px solid #5260435e;margin-bottom:18px;padding-bottom:12px;color:#d8b583;display:flex;align-items:center}.item-icon svg{width:165px;height:70px;fill:#b3bca0;stroke:#334030;stroke-width:2}.item .primary{font-size:11px}.loadout-hero{min-height:270px;display:grid;grid-template-columns:280px 1fr;align-items:center;background:radial-gradient(ellipse at 20% 75%,#6c77543b,transparent 50%),linear-gradient(130deg,#253021,#151f18);border:1px solid #65704a78;border-radius:12px;overflow:hidden;margin-bottom:24px}.loadout-hero canvas{width:280px;height:265px;object-fit:contain;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#65754e0e 40px);image-rendering:pixelated}.loadout-hero h2{font-size:37px}.loadout-hero p{font-size:14px;color:#adb99f}.loadout-hero strong{font-weight:500;color:#f1c490}.stat-pills{display:flex;gap:9px;margin-top:22px}.stat-pills span{border:1px solid #5d6b4270;background:#34432b77;padding:8px 12px;border-radius:5px;font-size:10px;letter-spacing:1px;color:#cfdbbb}.wide-art{height:290px;border-radius:10px}.journal{border-radius:10px;padding:30px;max-width:none}.journal h3{font-size:24px}.settings-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin:10px 0 50px}.settings-card{border:1px solid #5664457a;border-radius:12px;background:linear-gradient(145deg,#253123,#1b241c);padding:30px}.settings-card h2{font-size:38px}.settings-card>p{color:#aab49a;font-size:14px;line-height:1.7}.setting-row{display:flex;align-items:center;gap:20px;border-top:1px solid #4b5a3b88;padding:23px 0;cursor:pointer;position:relative}.setting-row>span{flex:1}.setting-row b{font-size:16px;font-weight:500;display:block}.setting-row small{display:block;color:#a2b18f;font-size:12px;margin-top:7px;line-height:1.6}.setting-row input{position:absolute;right:0;width:46px;height:27px;opacity:0;cursor:pointer}.setting-row i{display:block;width:46px;height:26px;border:1px solid #73815b;border-radius:30px;background:#263320;flex-shrink:0;pointer-events:none}.setting-row i:before{content:'';display:block;width:18px;height:18px;margin:3px;background:#81906e;border-radius:50%;transition:transform .2s}.setting-row input:checked+i{background:#bc9155;border-color:#e8b779}.setting-row input:checked+i:before{background:#fff0d7;transform:translateX(19px)}.setting-row input:focus-visible+i{outline:2px solid #eeb879;outline-offset:4px}.controls-guide h3{font:30px Oswald;margin:19px 0 28px}.controls-guide p{font-size:14px;line-height:1.8}.controls-guide kbd{display:inline-block;border:1px solid #637451;border-bottom-width:3px;background:#172315;padding:4px 8px;border-radius:5px;font-size:11px;color:#d5dfbf}.settings-version{display:block;color:#718364;font-size:10px;letter-spacing:2px;margin-top:37px}.raid-intro{border-radius:12px}.raid-intro>div{padding:32px}.raid-health{border-radius:15px;overflow:hidden;height:11px}.party-list>div{border-radius:7px}.network-note{font-size:11px;opacity:.8}.result-card{border-radius:14px;background:radial-gradient(at top right,#66532c44,transparent),#1b271e;box-shadow:0 30px 100px #0007}.result-card .eyebrow{font-size:10px}.result-card h2{margin-top:17px}.battle-top>div{border-radius:8px;background:#162116e8}.battle-top button{border-radius:8px}.battle-stats{background:#152011bb;padding:12px 14px;border-radius:7px;top:115px;width:200px;border:1px solid #72825250}.stamina-track{height:4px;background:#4f4930;margin-top:9px}.stamina-track i{height:100%;display:block;width:100%;background:#e7b878}.stamina-title{display:block;color:#cfb890;letter-spacing:1px;font-size:7px;margin:5px 0 10px}#section-count{display:block;font-size:9px;color:#e9c184;margin-bottom:9px;letter-spacing:1px}#kill-label{font-size:9px}#dash{background:radial-gradient(circle,#526139ed,#202d1edd);width:91px;height:91px;border:2px solid #deae67;color:#f4dbb1;user-select:none;touch-action:none;box-shadow:0 0 0 6px #18271755,0 8px 25px #0004}#dash.running{background:#a57d37;border-color:#ffdc9e}.high-contrast{--muted:#c0cbb2;--line:#71835b}.high-contrast .item,.high-contrast .map-card,.high-contrast .settings-card{border-color:#9caa7c}.high-contrast small,.high-contrast .eyebrow{color:#d0dabd}.high-contrast .hero-copy{text-shadow:0 2px 4px #000}.high-contrast .hero-shade{background:linear-gradient(0deg,#071109f2,transparent)}footer{font-size:9px;margin-top:30px;padding:22px 0}
@media(max-width:1100px){.shell{grid-template-columns:185px 1fr}aside{padding:26px 10px}main{padding:25px 20px 0}.resources>span{padding:9px;min-width:66px}.resources{gap:7px}h1{font-size:29px}.hero-copy h2{font-size:40px}.mission-panel{width:225px}.map-grid{gap:7px}.map-card b{font-size:13px}.map-card .map-info{padding:12px 8px}.settings-layout{grid-template-columns:1fr}.loadout-hero{grid-template-columns:240px 1fr}.loadout-hero canvas{width:240px}.loadout-hero h2{font-size:31px}}
@media(max-width:760px){header{height:77px;padding:0 14px}.brand-icon{width:48px;height:48px}.brand{font-size:18px;gap:8px}.brand>span{max-width:150px}.header-right .connection{font-size:6px;letter-spacing:.5px;max-width:91px;padding:8px}.shell{display:block}aside{padding:0;background:#152018}.profile{display:none}nav{gap:0;overflow-x:auto;padding:5px 7px;border-bottom-color:#4b5d3c}nav button{min-width:74px;min-height:59px;padding:8px 6px;gap:5px;font-size:10px;border-radius:6px}nav svg{width:20px;height:20px}nav button.active:before{left:18px;right:18px;top:auto;bottom:0;height:2px;width:auto}.topline{gap:14px;margin-bottom:20px}main{padding:24px 14px 0}h1{font-size:28px}.resources{margin-top:0;gap:8px;justify-content:space-between}.resources>span{padding:9px 12px;min-width:0;flex:1}.resources b{font-size:21px}.resources small{font-size:7px}.hero{height:480px;border-radius:10px}.hero-tag{font-size:7px;padding:8px;top:12px;left:12px}.hero-copy{top:55px;left:19px;bottom:auto}.hero-copy h2{font-size:36px}.hero-copy p{font-size:13px;max-width:250px}.hero-meta{font-size:8px;gap:12px}.mission-panel{left:12px;right:12px;bottom:12px;width:auto;padding:16px}.mission-panel strong{font-size:15px}.boss-route{padding:12px}.boss-route b{font-size:10px}.boss-route small{font-size:8px}.boss-route button{font-size:9px;min-width:123px;padding:12px 9px}.section-title h3{font-size:21px}.map-grid{gap:11px}.map-card b{font-size:15px}.map-card .map-info{padding:12px}.map-card canvas{height:99px}.map-card small{font-size:8px}.bottom-grid h3{font-size:19px}.contract-icon{padding:8px}.item-grid{gap:14px}.loadout-hero{grid-template-columns:135px 1fr;min-height:235px}.loadout-hero canvas{width:150px;height:230px}.loadout-hero>div{padding:15px 10px 15px 0}.loadout-hero h2{font-size:27px}.loadout-hero p{font-size:11px}.loadout-hero strong{font-size:12px}.stat-pills{gap:5px;flex-wrap:wrap;margin-top:12px}.stat-pills span{font-size:7px;padding:6px}.settings-card{padding:23px}.settings-card h2{font-size:34px}.setting-row{gap:10px;padding:20px 0}.setting-row b{font-size:15px}.setting-row small{font-size:12px}.journal{padding:23px}.battle-stats{top:110px;left:15px;width:165px;padding:9px 11px}.battle-top>div{font-size:10px;padding:12px}.battle-top b{font-size:16px}.battle-top{top:max(16px,env(safe-area-inset-top))}.raid-intro>div{padding:23px}.network-note{font-size:10px}footer{font-size:7px}.item-icon{height:68px}}