:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101714;color:#eef3e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 40%,#293a28 0,transparent 60%);min-height:100vh}header{display:flex;justify-content:space-between;padding:28px 6vw;border-bottom:1px solid #354034;letter-spacing:.12em;font-size:12px}header span,.footnote{color:#9ba798}main{max-width:960px;padding:72px 6vw;margin:auto}.eyebrow{color:#c0dd76;letter-spacing:.18em;font-size:12px}h1{font-size:clamp(36px,6vw,66px);line-height:1.08;letter-spacing:-.04em}.intro{color:#b7c2b4;max-width:480px;line-height:1.7}section{margin-top:38px;padding:28px;background:#19221bea;border:1px solid #3c4938;border-radius:14px;max-width:540px}h2{font-size:20px;margin-top:0}#status{line-height:1.6;color:#c0cbbb}.button,button{display:inline-block;border:0;background:#c0dd76;color:#17200e;padding:14px 20px;border-radius:6px;text-decoration:none;font:inherit;font-weight:650;cursor:pointer;margin-top:12px}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}dl{display:grid;grid-template-columns:100px 1fr;gap:12px}dt{color:#aab8a5}dd{margin:0;overflow-wrap:anywhere}.footnote{font-size:12px;margin-top:28px}
nav{display:flex;gap:8px;margin-bottom:40px;border-bottom:1px solid #354034}nav a{padding:14px 22px;color:#b7c2b4;text-decoration:none;border-bottom:3px solid transparent}nav a[aria-current=page]{color:#c0dd76;border-color:#c0dd76}main{max-width:1320px}.filters{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.filters label{display:grid;gap:8px;font-size:13px;color:#b7c2b4}.filters label:first-child{flex:1;min-width:200px}input,select{font:inherit;padding:13px;background:#19221b;color:#eef3e9;border:1px solid #53634b;border-radius:6px;width:100%}input:focus-visible,select:focus-visible{outline:2px solid #c0dd76;outline-offset:2px}.armory{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}:is(.gun-grid,.armor-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:760px;overflow:auto;padding:3px}.gun-card{margin:0;text-align:left;background:#19221b;border:1px solid #3c4938;color:#eef3e9;display:flex;flex-direction:column;gap:10px;min-height:170px}.gun-card:hover,.gun-card[aria-pressed=true]{border-color:#c0dd76;background:#26321f}.gun-card span{font-size:12px;color:#b7c2b4;font-weight:400}.gun-card img{width:100%;height:82px;object-fit:contain}.gun-card strong{overflow-wrap:anywhere}:is(#gun-detail,#armor-detail,#consumables-detail,#ammunition-detail,#artifacts-detail,#backpacks-detail,#containers-detail){margin:0;max-width:none;max-height:760px;overflow:auto}:is(#gun-detail,#armor-detail,#consumables-detail,#ammunition-detail,#artifacts-detail,#backpacks-detail,#containers-detail)>img{width:100%;height:140px;object-fit:contain;margin-bottom:24px}:is(#gun-detail,#armor-detail,#consumables-detail,#ammunition-detail,#artifacts-detail,#backpacks-detail,#containers-detail) dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:14px}:is(#gun-detail,#armor-detail,#consumables-detail,#ammunition-detail,#artifacts-detail,#backpacks-detail,#containers-detail) dd{text-align:right}:is(#gun-detail,#armor-detail,#consumables-detail,#ammunition-detail,#artifacts-detail,#backpacks-detail,#containers-detail) p{white-space:pre-line;line-height:1.6}.stat-block{border-top:1px solid #354034;padding-top:12px;margin-top:18px}.stat-block h3{font-size:15px}.footnote a{color:#c0dd76}@media(max-width:760px){.armory{grid-template-columns:1fr}:is(.gun-grid,.armor-grid){max-height:400px}:is(#gun-detail,#armor-detail,#consumables-detail,#ammunition-detail,#artifacts-detail,#backpacks-detail,#containers-detail){max-height:none}main{padding:32px 5vw}.header-actions>span{display:none}}

header{align-items:center;gap:16px}.header-actions{display:flex;align-items:center;gap:22px}.profile-button{display:inline-block;padding:11px 18px;border:1px solid #53634b;border-radius:6px;color:#eef3e9;text-decoration:none;letter-spacing:normal;font-size:14px}.profile-button:hover,.profile-button[aria-current=page]{background:#c0dd76;color:#17200e;border-color:#c0dd76}

.brand{font-size:16px;font-weight:800;letter-spacing:normal;line-height:1.5;min-width:0}.brand-title{color:#fff}.header-actions{flex-shrink:0}

.brand-name{display:inline-block;font-size:24px;color:#ff00ff;background:linear-gradient(90deg,#ff00ff 0%,#00ffff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

nav{overflow-x:auto}nav a{white-space:nowrap}details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}summary{cursor:pointer;color:#c0dd76}

header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.header-actions{justify-self:end}.website-button{position:relative;isolation:isolate;overflow:hidden;display:inline-block;justify-self:center;padding:12px 24px;border:1px solid #536b43;border-radius:6px;background:linear-gradient(180deg,#354b2b,#24351e);box-shadow:inset 0 1px 0 #ffffff80,0 3px 12px #0005;color:#eef3e9;font-size:14px;font-weight:750;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.website-button::before{content:"";position:absolute;z-index:-1;inset:0 0 48%;border-radius:5px 5px 45% 45%;background:linear-gradient(#ffffff66,#ffffff0a);pointer-events:none}.website-button:hover{background:linear-gradient(180deg,#425c35,#304627);box-shadow:inset 0 1px 0 #ffffffaa,0 3px 16px #c0dd7626}@media(max-width:1100px){header{grid-template-columns:minmax(0,1fr) auto}.website-button{grid-column:1/-1;grid-row:2}.header-actions{grid-column:2;grid-row:1}}@media(max-width:480px){header{padding:20px 5vw;gap:14px}.brand-title{display:block}.profile-button{padding:10px 12px}}

/* Page entry and section changes share a short, restrained motion. */
@keyframes page-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes section-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
header, main { animation: page-enter 220ms ease-out; }
main > div[id$="-screen"]:not([hidden]) {
  animation: section-enter 240ms cubic-bezier(.2,.65,.3,1);
}
nav a, .profile-button, .website-button, .button, button {
  transition: color 160ms ease, background-color 160ms ease,
    border-color 160ms ease, box-shadow 160ms ease;
}
@media (prefers-reduced-motion: reduce) {
  header, main, main > div[id$="-screen"]:not([hidden]) { animation: none; }
  nav a, .profile-button, .website-button, .button, button { transition: none; }
}

.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 3vw}.site-header .brand{flex:1 1 280px}.site-header .page-nav{display:flex;flex:0 1 auto;margin:0;border:1px solid #354034;border-radius:8px;background:#19221b;letter-spacing:normal;gap:0;max-width:100%}.site-header .page-nav a{padding:13px 16px;font-size:14px}.site-header .header-actions{margin-left:auto;gap:16px;flex-wrap:wrap}.site-header .header-actions>span{font-size:10px}.site-header .website-button{margin-left:12px;padding:11px 16px}.activity-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px}.activity-content section{margin:0;max-width:none;min-width:0}.activity-content dl{grid-template-columns:1fr 1fr}.activity-content dd{text-align:right}.activity-content h2{overflow-wrap:anywhere}.activity-content .state{font-size:24px;color:#c0dd76}.activity-content .state-active{color:#ffb576}.session-card details{margin-top:18px}.participant{border-top:1px solid #354034;margin-top:16px;padding-top:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}button:disabled{opacity:.45;cursor:default}#activity-filters{align-items:end;margin-bottom:24px}#activity-filters label:first-child{flex:0 1 260px}#activity-filters button{margin:0}#activity-content[aria-busy=true]{opacity:.55}@media(max-width:760px){.site-header .page-nav{order:3;width:100%;flex:1 1 100%}.site-header .header-actions{gap:10px}.site-header .website-button{margin-left:0}.site-header .brand{flex-basis:100%}}

/* Equal side columns keep page navigation centered in the viewport. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.site-header .brand{grid-column:1;grid-row:1;justify-self:start}
.site-header .page-nav{grid-column:2;grid-row:1;justify-self:center;width:max-content;max-width:100%;min-width:0;order:initial}
.site-header .header-actions{grid-column:3;grid-row:1;justify-self:end;margin-left:0;justify-content:flex-end;min-width:0}
@media(max-width:1400px){
  .site-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .site-header .header-actions{grid-column:2}
  .site-header .page-nav{grid-column:1/-1;grid-row:2;justify-self:center;width:max-content}
}
@media(max-width:600px){
  .site-header{grid-template-columns:minmax(0,1fr)}
  .site-header .brand{grid-column:1;grid-row:1}
  .site-header .header-actions{grid-column:1;grid-row:2;justify-self:end}
  .site-header .page-nav{grid-column:1;grid-row:3}
}

[data-rank="DEFAULT"]{--rank-color:#939393}[data-rank="NEWBIE"]{--rank-color:#77c85a}[data-rank="STALKER"]{--rank-color:#6495ed}[data-rank="VETERAN"]{--rank-color:#c573df}[data-rank="MASTER"]{--rank-color:#ff5757}[data-rank="LEGEND"]{--rank-color:#ffcc55}.gun-card .rank-label,.gun-card strong,[id$="-detail"][data-rank]>h2,select[data-rank],option[data-rank]{color:var(--rank-color,#eef3e9)}.gun-card[data-rank]{border-left:3px solid var(--rank-color,#3c4938)}

#guns-screen>.armory{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.gun-detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.gun-description{min-width:0}.gun-description>img{width:100%;height:140px;object-fit:contain;margin-bottom:24px}#gun-detail[data-rank] .gun-description>h2{color:var(--rank-color,#eef3e9)}.attachment-sidebar{min-width:0;border-top:1px solid #354034;padding-top:18px}.attachment-sidebar>h3{margin-top:0}.attachment-note{font-size:12px;color:#aab8a5}.attachment-category{border:1px solid #3c4938;border-radius:8px;background:#111a13;margin:12px 0;padding:10px}.attachment-category>summary,.attachment-choice>summary{display:flex;align-items:center;gap:10px;cursor:pointer;color:#eef3e9;list-style:none}.attachment-category>summary::after{content:'+';margin-left:auto;color:#c0dd76}.attachment-category[open]>summary::after{content:'-'}.attachment-category summary img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.attachment-category summary span{overflow-wrap:anywhere}.attachment-choice{margin-top:12px;padding-top:12px;border-top:1px solid #354034}.attachment-choice>summary{font-size:13px}.attachment-choice .stat-block{font-size:12px}#gun-detail .attachment-choice dl{font-size:12px}@media(max-width:1100px){.gun-detail-layout{grid-template-columns:minmax(0,1fr)}.attachment-sidebar{border-left:0;border-top:1px solid #354034;padding:18px 0 0}}@media(max-width:760px){#guns-screen>.armory{grid-template-columns:minmax(0,1fr)}}

:where(.attachment-choice){--rank-color:#eef3e9}.attachment-choice{border-left:3px solid var(--rank-color);padding-left:10px}.attachment-choice>summary,.attachment-choice>.attachment-note{color:var(--rank-color)}

body[data-page="emissions"] .activity-content{grid-template-columns:minmax(0,1fr)}
.activity-content .emission-history{padding:clamp(24px,4vw,52px);border:1px solid #53634b;border-top:3px solid #c0dd76;border-radius:16px;background:linear-gradient(135deg,#26321f,#141e17 75%);box-shadow:0 16px 40px #0003}
.emission-history h2{font-size:clamp(28px,4vw,42px);margin:12px 0 30px}
.activity-content .emission-history dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin:0}
.emission-history dt{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#b7c2b4}
.activity-content .emission-history dd{text-align:left;margin:0;font-size:clamp(20px,2.5vw,30px);font-weight:700;overflow-wrap:anywhere}
.emission-history dt:nth-of-type(1){grid-column:1;grid-row:1}.emission-history dd:nth-of-type(1){grid-column:1;grid-row:2}.emission-history dt:nth-of-type(2){grid-column:2;grid-row:1}.emission-history dd:nth-of-type(2){grid-column:2;grid-row:2}
.emission-duration{margin:28px 0 0;padding-top:20px;border-top:1px solid #354034;color:#c0dd76;font-size:16px}
.emission-live{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-bottom:28px;padding:18px 22px;background:#41291c;border:1px solid #a86c43;border-radius:8px;color:#ffbf8f}.emission-live strong{font-size:20px}.emission-live span{font-size:14px}
@media(max-width:600px){.activity-content .emission-history dl{grid-template-columns:1fr}.emission-history dt:nth-of-type(n),.emission-history dd:nth-of-type(n){grid-column:auto;grid-row:auto}.emission-history dd{margin-bottom:16px}}