:root {
  --ink: #edf6e8;
  --muted: #9eafa1;
  --faint: #5c7062;
  --bg: #07130f;
  --bg-soft: #0b1b14;
  --panel: #10251a;
  --panel-2: #142d20;
  --line: rgba(189, 230, 181, .16);
  --line-strong: rgba(189, 230, 181, .32);
  --lime: #a9f33d;
  --orange: #ff8a17;
  --pink: #f44bff;
  --gold: #ffe04b;
  --display: "Silkscreen", monospace;
  --body: "Chakra Petch", sans-serif;
  --max: 1240px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: var(--body); font-size: 16px; line-height: 1.55; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 10; opacity: .11; background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0, rgba(255,255,255,.05) 1px, transparent 1px, transparent 4px); mix-blend-mode: overlay; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
.site-shell { overflow: hidden; }
.skip-link { position: fixed; left: 20px; top: -60px; z-index: 30; padding: 10px 14px; background: var(--lime); color: #07130f; font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 20px; }

.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 46px; min-height: 78px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); border-bottom: 1px solid var(--line); background: rgba(7, 19, 15, .92); backdrop-filter: blur(15px); }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: none; }
.brand-mark { display: grid; grid-template-columns: repeat(2, 8px); grid-auto-rows: 8px; gap: 2px; width: 18px; height: 18px; transform: rotate(-3deg); }
.brand-mark i { display: block; background: var(--lime); }
.brand-mark i:nth-child(2) { background: var(--orange); }.brand-mark i:nth-child(3) { background: var(--pink); }.brand-mark i:nth-child(4) { background: var(--gold); }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }.brand-copy strong { font-family: var(--display); font-size: 14px; letter-spacing: .05em; }.brand-copy small { margin-top: 4px; color: var(--faint); font-size: 8px; letter-spacing: .18em; }
.main-nav { display: flex; align-items: center; gap: 30px; margin-right: auto; }.main-nav a, .text-link { color: var(--muted); font-size: 13px; font-weight: 600; letter-spacing: .04em; transition: color .2s; }.main-nav a:hover, .main-nav a.is-current, .text-link:hover { color: var(--lime); }
.header-actions { display: flex; align-items: center; gap: 18px; }.text-link span { color: var(--lime); margin-left: 3px; }.icon-button { display: none; border: 0; background: transparent; cursor: pointer; padding: 8px; }.icon-button svg { width: 20px; height: 20px; }
.mobile-menu { position: absolute; inset: 77px 0 auto; flex-direction: column; background: #0a1a13; border-bottom: 1px solid var(--line); padding: 14px 24px 22px; }.mobile-menu:not([hidden]) { display: flex; }.mobile-menu a { padding: 12px 0; color: var(--muted); font-size: 16px; border-bottom: 1px solid var(--line); }.mobile-menu a:last-child { border-bottom: 0; }

.hero { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: clamp(36px, 7vw, 105px); align-items: center; max-width: var(--max); margin: 0 auto; padding: clamp(78px, 10vw, 142px) 24px 102px; position: relative; }
.hero::before { content: ""; position: absolute; left: 7%; top: 20%; width: 180px; height: 180px; border: 1px solid rgba(169,243,61,.12); transform: rotate(45deg); pointer-events: none; }.hero::after { content: "10M"; position: absolute; right: 0; top: 19%; color: rgba(169,243,61,.04); font: 700 160px/1 var(--display); pointer-events: none; }
.eyebrow { margin: 0 0 21px; color: var(--lime); font: 11px/1.2 var(--display); letter-spacing: .12em; }.eyebrow-sep { color: var(--faint); margin: 0 8px; }.pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,138,23,.13); vertical-align: 1px; animation: pulse 1.9s infinite; }
@keyframes pulse { 0%,100% { box-shadow: 0 0 0 3px rgba(255,138,23,.1); } 50% { box-shadow: 0 0 0 7px rgba(255,138,23,0); } }
h1, h2, h3, p { margin-top: 0; }.hero h1 { position: relative; z-index: 1; margin-bottom: 27px; font: 700 clamp(49px, 7vw, 92px)/.94 var(--display); letter-spacing: -.01em; text-transform: uppercase; }.hero h1 em, h2 span { color: var(--lime); font-style: normal; }.hero-lede { max-width: 470px; color: var(--muted); font-size: 20px; line-height: 1.38; }
.hero-cta-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 30px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 17px; border: 1px solid var(--line-strong); font: 600 13px/1 var(--body); letter-spacing: .03em; transition: transform .2s, border-color .2s, color .2s, background .2s; }.button svg { width: 15px; height: 15px; }.button:hover { transform: translateY(-2px); border-color: var(--lime); }.button-primary { color: #07130f; background: var(--lime); border-color: var(--lime); }.button-primary:hover { background: #c4ff70; border-color: #c4ff70; }.button-quiet { color: var(--ink); background: rgba(255,255,255,.02); }.button-quiet:hover { color: var(--lime); background: rgba(169,243,61,.06); }
.hero-status { display: flex; gap: 28px; margin-top: 52px; padding-top: 17px; border-top: 1px solid var(--line); }.hero-status div { display: flex; flex-direction: column; gap: 4px; }.status-label { color: var(--faint); font: 9px/1 var(--display); letter-spacing: .12em; }.hero-status strong { font-size: 12px; font-weight: 600; }
.hero-visual { position: relative; z-index: 1; }.hero-frame { position: relative; padding: 12px; background: #06100b; border: 1px solid var(--line-strong); box-shadow: 18px 18px 0 rgba(169,243,61,.06); }.hero-image-wrap { aspect-ratio: 16 / 9; overflow: hidden; background: #091a11; }.hero-image-wrap img { width: 100%; height: 100%; object-fit: cover; }.hero-hud { position: absolute; left: 25px; right: 25px; display: flex; justify-content: space-between; color: rgba(237,246,232,.75); font: 9px/1 var(--display); letter-spacing: .08em; }.hud-top { top: 23px; }.hud-bottom { bottom: 22px; }.hud-live { color: var(--orange); }.hud-live i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--orange); }.frame-corner { position: absolute; width: 12px; height: 12px; border-color: var(--lime); z-index: 2; }.corner-tl { top: 6px; left: 6px; border-top: 2px solid; border-left: 2px solid; }.corner-tr { top: 6px; right: 6px; border-top: 2px solid; border-right: 2px solid; }.corner-bl { bottom: 6px; left: 6px; border-bottom: 2px solid; border-left: 2px solid; }.corner-br { bottom: 6px; right: 6px; border-bottom: 2px solid; border-right: 2px solid; }.image-credit { margin: 12px 0 0; color: var(--faint); font-size: 11px; }

.ticker { position: relative; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--panel); white-space: nowrap; }.ticker-track { display: inline-flex; align-items: center; gap: 28px; min-width: max-content; padding: 13px 0; animation: marquee 34s linear infinite; color: var(--muted); font: 10px/1 var(--display); letter-spacing: .12em; }.ticker b { color: var(--orange); font-size: 13px; font-weight: 400; }.ticker span:nth-of-type(3n) { color: var(--lime); } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.section { max-width: var(--max); margin: 0 auto; padding: clamp(90px, 11vw, 148px) 24px; }.section-heading { max-width: 680px; }.section-heading h2 { margin-bottom: 23px; font: 700 clamp(31px, 4.3vw, 58px)/1.08 var(--display); text-transform: uppercase; letter-spacing: -.01em; }.section-intro { max-width: 580px; color: var(--muted); font-size: 18px; line-height: 1.45; }.fact-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 12px; margin-top: 58px; }.fact-card { min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: 25px; background: var(--panel); border: 1px solid var(--line); position: relative; }.fact-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--line-strong); }.fact-card-feature::before { background: var(--lime); }.fact-number { color: var(--lime); font: 700 46px/1 var(--display); }.fact-number.accent-orange { color: var(--orange); }.fact-number.accent-pink { color: var(--pink); }.fact-card h3 { margin: 20px 0 6px; font-size: 20px; }.fact-card p { margin-bottom: 0; color: var(--muted); line-height: 1.38; }.source-tag { align-self: flex-start; margin-top: 18px; color: var(--faint); font: 9px/1 var(--display); letter-spacing: .08em; }.source-tag:hover { color: var(--lime); }

