:root{--lime:#c9ff38;--ink:#061008;--panel:#0b1710;--line:#29402e;--muted:#8aa18d;--white:#f3ffe9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 5%,#18321b 0,transparent 28%),linear-gradient(135deg,#071008,#030704 65%);color:var(--white);font-family:Inter,sans-serif;min-height:100vh}.topbar{height:58px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:900;letter-spacing:.16em}.topbar a{color:var(--lime);text-decoration:none}.topbar button{border:1px solid var(--line);background:#0c190f;color:#a9baa9;padding:8px 12px}main{max-width:1420px;margin:auto;padding:0 clamp(18px,5vw,72px) 80px}.hero{min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border-bottom:1px solid var(--line)}.eyebrow{color:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:.2em}.hero h1,.market h2,.player-console h2,.inventory h2{font-family:'Black Ops One',sans-serif;margin:.15em 0;line-height:.9}.hero h1{font-size:clamp(3.8rem,8vw,8.5rem);letter-spacing:-.04em}.hero h1 em{color:transparent;-webkit-text-stroke:2px var(--lime);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:650px;color:#b6c5b7;font-size:1.05rem;line-height:1.7}.cta{display:inline-flex;gap:45px;margin-top:20px;padding:18px 22px;background:var(--lime);color:#071008;text-decoration:none;font-weight:900}.reactor{display:grid;place-items:center;position:relative}.reactor-ring{width:min(34vw,410px);aspect-ratio:1;border:2px solid #385b3e;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 80px #76ff2933,inset 0 0 70px #76ff291c;animation:pulse 3s ease-in-out infinite}.reactor-ring:before,.reactor-ring:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px dashed var(--lime);border-radius:50%;animation:spin 15s linear infinite}.reactor-ring:after{width:47%;animation-direction:reverse}.reactor-core{font-size:8rem;color:var(--lime);filter:drop-shadow(0 0 24px var(--lime))}.reactor>span{position:absolute;bottom:4%;right:10%;color:var(--lime);font-weight:900;letter-spacing:.18em}.player-console{margin:55px 0;padding:28px;background:linear-gradient(120deg,#101e14,#08110b);border:1px solid var(--line)}.console-heading,.market-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.console-heading h2,.market h2,.inventory h2{font-size:clamp(2rem,4vw,4rem)}.wallet{text-align:right}.wallet small{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.15em}.wallet strong{font-size:1.5rem;color:var(--lime)}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}.stat{padding:15px;border:1px solid var(--line);background:#061009}.stat label{display:flex;justify-content:space-between;font-size:.64rem;font-weight:900;letter-spacing:.1em}.meter{height:7px;margin-top:12px;background:#1c2a1f}.meter i{display:block;height:100%;background:var(--stat-color,var(--lime));box-shadow:0 0 12px var(--stat-color,var(--lime));transition:width .35s}.market-heading>p{color:var(--muted);font-size:.8rem}.filters{display:flex;gap:8px;overflow:auto;margin:25px 0}.filters button,.reset{border:1px solid var(--line);background:#08120b;color:#91a593;padding:11px 16px;font-size:.66rem;font-weight:900;letter-spacing:.1em;cursor:pointer}.filters button.active,.filters button:hover{background:var(--lime);color:#071008;border-color:var(--lime)}.supply-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.supply-card{position:relative;min-height:390px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(155deg,#111f15,#070e09);overflow:hidden}.supply-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,color-mix(in srgb,var(--item-color) 10%,transparent));pointer-events:none}.rarity{align-self:flex-start;padding:5px 8px;border:1px solid var(--item-color);color:var(--item-color);font-size:.57rem;font-weight:900;letter-spacing:.12em}.item-art{height:155px;display:grid;place-items:center;color:var(--item-color);font-size:6rem;text-shadow:0 0 25px var(--item-color);filter:drop-shadow(0 16px 12px #000);transition:.25s}.supply-card:hover .item-art{transform:translateY(-5px) scale(1.06)}.supply-card h3{margin:4px 0;font-family:'Black Ops One';font-size:1.25rem}.supply-card p{color:#93a796;font-size:.8rem;line-height:1.5;flex:1}.effect{color:var(--item-color);font-size:.66rem;font-weight:900;letter-spacing:.1em}.buy-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.buy-row strong{font-size:1.1rem}.buy-row button{padding:10px 15px;border:0;background:var(--item-color);color:#061008;font-weight:900;cursor:pointer}.buy-row button:disabled{opacity:.35;cursor:not-allowed}.inventory{margin-top:55px;padding:28px;border:1px solid var(--line);background:#08120b}.inventory-list{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.inventory-item{display:flex;align-items:center;gap:10px;padding:8px 9px 8px 13px;border:1px solid #365039}.inventory-item b{color:var(--lime)}.inventory-item button{border:0;background:var(--lime);padding:8px 11px;font-weight:900;cursor:pointer}.empty{color:var(--muted)}.toast{position:fixed;z-index:5;right:24px;bottom:24px;max-width:360px;padding:18px 22px;background:var(--lime);color:#061008;font-weight:900;box-shadow:0 15px 50px #000}.reset{margin-left:auto}footer{display:flex;justify-content:space-between;padding:28px clamp(18px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.1em}footer strong{color:var(--lime)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 120px #76ff294d,inset 0 0 90px #76ff2933}}@media(max-width:1000px){.supply-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.topbar span{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.reactor{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.supply-grid{grid-template-columns:1fr}.console-heading,.market-heading{align-items:flex-start;flex-direction:column}.wallet{text-align:left}.hero h1{font-size:3.6rem}footer{gap:15px;flex-direction:column}}
/* Supply controls remain reachable on narrow screens and at large text sizes. */
.topbar { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; max-width:100%; box-sizing:border-box; }
.topbar > * { min-width:0; overflow-wrap:anywhere; }
.topbar button { min-height:44px; }
@media(max-width:600px){ .topbar span { flex:1 1 100%; order:3; } }