:root { --ink:#090a0b; --paper:#d6f5d2; --paper-dim:#92bb98; --rust:#7a181b; --rust-bright:#bd3138; --blue:#7386e8; --line:rgba(214,245,210,.24); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--ink); color:var(--paper); font-family:"Courier New",Courier,monospace; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
a { color:inherit; text-decoration:none; cursor:pointer; }
svg { width:1em; height:1em; fill:currentColor; }
main { min-height:100vh; background:linear-gradient(rgba(115,134,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115,134,232,.035) 1px,transparent 1px),radial-gradient(circle at 88% 6%,rgba(115,134,232,.16),transparent 23rem),#090a0b; background-size:36px 36px,36px 36px,auto,auto; }

.topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; min-height:74px; padding:10px clamp(18px,4vw,68px); border-bottom:1px solid var(--line); background:rgba(9,10,11,.9); backdrop-filter:blur(12px); }
.nav-cluster { display:flex; align-items:center; gap:clamp(24px,4vw,64px); min-width:0; }
.wordmark { display:inline-flex; align-items:center; gap:12px; font-weight:900; letter-spacing:-.04em; text-transform:uppercase; }
.wordmark-mark { display:grid; place-items:center; width:38px; height:38px; color:var(--ink); background:var(--paper); transform:rotate(-3deg); box-shadow:4px 4px 0 var(--rust); }
.section-nav { display:flex; align-items:center; gap:4px; }
.section-nav a { padding:10px 11px; color:var(--paper-dim); border:1px solid transparent; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.section-nav a:hover,.section-nav a:focus-visible { color:var(--paper); border-color:var(--line); background:rgba(214,245,210,.04); outline:none; }
.top-actions { display:flex; align-items:center; gap:8px; }
.icon-link,.buy-link,.social-link { display:inline-flex; align-items:center; justify-content:center; min-height:42px; border:1px solid var(--line); background:rgba(214,245,210,.04); transition:color 160ms ease,background 160ms ease,transform 160ms ease,border-color 160ms ease; }
.icon-link { width:42px; font-size:18px; }
.icon-link:hover,.icon-link:focus-visible,.social-link:hover,.social-link:focus-visible { color:var(--ink); background:var(--paper); border-color:var(--paper); transform:translateY(-2px); outline:none; }
.buy-link { gap:9px; padding:0 16px; margin-left:4px; color:var(--ink); background:var(--paper); border-color:var(--paper); font-size:13px; font-weight:900; text-transform:uppercase; }
.buy-link:hover,.buy-link:focus-visible { color:var(--paper); background:var(--rust-bright); border-color:var(--rust-bright); transform:translate(-2px,-2px); box-shadow:4px 4px 0 var(--paper); outline:none; }

.hero { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr); gap:clamp(36px,6vw,100px); align-items:center; min-height:calc(100vh - 118px); max-width:1480px; margin:0 auto; padding:clamp(58px,8vw,122px) clamp(18px,5vw,80px) clamp(70px,9vw,132px); scroll-margin-top:75px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { display:flex; justify-content:space-between; max-width:700px; margin:0 0 26px; padding:9px 0; border-block:1px solid var(--line); color:var(--paper-dim); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
h1 { margin:0; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:clamp(76px,11vw,176px); font-weight:900; line-height:.73; letter-spacing:-.065em; text-transform:uppercase; }
h1 span { display:block; }
h1 .outline { margin-left:clamp(20px,5vw,82px); color:transparent; -webkit-text-stroke:clamp(1px,.14vw,3px) var(--paper); text-shadow:8px 8px 0 var(--rust); }
.hero-lede { max-width:690px; margin:clamp(36px,5vw,66px) 0 28px; color:var(--paper-dim); font-family:Arial,Helvetica,sans-serif; font-size:clamp(17px,1.5vw,22px); line-height:1.55; }
.hero-lede strong { color:var(--paper); font-weight:700; }
.ca-block { max-width:690px; border:1px solid var(--line); background:rgba(9,10,11,.72); box-shadow:8px 8px 0 rgba(122,24,27,.58); }
.ca-label { display:flex; justify-content:space-between; padding:9px 13px; color:var(--paper-dim); border-bottom:1px solid var(--line); font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.ca-value { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; min-height:52px; padding:0; border:0; color:inherit; background:transparent; cursor:pointer; text-align:left; }
.ca-value code { overflow:hidden; padding:17px 14px; color:var(--paper); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ca-value span { display:grid; place-items:center; min-width:112px; padding:12px; color:var(--ink); background:var(--paper); font-size:12px; font-weight:900; text-transform:uppercase; }
.ca-value:hover span,.ca-value:focus-visible span { color:var(--paper); background:var(--rust-bright); }
.ca-value:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.hero-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.social-link { gap:9px; min-width:150px; padding:0 14px; color:var(--paper-dim); font-size:11px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }

.hero-visual { position:relative; width:min(100%,570px); justify-self:end; transform:rotate(1.2deg); filter:drop-shadow(22px 26px 0 rgba(87,15,19,.45)); }
.case-tab { position:absolute; z-index:3; top:-31px; left:28px; padding:10px 18px; color:var(--ink); background:var(--paper); font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.image-frame { position:relative; overflow:hidden; padding:clamp(10px,1.2vw,16px); background:var(--rust); border:1px solid #d05a60; }
.image-frame::after { content:""; position:absolute; inset:16px; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.13) 3px 4px); mix-blend-mode:multiply; }
.image-frame img { display:block; width:100%; aspect-ratio:1; object-fit:cover; image-rendering:pixelated; border:1px solid rgba(214,245,210,.2); }
.visual-footer { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; color:var(--paper-dim); background:#141516; border:1px solid var(--line); border-top:0; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.visual-footer .ticker { color:var(--paper); font-size:13px; }
.ticker-tape { display:flex; gap:54px; width:max-content; min-width:100%; padding:13px 24px; color:var(--ink); background:var(--paper); border-block:4px solid var(--rust); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.ticker-tape span::before { content:"//"; margin-right:24px; color:var(--rust); }

.section-shell { max-width:1480px; margin:0 auto; padding:clamp(94px,12vw,180px) clamp(18px,5vw,80px); scroll-margin-top:70px; }
.section-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px 40px; margin-bottom:clamp(44px,7vw,90px); }
.section-heading > p { grid-column:1/-1; margin:0; color:var(--paper-dim); font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.section-heading h2 { margin:0; max-width:900px; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:clamp(58px,8vw,124px); line-height:.85; letter-spacing:-.04em; text-transform:uppercase; }
.section-heading > span { padding:9px 13px; color:var(--ink); background:var(--paper); font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; transform:rotate(2deg); }
.roadmap { position:relative; }
.roadmap::before { content:""; position:absolute; inset:8% 0 auto 42%; width:420px; height:420px; background:var(--rust); border-radius:50%; filter:blur(150px); opacity:.25; pointer-events:none; }
.roadmap-ledger { position:relative; display:grid; grid-template-columns:66px minmax(0,1fr); max-width:1120px; margin-left:auto; border:1px solid var(--line); background:#101112; box-shadow:18px 18px 0 rgba(122,24,27,.42); }
.receipt-spine { overflow:hidden; padding:18px 24px; color:var(--ink); background:var(--paper); font-size:10px; font-weight:900; letter-spacing:.16em; line-height:1; text-transform:uppercase; text-orientation:mixed; writing-mode:vertical-rl; }
.roadmap-list { padding:0 clamp(18px,4vw,54px); }
.roadmap-item { display:grid; grid-template-columns:72px minmax(0,1fr) auto; gap:clamp(16px,3vw,42px); align-items:center; min-height:176px; padding:28px 0; border-bottom:1px dashed var(--line); }
.roadmap-item:last-child { border-bottom:0; }
.roadmap-step { color:transparent; -webkit-text-stroke:1px var(--paper-dim); font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:56px; }
.roadmap-tag { margin:0 0 9px; color:var(--rust-bright); font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.roadmap-item h3 { margin:0 0 10px; font-family:Arial,Helvetica,sans-serif; font-size:clamp(22px,2.4vw,34px); line-height:1; text-transform:uppercase; }
.roadmap-item p:not(.roadmap-tag) { max-width:630px; margin:0; color:var(--paper-dim); font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.55; }
.status-stamp { padding:8px 10px; color:var(--paper-dim); border:1px solid var(--paper-dim); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; transform:rotate(-5deg); }

.game-section { padding-top:70px; }
.game-heading { margin-bottom:38px; }
.game-window { position:relative; overflow:hidden; border:1px solid var(--line); background:#080909; box-shadow:18px 18px 0 rgba(122,24,27,.42); transition:border-color .25s ease,box-shadow .25s ease; }
.game-hud { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) auto; border-bottom:1px solid var(--line); background:#111313; }
.hud-stat { display:flex; flex-direction:column; justify-content:center; min-height:76px; padding:13px 18px; border-right:1px solid var(--line); }
.hud-stat span { margin-bottom:7px; color:var(--paper-dim); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.hud-stat strong { color:var(--paper); font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:25px; font-weight:400; letter-spacing:.02em; }
.hud-gold strong { color:#ffd968; text-shadow:0 0 16px rgba(255,211,75,.3); }
.game-menu-buttons { display:grid; grid-template-rows:1fr 1fr; min-width:154px; }
.upgrades-open,.prestige-open { min-width:154px; padding:0 22px; color:var(--ink); border:0; background:var(--paper); cursor:pointer; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.prestige-open { color:#221a02; border-top:1px solid rgba(8,9,9,.25); background:#ffd968; }
.upgrades-open:hover,.upgrades-open:focus-visible,.prestige-open:hover,.prestige-open:focus-visible { color:var(--paper); background:var(--rust-bright); outline:none; }
.game-stage { position:relative; display:grid; grid-template-columns:minmax(0,1.42fr) minmax(240px,.58fr); grid-template-rows:auto minmax(410px,1fr) auto auto; gap:16px 28px; min-height:760px; padding:20px clamp(16px,3vw,38px) 28px; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 22% 32%,rgba(115,134,232,.18),transparent 26rem),radial-gradient(circle at 82% 38%,rgba(214,245,210,.08),transparent 20rem),linear-gradient(rgba(214,245,210,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(214,245,210,.025) 1px,transparent 1px),#070808; background-size:auto,auto,28px 28px,28px 28px,auto; }
.game-stage::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.13) 3px 4px); }
.game-status-line { grid-column:1/-1; display:flex; justify-content:space-between; gap:18px; padding:10px 12px; color:var(--paper-dim); border:1px solid var(--line); background:rgba(9,10,11,.72); font-size:10px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.golden-timer { color:#ffd968; animation:golden-timer-pulse .75s ease-in-out infinite alternate; }
.bill-workstation { position:relative; grid-column:1; grid-row:2; align-self:center; width:min(100%,790px); transform-origin:55% 72%; }
.bill-workstation img { display:block; width:100%; height:100%; max-height:480px; object-fit:contain; filter:drop-shadow(15px 18px 0 rgba(87,15,19,.32)); image-rendering:auto; }
.bill-workstation.processing img { animation:bill-process .18s ease-out; }
.work-burst { position:absolute; top:20%; left:11%; padding:7px 10px; color:var(--ink); background:var(--paper); opacity:0; transform:rotate(-5deg); font-size:9px; font-weight:900; letter-spacing:.12em; }
.bill-workstation.processing .work-burst { animation:burst .32s ease-out; }
.receipt-target { position:relative; grid-column:2; grid-row:2; align-self:center; display:flex; flex-direction:column; align-items:center; min-width:0; padding:12px; color:var(--paper); border:1px dashed transparent; background:transparent; cursor:pointer; user-select:none; }
.receipt-target:hover,.receipt-target:focus-visible { border-color:var(--paper-dim); outline:none; background:rgba(214,245,210,.035); }
.receipt-art { position:relative; display:grid; place-items:center; width:100%; }
.receipt-target img { grid-area:1/1; display:block; width:min(100%,270px); height:330px; object-fit:contain; filter:drop-shadow(0 20px 18px rgba(0,0,0,.6)); transition:filter .12s ease; }
.receipt-target img[hidden],.golden-seal[hidden] { display:none; }
.receipt-target:hover img { filter:drop-shadow(0 20px 22px rgba(146,187,152,.3)); }
.receipt-target.hit .receipt-art { animation:receipt-hit .16s ease-out; }
.receipt-target.cleared .receipt-art { animation:receipt-clear .36s ease-out; }
.receipt-target.burned .receipt-art { animation:receipt-burn .44s ease-in forwards; }
.receipt-golden { filter:sepia(1) saturate(4.8) hue-rotate(351deg) brightness(1.22) drop-shadow(0 0 20px rgba(255,204,51,.55)) drop-shadow(0 22px 18px rgba(0,0,0,.65))!important; }
.receipt-target.is-golden { border-color:rgba(255,215,93,.5); background:radial-gradient(circle,rgba(255,211,75,.1),transparent 70%); }
.receipt-target.is-golden:hover { border-color:#ffd968; background:radial-gradient(circle,rgba(255,211,75,.18),transparent 72%); }
.golden-seal { grid-area:1/1; z-index:2; align-self:center; padding:9px 13px; color:#171103; border:3px double #4d3600; background:#ffd968; box-shadow:0 0 0 5px rgba(255,217,104,.2),0 0 26px rgba(255,217,104,.6); font-size:11px; font-weight:900; letter-spacing:.14em; transform:rotate(-8deg); }
.receipt-number { display:block; margin-top:-8px; padding:8px 12px; color:var(--ink); background:var(--paper); font-size:10px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; transform:rotate(-2deg); }
.click-callout { margin-top:13px; color:var(--paper-dim); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.receipt-progress-wrap { grid-column:2; grid-row:3; align-self:end; }
.receipt-progress-copy { display:flex; justify-content:space-between; margin-bottom:8px; color:var(--paper-dim); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.receipt-progress-copy strong { color:var(--paper); }
.receipt-progress { height:13px; padding:2px; border:1px solid var(--line); background:#050606; }
.receipt-progress span { display:block; width:0; height:100%; background:var(--paper); box-shadow:0 0 12px rgba(214,245,210,.35); transition:width .12s ease; }
.helpers-zone { grid-column:1/-1; grid-row:4; min-height:112px; padding:12px; border:1px solid var(--line); background:rgba(9,10,11,.8); }
.helpers-label { display:flex; justify-content:space-between; color:var(--paper-dim); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.helpers-label strong { color:var(--paper); }
.helpers-row { display:flex; align-items:end; gap:6px; min-height:70px; margin-top:8px; overflow-x:auto; scrollbar-width:thin; }
.helpers-row > p { margin:auto; color:rgba(146,187,152,.56); font-size:10px; text-align:center; text-transform:uppercase; }
.helper-raccoon { flex:0 0 auto; width:84px; transform-origin:center bottom; animation:helper-work var(--helper-cycle,1s) ease-in-out infinite; }
.helper-raccoon:nth-child(2n) { animation-delay:-.42s; }
.helper-raccoon:nth-child(3n) { animation-delay:-.75s; }
.helper-raccoon img { display:block; width:100%; aspect-ratio:3/2; object-fit:contain; filter:drop-shadow(3px 5px 0 rgba(122,24,27,.38)); }
.game-floaters { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.cash-floater { position:absolute; z-index:8; color:var(--paper); font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:29px; text-shadow:3px 3px 0 var(--rust); animation:cash-float 1.05s ease-out forwards; }
.gold-floater { color:#ffd968; text-shadow:3px 3px 0 #674900,0 0 18px rgba(255,217,104,.65); }
.burn-floater { color:#ff785f; font-size:22px; }
.crit-floater { color:#ff8675; }
.white-floater { color:#fff; text-shadow:3px 3px 0 #59666e,0 0 18px #fff; }
.blue-floater { color:#70bdff; text-shadow:3px 3px 0 #103f82,0 0 18px #1688ff; }
.red-floater { color:#ff645b; text-shadow:3px 3px 0 #6d0d13,0 0 18px #ff2f3d; }
.energy-tray { position:absolute; z-index:7; top:76px; right:clamp(12px,2.8vw,36px); width:min(270px,36%); padding:10px; border:1px solid var(--line); background:rgba(5,6,6,.9); box-shadow:7px 7px 0 rgba(0,0,0,.35); }
.energy-tray[hidden],.buff-strip[hidden] { display:none; }
.energy-tray > span { display:block; margin-bottom:8px; color:var(--paper-dim); font-size:8px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
#energy-drops { display:flex; flex-wrap:wrap; gap:8px; }
.energy-drink { display:grid; grid-template-columns:28px 1fr; grid-template-rows:8px 28px; align-items:center; min-width:76px; padding:6px; color:var(--paper); border:1px solid currentColor; background:#0b0c0c; cursor:pointer; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.energy-drink:hover,.energy-drink:focus-visible { color:var(--ink); background:var(--paper); outline:2px solid var(--paper); outline-offset:2px; }
.drink-cap { grid-column:1; justify-self:center; width:12px; height:5px; background:currentColor; }
.drink-can { grid-column:1; grid-row:2; display:grid; place-items:center; width:25px; height:28px; color:#090a0a; border-radius:3px 3px 6px 6px; background:currentColor; }
.energy-drink strong { grid-column:2; grid-row:1/3; }
.energy-white { color:#f5fff7; }
.energy-blue { color:#3e9fff; }
.energy-red { color:#ff4958; }
.buff-strip { position:absolute; z-index:6; left:clamp(12px,2.8vw,36px); bottom:145px; display:flex; flex-wrap:wrap; gap:7px; max-width:70%; }
.buff-badge { padding:7px 9px; color:#080909; background:var(--paper); box-shadow:4px 4px 0 rgba(0,0,0,.35); font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.buff-badge.buff-white { background:#f5fff7; }
.buff-badge.buff-blue { background:#3e9fff; }
.buff-badge.buff-red { background:#ff4958; }
.game-window.buff-white { border-color:#f5fff7; box-shadow:18px 18px 0 rgba(122,24,27,.42),inset 0 0 22px rgba(245,255,247,.16); }
.game-window.buff-blue { border-color:#3e9fff; box-shadow:18px 18px 0 rgba(122,24,27,.42),inset 0 0 30px rgba(62,159,255,.18); }
.game-window.buff-red { border-color:#ff4958; box-shadow:18px 18px 0 rgba(122,24,27,.42),inset 0 0 30px rgba(255,73,88,.18); }
.game-window.drink-alert-white { --drink-glow:#f5fff7; }
.game-window.drink-alert-blue { --drink-glow:#1688ff; }
.game-window.drink-alert-red { --drink-glow:#ff2f3d; }
.game-window.drink-alert { animation:drink-frame-alert 1.7s ease-out; }
.upgrades-modal[hidden] { display:none; }
.upgrades-modal { position:absolute; inset:0; z-index:10; display:grid; place-items:center; padding:18px; background:rgba(3,4,4,.82); backdrop-filter:blur(8px); }
.upgrades-panel { width:min(100%,980px); max-height:calc(100% - 12px); overflow:auto; border:1px solid var(--paper-dim); background:rgba(14,16,15,.96); box-shadow:14px 14px 0 var(--rust); }
.upgrades-titlebar { display:flex; justify-content:space-between; align-items:center; padding:18px 20px; border-bottom:1px solid var(--line); }
.upgrades-titlebar span { color:var(--paper-dim); font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.upgrades-titlebar h3 { margin:4px 0 0; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:42px; font-weight:400; letter-spacing:.02em; text-transform:uppercase; }
.upgrades-titlebar button { padding:10px 13px; color:var(--paper); border:1px solid var(--line); background:transparent; cursor:pointer; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.upgrades-titlebar button:hover,.upgrades-titlebar button:focus-visible { color:var(--ink); background:var(--paper); outline:none; }
.upgrade-balance { padding:11px 20px; color:var(--paper-dim); border-bottom:1px solid var(--line); font-size:11px; text-align:right; text-transform:uppercase; }
.upgrade-balance strong { color:var(--paper); font-size:16px; }
.upgrade-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px; }
.upgrade-card { display:flex; flex-direction:column; min-height:230px; padding:14px; border:1px solid var(--line); background:#0a0b0b; }
.upgrade-code { color:var(--rust-bright); font-size:9px; font-weight:900; letter-spacing:.15em; }
.upgrade-card h4 { margin:13px 0 7px; font-family:Arial,Helvetica,sans-serif; font-size:20px; line-height:1; text-transform:uppercase; }
.upgrade-card > p { min-height:48px; margin:0; color:var(--paper-dim); font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.35; }
.upgrade-meta { display:flex; justify-content:space-between; margin-top:auto; padding:9px 0; color:var(--paper-dim); border-top:1px dashed var(--line); font-size:8px; text-transform:uppercase; }
.upgrade-meta strong { color:var(--paper); }
.upgrade-buy { min-height:43px; color:var(--ink); border:0; background:var(--paper); cursor:pointer; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.upgrade-buy:hover,.upgrade-buy:focus-visible { color:var(--paper); background:var(--rust-bright); outline:none; }
.upgrade-buy:disabled { color:#5f6c60; background:#202520; cursor:not-allowed; }
.prestige-modal[hidden] { display:none; }
.prestige-modal { position:absolute; inset:0; z-index:12; display:grid; place-items:center; padding:18px; background:rgba(3,4,4,.88); backdrop-filter:blur(10px); }
.prestige-panel { width:min(100%,1120px); max-height:calc(100% - 12px); overflow:auto; border:1px solid #ffd968; background:radial-gradient(circle at 50% 0,rgba(255,210,77,.1),transparent 25rem),rgba(12,13,12,.98); box-shadow:14px 14px 0 #6b4a00; }
.prestige-titlebar h3 { color:#ffd968; }
.prestige-ledger { display:flex; justify-content:space-between; gap:20px; padding:12px 20px; color:var(--paper-dim); border-bottom:1px solid rgba(255,217,104,.25); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.prestige-ledger strong { color:#ffd968; font-size:16px; }
.prestige-note { margin:0; padding:12px 20px; color:var(--paper-dim); border-bottom:1px dashed var(--line); font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.45; }
.prestige-tree { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:14px 18px; }
.prestige-tree::before { display:none; }
.prestige-node { position:relative; z-index:1; display:flex; flex-direction:column; min-height:195px; padding:13px; border:1px solid rgba(255,217,104,.35); background:#0a0b0b; }
.prestige-node::before { display:none; }
.prestige-code { color:#ffd968; font-size:8px; font-weight:900; letter-spacing:.15em; }
.prestige-node h4 { margin:12px 0 7px; font-family:Arial,Helvetica,sans-serif; font-size:18px; line-height:1; text-transform:uppercase; }
.prestige-node p { min-height:43px; margin:0; color:var(--paper-dim); font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:1.35; }
.prestige-node > div { display:flex; justify-content:space-between; gap:8px; margin-top:auto; padding:8px 0; color:var(--paper-dim); border-top:1px dashed var(--line); font-size:8px; text-transform:uppercase; }
.prestige-node strong { color:#ffd968; }
.prestige-node button,.prestige-actions button { min-height:42px; padding:9px 12px; color:#211801; border:0; background:#ffd968; cursor:pointer; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.prestige-node button:hover,.prestige-node button:focus-visible,.prestige-actions button:hover,.prestige-actions button:focus-visible { color:var(--paper); background:var(--rust-bright); outline:none; }
.prestige-node button:disabled,.prestige-actions button:disabled { color:#6a634d; background:#29271f; cursor:not-allowed; }
.prestige-actions { display:grid; grid-template-columns:1fr 1.35fr; gap:10px; padding:16px 18px 20px; border-top:1px solid rgba(255,217,104,.25); }
.prestige-actions button:first-child { color:var(--paper); border:1px solid var(--line); background:transparent; }
@keyframes bill-process { 50% { transform:rotate(-1deg) scale(.99); filter:brightness(1.15); } }
@keyframes receipt-hit { 50% { transform:translateX(-6px) rotate(-2deg) scale(.96); filter:brightness(1.35); } }
@keyframes receipt-clear { 45% { opacity:.12; transform:translateY(-18px) rotate(4deg) scale(.82); } 100% { opacity:1; transform:none; } }
@keyframes receipt-burn { 35% { filter:brightness(1.9) sepia(1); } 100% { opacity:0; transform:translateY(-16px) scale(.72); filter:brightness(.15) sepia(1); } }
@keyframes burst { 0% { opacity:0; transform:translateY(8px) rotate(-5deg) scale(.75); } 35% { opacity:1; } 100% { opacity:0; transform:translateY(-18px) rotate(-2deg) scale(1.05); } }
@keyframes helper-work { 0%,100% { transform:rotate(-1.5deg); filter:brightness(.96); } 50% { transform:rotate(1.5deg); filter:brightness(1.08); } }
@keyframes cash-float { 0% { opacity:0; transform:translateY(10px) scale(.8); } 20% { opacity:1; } 100% { opacity:0; transform:translateY(-75px) scale(1.08); } }
@keyframes golden-timer-pulse { to { color:#fff2aa; text-shadow:0 0 12px #ffc400; } }
@keyframes drink-frame-alert { 0%,100% { border-color:var(--line); box-shadow:18px 18px 0 rgba(122,24,27,.42); } 18%,64% { border-color:var(--drink-glow); box-shadow:0 0 0 4px color-mix(in srgb,var(--drink-glow) 62%,transparent),0 0 54px var(--drink-glow),inset 0 0 52px color-mix(in srgb,var(--drink-glow) 30%,transparent); } 38% { filter:brightness(1.22); } }

.chart-section { padding-top:50px; }
.chart-heading { margin-bottom:38px; }
.chart-console { overflow:hidden; border:1px solid var(--line); background:#060707; box-shadow:-16px 16px 0 rgba(115,134,232,.15); }
.console-bar { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; min-height:50px; padding:10px 15px; border-bottom:1px solid var(--line); color:var(--paper-dim); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.console-light { width:9px; height:9px; background:var(--rust-bright); border-radius:50%; box-shadow:0 0 12px var(--rust-bright); }
.console-bar a { color:var(--paper); border-bottom:1px solid var(--paper); }
.console-bar a:hover,.console-bar a:focus-visible { color:var(--rust-bright); outline:none; }
.chart-console iframe { display:block; width:100%; height:min(72vh,780px); min-height:520px; border:0; background:#111; }

.join-section { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr); min-height:820px; margin-top:80px; scroll-margin-top:70px; border-block:1px solid var(--line); background:var(--rust); }
.join-art { position:relative; overflow:hidden; min-height:620px; background:#070809; }
.join-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,var(--rust)),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.15) 3px 4px); pointer-events:none; }
.join-art img { width:100%; height:100%; object-fit:cover; image-rendering:pixelated; filter:saturate(.85) contrast(1.1); }
.join-content { display:flex; flex-direction:column; justify-content:center; padding:clamp(48px,8vw,130px); }
.join-kicker { margin:0 0 22px; color:var(--paper-dim); font-size:10px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.join-content h2 { margin:0; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-size:clamp(68px,10vw,156px); line-height:.8; letter-spacing:-.045em; text-transform:uppercase; }
.join-content > p:not(.join-kicker) { max-width:700px; margin:38px 0 30px; color:#c3d9c2; font-family:Arial,Helvetica,sans-serif; font-size:clamp(16px,1.5vw,21px); line-height:1.55; }
.join-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-width:700px; }
.join-links .social-link { min-height:52px; color:var(--paper); border-color:rgba(214,245,210,.38); background:rgba(9,10,11,.18); }
.join-links .social-link:hover,.join-links .social-link:focus-visible { color:var(--ink); background:var(--paper); }
.join-ca { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; max-width:700px; width:100%; margin-top:16px; padding:0; color:var(--paper); border:1px solid rgba(214,245,210,.38); background:#090a0b; cursor:pointer; }
.join-ca span,.join-ca strong { padding:16px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.join-ca code { overflow:hidden; padding:16px; color:var(--paper-dim); border-inline:1px solid var(--line); text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.join-ca strong { color:var(--ink); background:var(--paper); }
.join-ca:hover strong,.join-ca:focus-visible strong { color:var(--paper); background:var(--blue); }
.join-ca:focus-visible { outline:2px solid var(--paper); outline-offset:3px; }
footer { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:32px; align-items:center; padding:24px clamp(18px,4vw,68px); color:var(--paper-dim); border-bottom:8px solid var(--paper); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
footer > span:first-child { color:var(--paper); font-size:13px; }
footer p { margin:0; text-align:center; }

@media (max-width:980px) {
  .game-hud { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hud-stat:nth-child(2n) { border-right:0; }
  .hud-stat { border-bottom:1px solid var(--line); }
  .hud-gold { grid-column:1/-1; }
  .game-menu-buttons { grid-column:1/-1; grid-template-columns:1fr 1fr; grid-template-rows:1fr; min-height:50px; }
  .prestige-open { border-top:0; border-left:1px solid rgba(8,9,9,.25); }
  .game-stage { grid-template-columns:minmax(0,1fr) minmax(210px,.52fr); }
  .upgrade-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .upgrade-card { min-height:220px; }
  .prestige-tree { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .prestige-tree::before { display:none; }
  .prestige-node,.node-crit,.node-crit-damage,.node-gold,.node-white,.node-blue,.node-red { grid-column:auto; grid-row:auto; }
  .prestige-node::before { display:none; }
  .hero { grid-template-columns:1fr; min-height:auto; }
  .hero-visual { justify-self:start; width:min(82vw,570px); margin:30px 0 0 clamp(0px,7vw,86px); }
  .join-section { grid-template-columns:1fr; }
  .join-art { min-height:560px; max-height:70vh; }
  .join-art::after { background:linear-gradient(0deg,var(--rust),transparent 45%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.15) 3px 4px); }
}
@media (max-width:680px) {
  .topbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:center; padding:12px 16px 8px; }
  .nav-cluster { display:contents; }
  .wordmark { font-size:13px; }
  .wordmark-mark { width:34px; height:34px; }
  .section-nav { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,1fr); gap:0; width:100%; border-top:1px solid var(--line); }
  .section-nav a { overflow:hidden; padding:8px 4px 3px; font-size:8px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
  .top-actions { justify-self:end; }
  .icon-link:nth-child(2),.icon-link:nth-child(3) { display:none; }
  .buy-link { min-height:38px; padding:0 10px; font-size:10px; }
  .hero { gap:40px; padding-top:54px; }
  h1 { font-size:clamp(67px,23vw,112px); }
  h1 .outline { margin-left:8px; text-shadow:5px 5px 0 var(--rust); }
  .hero-lede { margin-top:38px; font-size:17px; }
  .ca-value { grid-template-columns:minmax(0,1fr) 88px; }
  .ca-value code { font-size:11px; }
  .ca-value span { min-width:88px; font-size:10px; }
  .hero-links { display:grid; grid-template-columns:1fr 1fr; }
  .social-link { min-width:0; }
  .hero-visual { width:calc(100% - 12px); margin-left:12px; }
  .case-tab { left:12px; }
  .section-heading { grid-template-columns:1fr; }
  .section-heading > p { grid-column:auto; }
  .section-heading > span { justify-self:start; }
  .roadmap-ledger { grid-template-columns:36px minmax(0,1fr); box-shadow:9px 9px 0 rgba(122,24,27,.42); }
  .receipt-spine { padding:12px 11px; font-size:8px; }
  .roadmap-list { padding-inline:16px; }
  .roadmap-item { grid-template-columns:46px minmax(0,1fr); gap:12px; min-height:0; }
  .roadmap-step { align-self:start; font-size:40px; }
  .status-stamp { display:none; }
  .roadmap-item h3 { font-size:21px; }
  .game-window { box-shadow:9px 9px 0 rgba(122,24,27,.42); }
  .game-stage { display:block; min-height:0; padding:14px; }
  .game-status-line { gap:14px; font-size:8px; }
  .bill-workstation { width:100%; margin:18px 0 0; }
  .bill-workstation img { max-height:350px; }
  .receipt-target { width:min(62%,260px); margin:-84px 0 0 auto; }
  .receipt-target img { height:260px; }
  .receipt-progress-wrap { margin:10px 0 18px; }
  .helpers-zone { min-height:100px; }
  .helper-raccoon { width:68px; }
  .upgrades-modal,.prestige-modal { position:fixed; z-index:40; }
  .upgrades-panel,.prestige-panel { max-height:88vh; }
  .upgrades-titlebar h3 { font-size:34px; }
  .upgrade-grid { padding:12px; }
  .upgrade-grid { grid-template-columns:1fr; }
  .energy-tray { top:64px; right:10px; width:min(230px,62%); }
  .buff-strip { position:relative; left:auto; bottom:auto; margin:12px 0; max-width:100%; }
  .prestige-tree { grid-template-columns:1fr; padding:14px 12px; }
  .prestige-node { min-height:210px; }
  .prestige-actions { grid-template-columns:1fr; }
  .chart-console iframe { height:560px; min-height:0; }
  .console-bar { grid-template-columns:auto 1fr; }
  .console-bar a { grid-column:1/-1; margin-left:21px; justify-self:start; }
  .join-section { min-height:0; }
  .join-art { min-height:420px; }
  .join-content { padding:54px 18px 68px; }
  .join-links { grid-template-columns:1fr; }
  .join-ca code { font-size:10px; }
  footer { grid-template-columns:1fr; gap:12px; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition-duration:.01ms!important; } }