.section-loop { max-width: none; background: var(--panel); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.section-loop > * { max-width: var(--max); margin-left: auto; margin-right: auto; }.split-heading { display: flex; justify-content: space-between; gap: 70px; max-width: none; }.split-heading .section-intro { max-width: 410px; margin-top: 40px; }.loop-rail { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; align-items: center; margin-top: 72px; }.loop-step { position: relative; }.loop-index { color: var(--faint); font: 10px/1 var(--display); }.loop-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 17px 0 18px; border: 1px solid var(--lime); color: var(--lime); background: rgba(169,243,61,.06); }.loop-icon svg { width: 22px; height: 22px; }.loop-icon-orange { color: var(--orange); border-color: var(--orange); background: rgba(255,138,23,.06); }.loop-icon-pink { color: var(--pink); border-color: var(--pink); background: rgba(244,75,255,.05); }.loop-icon-gold { color: var(--gold); border-color: var(--gold); background: rgba(255,224,75,.05); }.loop-step h3 { margin-bottom: 8px; font: 700 20px/1 var(--display); text-transform: uppercase; }.loop-step p { max-width: 210px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.4; }.loop-line { height: 1px; background: var(--line-strong); position: relative; }.loop-line::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; background: var(--orange); transform: rotate(45deg); }

.feed-controls { display: flex; gap: 4px; align-items: flex-start; padding-top: 42px; }.filter-button { padding: 9px 13px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 12px; cursor: pointer; transition: color .2s, border-color .2s, background .2s; }.filter-button:hover, .filter-button.is-active { border-color: var(--lime); background: rgba(169,243,61,.08); color: var(--lime); }.signal-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 54px; }.signal-card { min-height: 270px; padding: 24px; background: var(--panel); border: 1px solid var(--line); display: flex; flex-direction: column; transition: transform .25s, border-color .25s; }.signal-card:hover { border-color: var(--line-strong); transform: translateY(-3px); }.signal-feature { grid-column: span 2; min-height: 220px; background: #101f16; }.signal-meta, .video-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--faint); font: 9px/1 var(--display); letter-spacing: .07em; }.signal-source { display: inline-flex; align-items: center; gap: 7px; }.signal-source svg { width: 14px; height: 14px; }.source-x { color: var(--ink); }.source-reddit { color: #ff8064; }.source-steam { color: #9cc1ff; }.signal-quote { max-width: 780px; margin: 32px 0 28px; font-size: clamp(23px, 3.2vw, 36px); line-height: 1.2; }.signal-quote strong { color: var(--lime); font-weight: 500; }.signal-footer { display: flex; justify-content: space-between; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line); color: var(--faint); font-size: 12px; }.signal-footer a, .card-link { color: var(--lime); }.signal-footer a:hover, .card-link:hover { text-decoration: underline; }.signal-thumb { position: relative; aspect-ratio: 16 / 8; margin: -24px -24px 23px; overflow: hidden; background: #091b13; }.signal-thumb img { width: 100%; height: 100%; object-fit: cover; }.thumb-label { position: absolute; left: 13px; bottom: 11px; padding: 5px 7px; background: var(--pink); color: #19071e; font: 9px/1 var(--display); }.signal-card h3 { margin: 20px 0 8px; font: 700 22px/1.14 var(--display); text-transform: uppercase; }.signal-card:not(.signal-feature) p { margin-bottom: 18px; color: var(--muted); line-height: 1.4; }.card-link { margin-top: auto; font-size: 13px; }.signal-icon { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 22px; color: var(--lime); border: 1px solid var(--line-strong); }.signal-icon svg { width: 20px; height: 20px; }.signal-icon-reddit { color: #ff8064; }.signal-icon-steam { color: #9cc1ff; }
.signal-card.is-hidden { display: none; }

.section-media { padding-top: 126px; }.video-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 12px; margin-top: 56px; }.video-card { background: var(--panel); border: 1px solid var(--line); }.video-poster { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0b1b14; cursor: pointer; }.video-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s, filter .45s; }.video-poster:hover img { transform: scale(1.04); filter: saturate(1.2); }.play-button { position: absolute; inset: 50% auto auto 50%; width: 58px; height: 58px; display: grid; place-items: center; transform: translate(-50%, -50%); border: 1px solid var(--lime); background: rgba(7,19,15,.82); color: var(--lime); cursor: pointer; transition: background .2s, transform .2s; }.play-button:hover { background: var(--lime); color: #07130f; transform: translate(-50%, -50%) scale(1.08); }.play-button svg { width: 22px; height: 22px; fill: currentColor; }.video-duration { position: absolute; bottom: 12px; right: 12px; padding: 5px 7px; background: #07130f; font: 10px/1 var(--display); }.video-copy { padding: 21px 23px 25px; }.video-meta { margin-bottom: 16px; }.video-channel { color: var(--ink); }.channel-dot { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; }.dot-green { background: var(--lime); }.dot-orange { background: var(--orange); }.video-card h3 { margin: 0 0 7px; font: 700 21px/1.12 var(--display); text-transform: uppercase; }.video-card p { margin: 0; color: var(--muted); font-size: 14px; }.video-iframe { width: 100%; height: 100%; border: 0; }

.section-guides { border-top: 1px solid var(--line); }.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 54px; }.guide-card { min-height: 350px; padding: 25px; background: var(--panel); border: 1px solid var(--line); }.guide-card-orange { border-top: 2px solid var(--orange); }.guide-card-pink { border-top: 2px solid var(--pink); }.guide-card:not(.guide-card-orange):not(.guide-card-pink) { border-top: 2px solid var(--lime); }.guide-top { display: flex; align-items: center; justify-content: space-between; }.guide-number { color: var(--faint); font: 11px/1 var(--display); }.guide-tag { color: var(--faint); font: 9px/1 var(--display); letter-spacing: .1em; }.guide-card h3 { margin: 52px 0 13px; font: 700 24px/1.1 var(--display); text-transform: uppercase; }.guide-card p { color: var(--muted); line-height: 1.45; }.guide-card details { margin-top: 25px; padding-top: 15px; border-top: 1px solid var(--line); }.guide-card summary { color: var(--lime); cursor: pointer; font-size: 13px; }.guide-card details p, .guide-card details ul { margin: 13px 0 0; color: var(--muted); font-size: 13px; }.guide-card details ul { padding-left: 17px; }.guide-card details li { margin-bottom: 7px; }.guide-card details strong { color: var(--ink); }

.section-gallery { padding-top: 55px; }.gallery-note { padding-top: 43px; color: var(--faint); font: 9px/1 var(--display); letter-spacing: .1em; }.gallery-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 12px; margin-top: 53px; }.gallery-item { margin: 0; background: var(--panel); border: 1px solid var(--line); }.gallery-item img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }.gallery-item-wide img { aspect-ratio: 16 / 10; }.gallery-item figcaption { display: flex; justify-content: space-between; gap: 10px; padding: 12px 13px; color: var(--faint); font: 9px/1 var(--display); letter-spacing: .08em; }.gallery-item figcaption span:last-child { color: var(--muted); text-align: right; }

.section-faq { border-top: 1px solid var(--line); padding-bottom: 126px; }.faq-layout { display: grid; grid-template-columns: 1fr 1.35fr; gap: 12%; }.faq-list details { padding: 21px 0; border-top: 1px solid var(--line); }.faq-list details:last-child { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; color: var(--ink); cursor: pointer; font-size: 18px; font-weight: 600; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; color: var(--lime); font: 20px/1 var(--display); }.faq-list details[open] summary::after { content: "–"; }.faq-list p { max-width: 610px; margin: 14px 0 0; color: var(--muted); line-height: 1.45; }.faq-list strong { color: var(--lime); }

.final-cta { position: relative; overflow: hidden; padding: 118px 24px 125px; border-top: 1px solid var(--line); background: var(--panel); }.final-cta-inner { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; }.final-cta h2 { margin-bottom: 28px; font: 700 clamp(38px, 6vw, 75px)/1 var(--display); text-transform: uppercase; }.pixel-cloud { position: absolute; right: 10%; top: 50%; width: 350px; height: 250px; transform: translateY(-50%) rotate(-9deg); opacity: .65; }.pixel-cloud span { position: absolute; width: 50px; height: 50px; background: var(--lime); box-shadow: 0 0 24px rgba(169,243,61,.14); }.pixel-cloud span:nth-child(1) { left: 0; top: 80px; background: var(--orange); }.pixel-cloud span:nth-child(2) { left: 52px; top: 30px; }.pixel-cloud span:nth-child(3) { left: 104px; top: 81px; background: var(--pink); }.pixel-cloud span:nth-child(4) { left: 157px; top: 132px; background: var(--orange); }.pixel-cloud span:nth-child(5) { left: 209px; top: 81px; }.pixel-cloud span:nth-child(6) { left: 261px; top: 30px; background: var(--gold); }.pixel-cloud span:nth-child(7) { left: 52px; top: 132px; background: var(--gold); }.pixel-cloud span:nth-child(8) { left: 104px; top: 184px; }.pixel-cloud span:nth-child(9) { left: 209px; top: 184px; background: var(--pink); }.pixel-cloud span:nth-child(10) { left: 313px; top: 81px; background: var(--orange); }.pixel-cloud span:nth-child(11) { left: 157px; top: 30px; }.pixel-cloud span:nth-child(12) { left: 261px; top: 132px; width: 28px; height: 28px; background: var(--ink); }

.site-footer { max-width: var(--max); margin: 0 auto; padding: 35px 24px 23px; }.footer-main { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 45px; align-items: start; padding-bottom: 33px; }.footer-main p { max-width: 330px; margin: 0; color: var(--faint); font-size: 12px; line-height: 1.45; }.footer-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 15px 22px; }.footer-links a { color: var(--muted); font-size: 12px; }.footer-links a:hover { color: var(--lime); }.footer-bottom { display: flex; justify-content: space-between; gap: 15px; padding-top: 17px; border-top: 1px solid var(--line); color: var(--faint); font: 9px/1 var(--display); letter-spacing: .08em; }

.reveal { opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay-1 { transition-delay: .09s; }.reveal-delay-2 { transition-delay: .18s; }.reveal-delay-3 { transition-delay: .27s; }

@media (max-width: 940px) {
  .site-header { gap: 25px; }.main-nav { gap: 17px; }.hero { grid-template-columns: 1fr; padding-top: 80px; }.hero-copy { max-width: 700px; }.hero-visual { max-width: 800px; }.hero::after { right: -30px; top: 5%; font-size: 120px; }.fact-grid, .guide-grid, .gallery-grid { grid-template-columns: 1fr 1fr; }.fact-card-feature { grid-column: span 2; }.gallery-item-wide { grid-column: span 2; }.loop-rail { grid-template-columns: repeat(4, 1fr); gap: 20px; }.loop-line { display: none; }.faq-layout { grid-template-columns: 1fr; gap: 45px; }.footer-main { grid-template-columns: 1fr 1fr; }.footer-main p { grid-column: span 2; order: 3; }.footer-links { justify-content: flex-start; }
}
@media (max-width: 680px) {
  .site-header { min-height: 68px; padding: 0 18px; }.main-nav, .header-actions .text-link { display: none; }.header-actions { margin-left: auto; }.icon-button { display: block; }.mobile-menu { inset: 67px 0 auto; }.hero { padding: 68px 18px 74px; gap: 50px; }.hero h1 { font-size: clamp(42px, 14vw, 66px); }.hero-lede { font-size: 17px; }.hero-status { gap: 14px; flex-wrap: wrap; margin-top: 39px; }.hero-status div { min-width: 95px; }.hero-frame { padding: 7px; }.hero-hud { left: 14px; right: 14px; font-size: 7px; }.hud-top { top: 14px; }.hud-bottom { bottom: 14px; }.image-credit { font-size: 10px; }.section { padding: 84px 18px; }.section-heading h2 { font-size: clamp(27px, 9vw, 42px); }.section-intro { font-size: 16px; }.fact-grid, .signal-grid, .video-grid, .guide-grid, .gallery-grid { grid-template-columns: 1fr; }.fact-card-feature, .signal-feature, .gallery-item-wide { grid-column: auto; }.fact-card { min-height: 205px; }.split-heading { display: block; }.split-heading .section-intro { margin-top: 22px; }.feed-controls { padding-top: 23px; }.signal-grid, .video-grid, .guide-grid, .gallery-grid { margin-top: 37px; }.signal-feature { min-height: 330px; }.signal-quote { font-size: 24px; }.signal-card { min-height: 290px; padding: 20px; }.signal-thumb { margin: -20px -20px 20px; }.loop-rail { grid-template-columns: 1fr 1fr; gap: 42px 22px; margin-top: 46px; }.loop-step p { max-width: none; font-size: 13px; }.gallery-note { display: block; padding-top: 20px; }.section-gallery { padding-top: 40px; }.faq-layout { gap: 35px; }.faq-list summary { font-size: 16px; }.final-cta { padding: 87px 18px 105px; }.final-cta h2 { font-size: clamp(34px, 11vw, 55px); }.pixel-cloud { right: -130px; top: 69%; transform: translateY(-50%) scale(.78) rotate(-9deg); }.site-footer { padding: 31px 18px 19px; }.footer-main { grid-template-columns: 1fr; gap: 25px; }.footer-main p { grid-column: auto; order: 0; }.footer-links { gap: 12px 20px; }.footer-bottom { flex-direction: column; gap: 11px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.ticker-track { animation: none; }.reveal { opacity: 1; transform: none; transition: none; }.pulse-dot { animation: none; } }

.scroll-progress { position: fixed; inset: 0 0 auto; z-index: 30; height: 3px; pointer-events: none; background: rgba(169,243,61,.08); }.scroll-progress span { display: block; width: 0; height: 100%; background: var(--lime); box-shadow: 0 0 12px rgba(169,243,61,.55); transform-origin: left; }
.section-hunt { max-width: none; padding-top: 96px; padding-bottom: 118px; background: var(--panel); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.section-hunt > * { max-width: var(--max); margin-left: auto; margin-right: auto; }.hunt-intro { max-width: 420px; margin-top: 39px; }.hunt-disclaimer { margin: 15px 0 0; color: var(--faint); font-size: 12px; }.hunt-lab { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr); gap: 12px; margin-top: 57px; }.hunt-field-wrap { min-width: 0; padding: 12px; background: #06100b; border: 1px solid var(--line-strong); }.hunt-field-bar, .hunt-field-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--faint); font: 9px/1 var(--display); letter-spacing: .09em; }.hunt-field-bar { padding: 4px 3px 12px; }.mini-live-dot { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 3px rgba(169,243,61,.1); vertical-align: 1px; }.hunt-canvas-shell { position: relative; aspect-ratio: 15 / 8; overflow: hidden; border: 1px solid rgba(169,243,61,.28); background: #08160f; cursor: crosshair; }.hunt-canvas-shell canvas { display: block; width: 100%; height: 100%; image-rendering: pixelated; }.canvas-crosshair { position: absolute; inset: 11px; border: 1px solid rgba(169,243,61,.1); pointer-events: none; }.hunt-field-foot { padding: 12px 3px 2px; }.hunt-field-foot strong { color: var(--lime); font-size: 13px; }.hunt-field-foot span:last-child { color: var(--orange); }.hunt-console { padding: 22px; background: #0b1c14; border: 1px solid var(--line); }.console-title { display: flex; justify-content: space-between; align-items: center; color: var(--faint); font: 10px/1 var(--display); letter-spacing: .1em; }.console-lamp { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,138,23,.12); }.console-stat { display: flex; justify-content: space-between; align-items: baseline; margin-top: 34px; color: var(--muted); font: 10px/1 var(--display); letter-spacing: .08em; }.console-stat strong { color: var(--lime); font-size: 30px; }.energy-track { height: 4px; margin-top: 10px; background: rgba(169,243,61,.12); }.energy-track span { display: block; height: 100%; width: 100%; background: var(--lime); transition: width .25s; }.console-hint { min-height: 66px; margin: 22px 0 20px; color: var(--muted); font-size: 13px; line-height: 1.4; }.tool-switcher { display: grid; gap: 5px; }.tool-button { display: flex; align-items: center; gap: 11px; min-height: 49px; padding: 8px 9px; border: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; transition: border-color .2s, background .2s; }.tool-button:hover, .tool-button.is-active { border-color: var(--lime); background: rgba(169,243,61,.07); }.tool-button strong { display: block; color: var(--ink); font-size: 13px; }.tool-button small { display: block; margin-top: 2px; color: var(--faint); font-size: 10px; }.tool-button.is-active strong { color: var(--lime); }.tool-glyph { position: relative; display: block; flex: none; width: 24px; height: 24px; border: 1px solid var(--lime); }.glyph-probe::after { content: ""; position: absolute; width: 6px; height: 6px; left: 8px; top: 8px; background: var(--lime); }.glyph-pulse { border-color: var(--orange); }.glyph-pulse::after { content: ""; position: absolute; inset: 5px; border: 1px solid var(--orange); }.glyph-smash { border-color: var(--pink); transform: rotate(45deg) scale(.72); }.glyph-smash::after { content: ""; position: absolute; inset: 5px; background: var(--pink); }.reset-hunt { width: 100%; margin-top: 19px; }.best-run { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; margin-top: 29px; padding-top: 16px; border-top: 1px solid var(--line); }.best-run span, .best-run small { color: var(--faint); font: 9px/1 var(--display); letter-spacing: .08em; }.best-run strong { color: var(--gold); font: 18px/1 var(--display); text-align: right; }.best-run small { grid-column: span 2; font-family: var(--body); letter-spacing: 0; font-size: 11px; }
@media (max-width: 940px) { .hunt-lab { grid-template-columns: 1fr; }.hunt-console { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }.console-title, .console-stat, .energy-track, .console-hint, .tool-switcher, .reset-hunt, .best-run { grid-column: span 2; }.console-stat { margin-top: 20px; } }
@media (max-width: 680px) { .section-hunt { padding-top: 75px; padding-bottom: 84px; }.hunt-lab { margin-top: 36px; }.hunt-field-wrap { padding: 7px; }.hunt-field-bar, .hunt-field-foot { font-size: 7px; }.hunt-field-foot { padding-top: 9px; }.hunt-console { display: block; padding: 18px; }.console-stat { margin-top: 28px; }.console-hint { min-height: auto; margin: 18px 0; }.best-run { margin-top: 24px; }.hunt-canvas-shell { min-height: 188px; } }

.rush-hook { margin: 15px 0 0; color: var(--orange); font: 10px/1.4 var(--display); letter-spacing: .05em; }.rush-canvas-shell { aspect-ratio: 5 / 3; cursor: crosshair; touch-action: none; }.rush-canvas-shell canvas { touch-action: none; cursor: crosshair; }.hunt-field-bar strong { color: var(--lime); }.game-overlay { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; background: rgba(7,19,15,.87); text-align: center; transition: opacity .28s; }.game-overlay.is-hidden { opacity: 0; pointer-events: none; }.overlay-kicker { margin-bottom: 14px; color: var(--orange); font: 9px/1 var(--display); letter-spacing: .12em; }.game-overlay > strong { max-width: 470px; color: var(--lime); font: 700 clamp(24px, 4vw, 42px)/1.1 var(--display); }.game-overlay p { max-width: 390px; margin: 14px 0 22px; color: var(--muted); font-size: 14px; }.game-console { display: flex; flex-direction: column; }.game-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 27px; background: var(--line); border: 1px solid var(--line); }.game-stat-grid div { min-height: 76px; display: flex; flex-direction: column; justify-content: space-between; padding: 12px; background: #0b1c14; }.game-stat-grid span { color: var(--faint); font: 8px/1 var(--display); letter-spacing: .09em; }.game-stat-grid strong { color: var(--ink); font: 700 21px/1 var(--display); }.game-stat-grid div:first-child strong { color: var(--lime); }.game-stat-grid div:nth-child(4) strong { color: var(--gold); }.objective-list { display: grid; gap: 10px; margin-top: 22px; }.objective-list p { display: grid; grid-template-columns: 22px 1fr; gap: 8px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.35; }.objective-list p > span { color: var(--orange); font: 9px/1.6 var(--display); }.objective-list kbd { display: inline-grid; place-items: center; min-width: 19px; min-height: 18px; margin: 0 2px; padding: 0 4px; border: 1px solid var(--line-strong); color: var(--ink); font: 9px/1 var(--display); }.game-message { min-height: 42px; margin: 22px 0 14px; }.game-action { width: 100%; }.game-action kbd, .game-overlay kbd { margin-left: 4px; padding: 3px 5px; border: 1px solid rgba(7,19,15,.3); font: 9px/1 var(--display); }.game-console .best-run { margin-top: auto; padding-top: 19px; }.hunt-field-foot #game-combo { color: var(--pink); }.hunt-field-foot #game-score { color: var(--lime); }
@media (max-width: 940px) { .game-console { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }.game-console .console-title, .game-console .game-stat-grid, .game-console .objective-list, .game-console .relic-rack, .game-console .game-message, .game-console .game-action, .game-console .best-run { grid-column: span 2; }.game-console .best-run { margin-top: 24px; } }
@media (max-width: 680px) { .rush-canvas-shell { min-height: 216px; }.game-overlay { padding: 18px; }.game-overlay > strong { font-size: 24px; }.game-overlay p { margin: 10px 0 16px; font-size: 12px; }.game-stat-grid { margin-top: 24px; }.objective-list { margin-top: 19px; }.game-message { margin-top: 19px; }.game-console { display: block; }.game-console .best-run { margin-top: 24px; } }
.objective-list p > .objective-copy { color: var(--muted); font: 12px/1.35 var(--body); letter-spacing: 0; }
.game-action:disabled { opacity: .58; cursor: wait; }
.relic-rack { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.relic-rack > span { display: block; color: var(--faint); font: 8px/1 var(--display); letter-spacing: .1em; }
.relic-rack > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.relic-chip, .relic-empty { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border: 1px solid rgba(169,243,61,.42); background: rgba(169,243,61,.08); color: var(--lime); font: 8px/1 var(--display); }
.relic-empty { border-color: var(--line); color: var(--faint); background: transparent; }
.upgrade-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: min(100%, 620px); margin-top: 18px; }
.upgrade-options[hidden] { display: none; }
.upgrade-card { min-height: 70px; padding: 11px 12px; border: 1px solid var(--line-strong); background: var(--panel); color: var(--ink); text-align: left; cursor: pointer; transition: transform .2s, border-color .2s, background .2s; }
.upgrade-card:hover, .upgrade-card:focus-visible { border-color: var(--lime); background: rgba(169,243,61,.1); transform: translateY(-2px); outline: none; }
.upgrade-card strong { display: block; color: var(--lime); font: 700 12px/1.2 var(--display); }
.upgrade-card small { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.2; }
.game-field-tools { display: inline-flex; align-items: center; gap: 10px; }.audio-toggle { display: inline-grid; place-items: center; width: 25px; height: 25px; padding: 0; border: 1px solid var(--line-strong); background: rgba(169,243,61,.06); color: var(--lime); cursor: pointer; }.audio-toggle:hover, .audio-toggle:focus-visible { border-color: var(--lime); outline: none; }.audio-toggle.is-muted { color: var(--faint); background: transparent; }.audio-toggle svg { width: 13px; height: 13px; }.upgrade-card[data-rarity="rare"] { border-color: rgba(111,216,255,.72); }.upgrade-card[data-rarity="rare"] strong { color: #6fd8ff; }.upgrade-card[data-rarity="epic"] { border-color: rgba(244,75,255,.78); box-shadow: inset 0 0 18px rgba(244,75,255,.08); }.upgrade-card[data-rarity="epic"] strong { color: var(--pink); }.upgrade-rarity { display: block; margin-bottom: 7px; color: var(--orange); font: 8px/1 var(--display); letter-spacing: .1em; }
@media (max-width: 680px) { .upgrade-options { grid-template-columns: 1fr; width: 100%; margin-top: 12px; }.upgrade-card { min-height: 58px; } }
@media (max-width: 680px) { .game-overlay.is-upgrade { justify-content: flex-start; padding: 9px; }.game-overlay.is-upgrade .overlay-kicker { margin: 0 0 5px; font-size: 7px; }.game-overlay.is-upgrade > strong { font-size: 16px; }.game-overlay.is-upgrade > p { margin: 5px 0 7px; font-size: 9px; line-height: 1.2; }.game-overlay.is-upgrade .upgrade-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-top: 2px; }.game-overlay.is-upgrade .upgrade-card { min-height: 78px; padding: 6px; }.game-overlay.is-upgrade .upgrade-rarity { margin-bottom: 4px; font-size: 6px; }.game-overlay.is-upgrade .upgrade-card strong { font-size: 8px; }.game-overlay.is-upgrade .upgrade-card small { margin-top: 4px; font-size: 8px; line-height: 1.1; } }