@font-face{font-family:Pixel;src:url(../assets/pixel-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mono;src:url(../assets/mono-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mono;src:url(../assets/mono-semibold-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:dark;--navy-950:#05060f;--navy-900:#090e1d;--navy-850:#0e1428;--navy-800:#141d33;--navy-600:#354664;--cyan-400:#39e6ff;--yellow-400:#ffe600;--magenta-400:#ff3df2;--gray-100:#edf2ff;--gray-400:#a1aec5;--bg:var(--navy-950);--surface:var(--navy-900);--surface-raised:var(--navy-850);--hover:var(--navy-800);--border:var(--navy-600);--text:var(--gray-100);--muted:var(--gray-400);--accent:var(--cyan-400);--highlight:var(--yellow-400);--focus:var(--yellow-400);--danger:#ff869c;--common:#bdc8dd;--rare:var(--cyan-400);--epic:var(--magenta-400);--legendary:var(--yellow-400);--font-small:.75rem;--font-label:.875rem;--font-body:1rem;--font-title:1.25rem;--font-display:2rem;--font-logo:4rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:80px;font-family:Mono,Courier New,monospace;font-size:16px;font-weight:400;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;min-width:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px;position:relative;z-index:5}::selection{color:var(--bg);background:var(--accent)}h1,h2,h3,h4,p{margin:0;overflow-wrap:break-word}h2{overflow-wrap:anywhere}h1,h2{font-family:Pixel,monospace;font-weight:400;text-wrap:balance}h2{font-size:var(--font-title);line-height:1.7}h3{font-size:var(--font-body);line-height:1.5;font-weight:600}h4{font-size:var(--font-label);font-weight:600;line-height:1.5}p{text-wrap:pretty}strong,b{font-weight:600}small,.small{font-size:var(--font-small)}.muted{color:var(--muted)}[hidden]{display:none!important}.sprite{display:block;width:80px;height:auto;image-rendering:pixelated;flex-shrink:0;pointer-events:none}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;inset-block-start:-80px;inset-inline-start:24px;z-index:100;background:var(--highlight);color:var(--bg);padding:12px 20px}.skip-link:focus{inset-block-start:12px}.site-header{display:flex;align-items:center;gap:32px;min-height:88px;position:relative;z-index:2;flex-wrap:wrap;padding-block:12px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Pixel,monospace;font-size:var(--font-label);line-height:1.6;color:var(--accent)}.brand .sprite{width:46px}.site-header nav{display:flex;gap:28px;margin-inline:auto;font-size:var(--font-label)}.site-header nav a{text-decoration:none;padding-block:12px;color:var(--muted)}.header-end{display:flex;align-items:center;gap:24px;font-size:var(--font-small)}.mode-label{display:flex;align-items:center;gap:8px;color:var(--highlight);white-space:nowrap}.mode-label i,.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);box-shadow:0 0 8px #39e6ff55;flex-shrink:0}.mode-label i{background:var(--highlight)}.header-x{font-size:var(--font-body);text-decoration:none;padding:10px;border:1px solid var(--border);min-width:44px;text-align:center}.hero{position:relative;isolation:isolate;min-height:624px;overflow:hidden;border-top:1px solid #1a2135}.city-art{position:absolute;inset:0;z-index:-2;display:flex;align-items:flex-end;justify-content:center;background:#070b24}.city-art>.sprite{width:max(100%,1120px);height:auto;max-width:none;flex-shrink:0}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#070b2110,#070b2100 74%,#05060f80);pointer-events:none}.hero-content{text-align:center;display:flex;align-items:center;flex-direction:column;padding-block:38px 160px;position:relative}h1{font-size:var(--font-logo);line-height:1.3;letter-spacing:-3px;color:var(--accent);text-shadow:3px 0 #172242,-3px 0 #172242,0 4px #172242,0 0 28px #39e6ff5c;white-space:nowrap}.tagline{font-size:var(--font-title);color:#edf2ff;font-weight:600;margin-top:20px;text-shadow:0 2px 6px #05060f}.mobile-break{display:none}.hero-description{font-size:var(--font-label);color:#b8c4e0;margin-top:12px;line-height:1.7;text-shadow:0 2px 8px #05060f}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid var(--border);text-decoration:none;font-size:var(--font-label);font-weight:600;line-height:1.5;text-align:center;border-radius:0;transition:background-color .15s,color .15s,border-color .15s;max-width:100%}.button .sprite{width:20px}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:3px 3px #0b5969}.secondary{background:var(--surface);color:var(--text)}.hero-note{margin-top:16px;color:#b2bad0;font-size:var(--font-small);padding:2px 8px;background:#090e1de8}.scene-caption{position:absolute;inset-inline:32px;bottom:14px;display:flex;justify-content:space-between;gap:24px;font-size:var(--font-small);color:var(--muted)}.grid-ticker{border-block:1px solid #37383b;background:#121415;font-size:var(--font-small)}.grid-ticker .wrap{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:8px}.grid-ticker strong{color:var(--highlight);font-weight:400}.grid-ticker .status-dot{margin-inline-end:8px;background:var(--highlight)}.demo-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:24px;color:var(--muted);font-size:var(--font-small);border-bottom:1px solid #20293f}.demo-notice>span{display:flex;align-items:center;gap:12px}.badge{display:inline-block;align-self:center;border:1px solid var(--border);background:var(--surface-raised);padding:3px 8px;font-size:var(--font-small);line-height:1.6;white-space:nowrap;color:var(--muted)}.mode-badge{color:var(--highlight);border-color:#6c651b;background:#272610;font-weight:600;font-size:var(--font-small)}.preferences{display:flex;gap:8px;flex-shrink:0}.preferences button{background:transparent;border:1px solid #38425c;min-height:40px;padding:6px 10px;color:var(--muted);font-size:var(--font-small)}.preferences button[aria-pressed=true]{color:var(--text);background:var(--surface-raised)}.section{padding-top:64px;scroll-margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.section-heading>div{min-width:0;max-width:100%}.section-heading h2{display:flex;gap:16px;align-items:baseline}.section-number{color:var(--accent);font-family:Mono,monospace;font-size:var(--font-label);font-weight:600;border-bottom:2px solid var(--accent);line-height:2}.section-heading p{color:var(--muted);font-size:var(--font-label);margin-top:8px;max-width:65ch}.section-meta{font-size:var(--font-small);color:var(--muted);text-align:end}.panel{border:1px solid var(--border);background:var(--surface);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h3{font-weight:600}.pack-lab{display:grid;grid-template-columns:38% 62%;position:relative}.pack-stage{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;background:radial-gradient(ellipse at 50% 45%,#15324577,transparent 63%),linear-gradient(145deg,#101626,#0b1021);border-inline-end:1px solid var(--border);position:relative}.pack-stage-top{display:flex;justify-content:space-between;width:100%;align-items:center}.pack-stage-top>.badge:first-child{background:transparent;border:0;padding:0}.pack-orbit{width:100%;min-height:255px;position:relative;display:grid;place-items:center}.pack-sprite-button{background:transparent;border:0;padding:0;position:relative;z-index:1;display:grid;place-items:center;width:170px;min-height:230px;filter:drop-shadow(0 0 16px #39e6ff22);transform:rotate(-7deg)}.big-pack{width:164px}.pack-shadow{position:absolute;bottom:10px;width:140px;height:14px;background:#39e6ff1a;filter:blur(10px);border-radius:50%}.orbit-line{position:absolute;width:220px;height:220px;border:1px dashed #284058;transform:rotate(22deg)}.orbit-line:before{content:"";position:absolute;inset:20px;border:1px solid #263248;transform:rotate(23deg)}.spark{position:absolute;color:var(--highlight);font-size:var(--font-title)}.spark-a{left:18%;top:12%}.spark-b{right:15%;bottom:22%;color:var(--accent)}.spark-c{right:20%;top:12%;color:var(--epic)}.pack-instruction{font-size:var(--font-small);color:var(--muted);text-align:center}.pack-stage>.button{min-width:240px}.reveal-area{padding:28px;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4.9rem),1fr));gap:12px;margin-block:26px 20px;perspective:900px}.item-card{--rarity:var(--common);min-height:216px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#10182b;border:1px solid #445070;padding:12px;text-align:center;overflow:hidden}.common{--rarity:var(--common);--sprite-glow:7px;--card-glow:8%;color:var(--common)}.rare{--rarity:var(--rare);--sprite-glow:10px;--card-glow:12%;color:var(--rare)}.epic{--rarity:var(--epic);--sprite-glow:14px;--card-glow:18%;color:var(--epic)}.legendary{--rarity:var(--legendary);--sprite-glow:20px;--card-glow:26%;color:var(--legendary)}.card-back{background:repeating-linear-gradient(135deg,#11182b 0px 6px,#121b30 6px 7px);outline:4px solid #0b1020;outline-offset:-7px;opacity:1!important;font-size:var(--font-small);color:var(--muted)}.card-back:disabled{color:#8592ad}.card-back>.sprite{width:50px;opacity:.35;margin-bottom:20px;filter:grayscale(1)}.card-corner{position:absolute;left:14px;top:12px;font-size:var(--font-small)}.card-back:not(:disabled){border-color:#579eb4;color:var(--accent)}.card-back:not(:disabled)>.sprite{opacity:1;filter:none}.revealed{border-color:var(--rarity);box-shadow:inset 0 0 28px color-mix(in srgb,var(--rarity) var(--card-glow),transparent);justify-content:flex-start}.card-rarity{font-size:var(--font-small);display:flex;justify-content:space-between;gap:5px;width:100%;color:var(--rarity)}.card-art{position:relative;margin-block:18px 14px;display:grid;place-items:center;width:100%}.card-art>.sprite{width:96px;max-width:100%;filter:drop-shadow(0 0 var(--sprite-glow) color-mix(in srgb,var(--rarity) 25%,transparent))}.item-card h4{color:var(--text)}.item-card p{font-size:var(--font-small);margin-top:4px;color:var(--rarity)}.card-added{font-size:var(--font-small);color:var(--muted);margin-top:auto;padding-top:12px}.card-particle{position:absolute;width:2px;height:2px;left:calc(10% + mod(var(--i) * 23,80)*1%);top:calc(5% + mod(var(--i) * 31,90)*1%);background:var(--rarity);opacity:.7}.reveal-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px}.reveal-bottom p{color:var(--muted);font-size:var(--font-small);max-width:33ch}.reveal-bottom .button{font-size:var(--font-small);min-width:110px}.odds{border-top:1px solid #2b344c;padding-top:20px;margin-top:24px;font-size:var(--font-small)}.odds>span{display:block;color:var(--muted);margin-bottom:12px}.odds>div{display:flex;gap:8px 20px;flex-wrap:wrap}.odds b{font-weight:400}details>summary{cursor:pointer;min-height:44px;padding-block:12px;list-style-position:inside;color:var(--muted);font-size:var(--font-small)}details[open]>summary{color:var(--text)}.type-odds{margin-top:8px;font-size:var(--font-small);color:var(--muted)}.type-odds p{padding-block:4px 12px;max-width:65ch}.farm-stats{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:24px;align-items:center;padding:24px 28px;border:1px solid var(--border);background:var(--surface);margin-bottom:16px}.farm-stats>div{display:flex;flex-direction:column;gap:8px}.farm-stats>div>span{font-size:var(--font-small);color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.farm-stats strong{font-size:var(--font-display);font-weight:400;line-height:1.3;font-variant-numeric:tabular-nums}.hash-value{color:var(--accent)}.hash-value small{font-size:var(--font-label);color:var(--muted)}.farm-stats .badge{font-size:var(--font-small);padding:0 4px}.farm-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.farm-panel,.inventory-panel{padding:24px}.online-indicator{font-size:var(--font-small);color:var(--accent)}.farm-hint{font-size:var(--font-small);color:var(--muted);margin-block:12px 20px;max-width:70ch}.mining-room{margin-top:16px;border:1px solid #3a4766;background:#0a0e1a}.room-title{display:flex;justify-content:space-between;gap:12px;background:#172034;padding:8px 12px;font-size:var(--font-small);font-variant-numeric:tabular-nums}.room-title>span+span{color:var(--accent)}.room-scene{position:relative;padding:28px 20px 20px;background:repeating-linear-gradient(0deg,transparent 0,transparent 27px,#33496422 28px,#33496422 29px),repeating-linear-gradient(90deg,transparent 0,transparent 57px,#33496422 58px,#33496422 59px),#101c2c;border-bottom:5px solid #253a4a;box-shadow:inset 0 -15px #162436;isolation:isolate}.room-pipes{position:absolute;top:9px;left:12px;right:12px;height:8px;border-top:3px solid #3a495b;border-right:5px solid #3a495b;pointer-events:none}.room-pipes:after{content:"";display:block;width:35%;height:3px;background:var(--accent);opacity:.45;margin-top:-3px}.gpu-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gpu-slots:has(.farm-slot:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.farm-slot{min-height:132px;border:1px dashed #526582;background:#0b1323d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;padding:10px 6px;color:var(--muted);font-size:var(--font-small);min-width:0}.farm-slot .sprite{width:100px;max-width:90%}.slot-plus{font-size:var(--font-display);color:#71839a;line-height:1.3}.slot-action{color:var(--muted);font-size:var(--font-small)}.farm-slot.filled{border-style:solid;border-color:var(--rarity);background:#0a1221}.farm-slot.filled>span:first-of-type{color:var(--rarity)}.farm-slot.compatible{border-color:var(--accent);background:#0e2939}.farm-slot.compatible .slot-plus{color:var(--accent)}.utility-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.utility-slots .farm-slot{min-height:72px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;text-align:start;padding:8px 12px}.utility-slots .sprite{width:54px;grid-row:span 2}.utility-slots .slot-plus{grid-row:span 2;font-size:var(--font-title)}.room-controls{display:flex;justify-content:space-between;gap:4px 16px;padding:6px 12px;flex-wrap:wrap}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:var(--font-small);min-height:44px;padding:8px 0;color:var(--muted)}.locked-room{width:100%;min-height:84px;display:flex;align-items:center;gap:16px;margin-top:16px;border:1px dashed #4b5570;background:transparent;padding:12px 16px;text-align:start;color:var(--muted)}.locked-room>.sprite{width:45px;opacity:.6;filter:grayscale(.6)}.locked-room>span:first-of-type{display:flex;flex-direction:column;font-size:var(--font-small);gap:4px}.locked-room>span:last-of-type{font-size:var(--font-title);margin-inline-start:auto}.electricity{margin-top:24px;display:flex;flex-direction:column;align-items:stretch;font-size:var(--font-small)}.electricity>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);margin-bottom:8px}.electricity strong{color:var(--highlight);font-weight:400}meter{height:8px;width:100%;border:0;background:#28324b;border-radius:0;appearance:none}meter::-webkit-meter-bar{border:0;background:#28324b;border-radius:0;height:8px}meter::-webkit-meter-optimum-value{background:var(--accent)}meter::-moz-meter-bar{background:var(--accent)}.electricity meter::-webkit-meter-optimum-value{background:var(--highlight)}.electricity meter::-moz-meter-bar{background:var(--highlight)}.electricity>.text-button{align-self:flex-end}.farm-slot meter{height:4px;max-width:88px;margin-top:2px}.farm-slot meter::-webkit-meter-bar{height:4px}.inventory-filters{display:flex;gap:6px;flex-wrap:wrap;margin-block:20px 16px}.inventory-filters button{min-height:40px;padding:8px 10px;border:1px solid transparent;background:transparent;font-size:var(--font-small);color:var(--muted)}.inventory-filters button[aria-pressed=true]{border-color:#456379;background:#152b3c;color:var(--accent)}.inventory{display:grid;grid-template-columns:1fr;gap:8px;max-height:350px;overflow:auto;padding:6px;margin:-6px;scrollbar-color:#425773 var(--surface);scrollbar-width:thin}.inventory-item{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;min-width:0;min-height:84px;text-align:start;background:#11182a;border:1px solid #303c54;border-inline-start:3px solid var(--rarity);padding:8px 12px;position:relative}.inventory-item>.sprite{width:65px}.inventory-item>span:first-of-type{display:flex;flex-direction:column;gap:2px;min-width:0}.inventory-item strong{font-size:var(--font-label);color:var(--text)}.rarity-name,.inventory-item small{font-size:var(--font-small)}.inventory-item small{color:var(--muted)}.item-state{font-size:var(--font-small);color:var(--muted)}.inventory-item.selected{border-color:var(--accent);background:#122e40;box-shadow:0 0 0 1px var(--accent)}.inventory-item.selected .item-state{color:var(--accent)}.inventory-actions{margin-top:24px;display:flex;flex-direction:column;gap:8px}.inventory-actions>p:first-child{font-size:var(--font-small);color:var(--muted);min-height:40px;margin-bottom:4px}.inventory-actions>.text-button{text-align:start}.empty-state{color:var(--muted);font-size:var(--font-label);padding:28px 12px}.farm-rules{margin-top:12px}.farm-rules summary{font-size:var(--font-label)}.rule-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:12px;font-size:var(--font-small);color:var(--muted)}.rule-columns strong{color:var(--text)}.grid-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:stretch}.map-panel{padding:24px}.district-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:24px 20px;padding:16px;background:repeating-linear-gradient(90deg,transparent 0,transparent 6px,#54617b10 6px,#54617b10 7px),#060b16;border:1px solid #212e46}.district{background:#101c2c;border:1px solid #2d4360;min-height:140px;padding:8px;position:relative;color:var(--muted);min-width:0}.district>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-small);gap:4px;flex-wrap:wrap}.district-state{font-size:var(--font-small);color:#a6c4bc}.district>strong{font-size:var(--font-small);font-weight:400;display:block;line-height:1.5}.district-buildings{height:48px;display:flex;align-items:flex-end;justify-content:center;gap:3px;margin-block:4px 8px}.district-buildings>.sprite{height:100%;width:auto;max-width:100%}.your-district{border-color:var(--accent);background:#112d3a;box-shadow:0 0 8px #39e6ff22}.your-district strong{color:var(--accent)}.farm-pin{display:block;font-size:var(--font-small);color:var(--accent);margin-top:4px}.district-affected{border-color:var(--highlight)}.district-affected .district-state{color:var(--highlight)}.district-offline{background:#070913;border-color:#62552f}.district-offline .district-buildings{opacity:.25}.district-offline .district-buildings .sprite{filter:grayscale(1)}.map-legend{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:var(--font-small)}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{display:inline-block;width:8px;height:8px;border:1px solid #a6c4bc;background:#29493e}.map-legend .legend-farm{background:var(--accent);border-color:var(--accent)}.map-legend .legend-dark{background:#0a0b1c;border-color:#7d6b34}.lobby-row{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #2d344a}.lobby-row>div{max-width:36ch;font-size:var(--font-small)}.lobby-row p{color:var(--muted);margin-top:8px}.lobby-row .button{flex-shrink:0;font-size:var(--font-small);display:block}.terminal{background:#080e18;display:flex;flex-direction:column}.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:#151b2a;border-bottom:1px solid #35415a;color:var(--muted);font-size:var(--font-small)}.terminal-bar>span:first-child{display:flex;gap:6px}.terminal-bar i{width:6px;height:6px;background:#485169}.terminal-bar i:first-child{background:#b45970}.terminal-bar i:nth-child(2){background:#bfa944}.terminal-bar i:nth-child(3){background:#53a995}.terminal-bar>.sprite{width:26px}.terminal-content{padding:28px;display:flex;flex-direction:column;flex:1}.terminal-label{font-size:var(--font-small);color:var(--accent);display:flex;justify-content:space-between;margin-bottom:24px}#latest-letter h3{color:var(--text);margin-bottom:16px}#latest-letter p{font-size:var(--font-label);line-height:1.85;color:#b5c7d3;max-width:58ch}#latest-letter time{display:block;font-size:var(--font-small);margin-top:20px;color:var(--muted)}.terminal-cursor{color:var(--accent);margin-top:16px}.letter-log{margin-top:16px;border-top:1px solid #293345}.letter-log summary{color:var(--accent)}#letter-log{max-height:250px;overflow:auto;scrollbar-color:#425773 var(--surface);font-size:var(--font-small)}#letter-log article{padding-block:12px;border-bottom:1px solid #293345}#letter-log p{margin-top:8px;color:var(--muted)}.terminal-foot{margin-top:auto;padding-top:24px;font-size:var(--font-small);color:#8b9bb5}.how-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-block:12px 32px}.step-art{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #2f3c54;padding-bottom:16px;margin-bottom:20px}.step-art>.sprite{width:64px}.step-art>span{font-size:var(--font-small);color:var(--muted)}.how-step p{font-size:var(--font-label);line-height:1.75;color:var(--muted);margin-top:12px}.fairness-note{display:flex;align-items:center;gap:24px;background:#10131f;border-inline-start:3px solid var(--epic);padding:24px 28px}.fairness-note>.sprite{width:56px}.fairness-note p{font-size:var(--font-label);color:var(--muted);margin-top:8px;max-width:100ch}.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.extras-grid article{display:flex;gap:16px;align-items:flex-start;padding:24px 0;border-top:1px solid #33405a}.extras-grid .sprite{width:48px}.extras-grid h3{font-size:var(--font-label)}.extras-grid p{font-size:var(--font-small);color:var(--muted);margin-top:8px;line-height:1.7}.launch-panel{margin-block:64px 72px;border:1px solid #31536a;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#111e31,#10101f);position:relative}.launch-panel:before,.launch-panel:after{content:"";position:absolute;width:8px;height:8px;background:var(--accent)}.launch-panel:before{left:-1px;top:-1px}.launch-panel:after{right:-1px;bottom:-1px}.launch-panel>div:first-child{display:flex;align-items:center;gap:24px}.launch-panel>.sprite{width:80px}.launch-panel p{font-size:var(--font-label);color:var(--muted);margin-top:12px}.launch-action{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:var(--font-label);color:var(--highlight)}#launch-countdown{font-variant-numeric:tabular-nums;text-align:center}footer{border-top:1px solid #33405a;padding-block:32px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:var(--font-label)}.footer-top>span{color:var(--muted);font-size:var(--font-small)}.footer-top>a:last-child{padding-block:12px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:28px}.footer-bottom p{max-width:95ch;font-size:var(--font-small);line-height:1.8;color:var(--muted)}.footer-bottom button{flex-shrink:0}.footer-fine{font-size:var(--font-small);color:#8e9bb6;margin-top:16px}.notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:max-content;max-width:min(600px,calc(100% - 32px));display:none;align-items:center;gap:20px;background:#16283c;color:var(--text);border:1px solid #56879f;border-inline-start:4px solid var(--accent);padding:12px 12px 12px 20px;box-shadow:0 8px 30px #0009;z-index:15;font-size:var(--font-label)}.notice.visible{display:flex}.notice button{border:0;background:transparent;color:var(--text);width:40px;height:40px;flex-shrink:0;font-size:var(--font-title)}.warning{padding:16px;border:1px solid #847429;color:var(--highlight);margin-top:16px;font-size:var(--font-label)}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:32px;max-width:min(540px,calc(100% - 32px));overscroll-behavior:contain}dialog::backdrop{background:#05060fd9;backdrop-filter:blur(5px)}.confirm-dialog h2{font-size:var(--font-title);line-height:1.7}.confirm-dialog p{margin-top:20px;color:var(--muted);font-size:var(--font-label)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;flex-wrap:wrap}.legendary-dialog{max-width:none;width:100%;height:100%;max-height:100%;border:0;padding:24px;background:radial-gradient(ellipse at center,#343015,#090c1ced 65%);text-align:center;overflow:auto}.legendary-content{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:1}.legendary-dialog h2{font-size:var(--font-display);color:var(--legendary);text-shadow:0 0 30px #ffe60070}#legendary-art .sprite{width:240px;max-width:75vw;filter:drop-shadow(0 0 30px #ffe60044)}.legendary-dialog p{font-size:var(--font-label)}.legendary-dialog .primary{background:var(--legendary);border-color:var(--legendary);box-shadow:3px 3px #76651b}.legendary-flash{position:fixed;inset:0;background:#ffe600;opacity:0;pointer-events:none}.scanlines .city-art:after,.scanlines .pack-stage:after,.scanlines .room-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#03061533 3px,#03061533 4px);z-index:2}.scanlines .pack-stage:after{opacity:.45}.scanlines .room-scene:after{opacity:.3}.scanlines .pack-stage>*{z-index:3}@media(hover:hover){.site-header nav a:hover,.text-button:not(:disabled):hover{color:var(--accent)}.primary:not(:disabled):hover{background:#94f3ff;border-color:#94f3ff}.secondary:not(:disabled):hover,.preferences button:hover{background:#1a2a40;border-color:var(--accent)}.inventory-item:hover,.farm-slot:hover{border-color:var(--accent)}.card-back:not(:disabled):hover{background:#19354a;box-shadow:0 0 16px #39e6ff22}.pack-sprite-button:not(:disabled):hover{filter:drop-shadow(0 0 20px #39e6ff55)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.fan-spin{transform-origin:0 0;animation:fan 2s steps(8) infinite}.gpu-led{animation:led-blink 2.4s steps(1) infinite}.city-window{animation:window-blink 9s steps(1) infinite}.city-window:nth-of-type(3n){animation-delay:-4s}.tower-eye{animation:eye 7s steps(4) infinite}.city-lightning{animation:lightning 17s steps(1) infinite}.city-grid-hit{animation:window-outage 17s steps(1) infinite}.flicker{animation:flicker 13s steps(1) infinite}.pack-sprite-button:not(:disabled){animation:float 4s ease-in-out infinite}.pack-sprite-button.shaking{animation:shake .55s steps(5) both}.bursting .spark{animation:burst .7s cubic-bezier(.2,0,0,1) both}.revealed{animation:flip .5s cubic-bezier(.2,0,0,1) both}.revealed:nth-child(2){animation-delay:.1s}.revealed:nth-child(3){animation-delay:.2s}.card-particle{animation:particle 2s ease-in-out infinite;animation-delay:calc(var(--i)*-.2s)}.terminal-cursor{animation:cursor 1.2s steps(1) infinite}.legendary-dialog[open]:not(.no-flash) .legendary-flash{animation:flash .65s ease-out both}.district-offline{animation:outage 1s ease-out}.button:active:not(:disabled){transform:scale(.96)}@keyframes fan{to{transform:rotate(360deg)}}@keyframes led-blink{0%,70%,to{opacity:1}75%,90%{opacity:.25}}@keyframes window-blink{0%,90%,to{opacity:1}91%,96%{opacity:.15}}@keyframes eye{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes lightning{0%,95%,to{opacity:0}96%,98%{opacity:1}97%,99%{opacity:.18}}@keyframes window-outage{0%,95%,to{opacity:1}96%,99%{opacity:.08}}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.6}98%{opacity:.9}}@keyframes float{0%,to{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(-5deg)}}@keyframes shake{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.04)}75%{transform:rotate(10deg) scale(1.08)}}@keyframes burst{0%{transform:scale(.5);opacity:0}35%{transform:scale(3);opacity:1}to{transform:translateY(-30px) scale(1);opacity:0}}@keyframes flip{0%{transform:rotateY(85deg);opacity:.2}to{transform:rotateY(0);opacity:1}}@keyframes particle{50%{transform:translateY(-8px);opacity:.2}}@keyframes cursor{50%{opacity:0}}@keyframes flash{0%{opacity:.35}to{opacity:0}}@keyframes outage{0%{filter:brightness(1.7)}to{filter:brightness(1)}}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.city-lightning{opacity:.6}}@media(max-width:1100px){.site-header{gap:20px}.site-header nav{gap:20px}.header-end{gap:12px}.header-x{display:none}.farm-stats{grid-template-columns:1fr 1fr 1fr}.farm-stats>.button{grid-column:1/-1;justify-self:end}.district-map{grid-template-columns:repeat(2,1fr)}.district{min-height:128px}.district-buildings{height:36px}.section-meta{max-width:180px}.card-art>.sprite{width:80px}.reveal-area{padding:24px 20px}.launch-panel h2{font-size:var(--font-body)}}@media(max-width:860px){.wrap{width:calc(100% - 40px)}.site-header{min-height:76px}.site-header nav{display:none}.header-end{margin-inline-start:auto}.header-x{display:block}.hero{min-height:605px}.city-art>.sprite{width:1120px}.hero-content{padding-top:36px}.hero-content h1{font-size:var(--font-logo)}.demo-notice{align-items:flex-start;flex-direction:column}.demo-notice>span{align-items:flex-start}.pack-lab{grid-template-columns:36% 64%}.pack-stage{padding:20px 16px}.pack-stage-top>.badge:first-child{display:none}.pack-stage-top{justify-content:flex-end}.pack-stage>.button{min-width:0;width:100%;padding-inline:12px}.pack-orbit{min-height:245px}.orbit-line{width:150px;height:185px}.big-pack{width:150px}.reveal-area{padding:24px 16px}.cards{gap:8px}.item-card{padding:10px 8px;min-height:215px}.card-rarity{flex-direction:column;align-items:center}.card-rarity>span{display:none}.card-art>.sprite{width:72px}.farm-layout{grid-template-columns:1.2fr 1fr}.farm-panel,.inventory-panel{padding:20px 16px}.inventory-item{grid-template-columns:48px 1fr;gap:8px;padding:8px}.inventory-item>.sprite{width:46px}.item-state{grid-column:2}.inventory-filters{gap:0}.inventory-filters button{padding-inline:8px}.gpu-slots{gap:8px}.room-scene{padding-inline:12px}.utility-slots{gap:8px}.utility-slots .farm-slot{grid-template-columns:1fr;justify-items:center;text-align:center;padding:8px}.utility-slots .slot-plus,.utility-slots .sprite{grid-row:auto}.farm-slot{min-height:126px}.farm-stats{padding:20px;gap:16px}.farm-stats strong{font-size:var(--font-title)}.grid-layout{grid-template-columns:1fr 1fr}.map-panel{padding:20px 16px}.district-map{padding:12px;gap:8px}.terminal-content{padding:24px 20px}.lobby-row{flex-direction:column;align-items:stretch}.lobby-row .button{align-self:flex-start}.map-legend{gap:12px}.how-steps{grid-template-columns:repeat(3,1fr);gap:28px}.extras-grid{gap:20px}.extras-grid article{flex-direction:column}.launch-panel{padding:28px;flex-direction:column;align-items:flex-start}.launch-action{align-items:flex-start;flex-direction:row;align-self:stretch;justify-content:space-between;align-items:center}.footer-top{flex-wrap:wrap}.footer-top>span{display:none}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:640px){:root{--font-logo:2rem}.wrap{width:calc(100% - 32px)}.site-header{min-height:72px;gap:12px}.brand{font-size:var(--font-small);gap:4px}.brand>.sprite{width:40px}.header-end{gap:12px}.header-x{display:none}.mode-label{font-size:var(--font-small)}.hero{min-height:0}.hero-content{padding-top:30px;padding-bottom:24px}.hero-content h1{font-size:min(var(--font-logo),9vw);letter-spacing:-1px;text-shadow:2px 0 #172242,-2px 0 #172242,0 3px #172242,0 0 20px #39e6ff5c}.tagline{font-size:var(--font-body);line-height:1.65;margin-top:20px}.mobile-break{display:block}.hero-description{font-size:var(--font-small);margin-top:10px}.hero-actions{margin-top:24px;gap:12px;flex-direction:column;width:min(270px,100%)}.hero-actions .button{min-height:48px}.hero-actions .secondary{background:#0a1026ed}.hero-note{max-width:280px;margin-top:16px;line-height:1.7;background:#090e1df5}.city-art>.sprite{width:930px}.scene-caption{position:relative;inset:auto;padding:0 16px 12px;font-size:var(--font-small)}.scene-caption>span:last-child{display:none}.grid-ticker .wrap{gap:4px 16px;min-height:62px;font-size:var(--font-small)}.grid-ticker .wrap>span:first-child{width:100%}.grid-ticker .wrap>span:last-child{margin-inline-start:auto}.demo-notice{gap:16px;padding-block:20px}.demo-notice>span{line-height:1.75}.preferences{width:100%;gap:8px}.preferences button{flex:1;min-height:44px;padding:6px}.section{padding-top:48px}.section-heading{gap:12px;margin-bottom:20px;align-items:flex-start;flex-direction:column}.section-heading h2{font-size:var(--font-body);line-height:1.8;gap:12px}.section-heading p{font-size:var(--font-label);margin-top:8px;line-height:1.8}.section-meta{max-width:none;font-size:var(--font-small);text-align:start}#packs{display:flex;flex-direction:column;padding-top:0}#packs>.section-heading{margin-top:24px}.pack-lab{display:contents}.pack-stage{order:-1;border:1px solid var(--border);padding:20px 20px 24px;gap:12px}.pack-stage-top>.badge:first-child{display:block}.pack-stage-top{justify-content:space-between}.pack-orbit{min-height:180px;max-width:320px}.pack-sprite-button{min-height:170px}.orbit-line{width:150px;height:150px}.big-pack{width:120px}.pack-stage>.button{width:100%;max-width:280px}.pack-stage>.small{font-size:var(--font-small)}.reveal-area{border:1px solid var(--border);background:var(--surface);margin-bottom:24px}.reveal-area{padding:24px 16px}.cards{gap:8px;margin-block:20px 16px}.item-card{min-height:208px;padding:10px 6px}.card-art{margin-block:20px 12px}.card-art>.sprite{width:78px}.card-rarity,.item-card h4{font-size:var(--font-small)}.item-card p{font-size:var(--font-small);line-height:1.6}.card-added{font-size:var(--font-small)}.card-back>.sprite{width:40px}.reveal-bottom{align-items:flex-start}.reveal-bottom .button{min-width:100px;padding:12px}.odds>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-odds summary{padding-block:16px}.farm-stats{grid-template-columns:1fr 1fr;padding:20px 16px;gap:20px 16px}.farm-stats>div:first-child{grid-column:1/-1;border-bottom:1px solid #33405a;padding-bottom:16px}.farm-stats>div:first-child strong{font-size:var(--font-display)}.farm-stats>div>span{gap:4px}.farm-stats strong{font-size:var(--font-title)}.farm-stats>.button{width:100%}.farm-layout{grid-template-columns:1fr;gap:16px}.farm-panel,.inventory-panel{padding:20px 16px}.panel-heading{gap:8px}.panel-heading h3{font-size:var(--font-label)}.online-indicator{font-size:var(--font-small)}.room-scene{padding:28px 12px 20px}.gpu-slots{gap:8px}.farm-slot{min-height:136px;font-size:var(--font-small)}.gpu-slots:not(:has(.farm-slot:nth-child(2):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}.utility-slots .farm-slot{display:grid;grid-template-columns:auto 1fr;justify-items:start;text-align:start;min-height:70px;padding:8px;gap:2px 8px}.utility-slots .sprite,.utility-slots .slot-plus{grid-row:span 2}.utility-slots .sprite{width:42px}.utility-slots .slot-action{font-size:var(--font-small)}.room-controls{padding:4px 12px;gap:0 12px}.inventory-filters{justify-content:space-between;gap:4px}.inventory-filters button{min-height:44px;padding:8px 12px}.inventory-item{grid-template-columns:68px 1fr auto;padding:8px 12px}.inventory-item>.sprite{width:64px}.item-state{grid-column:auto}.inventory{max-height:355px}.inventory-actions>p:first-child{min-height:0}.locked-room{gap:8px;padding:12px}.locked-room>.sprite{width:38px}.rule-columns{grid-template-columns:1fr;gap:16px}.grid-layout{grid-template-columns:1fr}.map-panel{padding:20px 16px}.district-map{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}.district{min-height:132px}.district-buildings{height:38px}.lobby-row{gap:16px}.lobby-row>div{max-width:none}.lobby-row .button{align-self:stretch}.terminal-content{padding:24px}.terminal-label{margin-bottom:20px}.how-steps{grid-template-columns:1fr;gap:28px;padding-top:4px}.how-step{display:grid;grid-template-columns:72px 1fr;gap:0 20px}.step-art{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-start;border-bottom:0;padding:0;margin:0}.step-art>.sprite{width:64px}.how-step p{font-size:var(--font-label);margin-top:8px}.how-step h3{font-size:var(--font-body)}.fairness-note{gap:16px;padding:20px 16px;align-items:flex-start}.fairness-note>.sprite{width:34px}.fairness-note h3{font-size:var(--font-label)}.fairness-note p{font-size:var(--font-small);line-height:1.8}.extras .section-heading h2{font-size:var(--font-body)}.extras-grid{grid-template-columns:1fr;gap:0}.extras-grid article{flex-direction:row;gap:20px;padding-block:24px}.extras-grid .sprite{width:48px}.extras-grid h3{font-size:var(--font-label)}.extras-grid p{font-size:var(--font-small)}.launch-panel{margin-block:48px;padding:24px 20px;gap:28px}.launch-panel>div:first-child{flex-direction:column;align-items:flex-start;gap:16px}.launch-panel h2{font-size:var(--font-body);line-height:1.8}.launch-panel p{font-size:var(--font-label)}.launch-panel .sprite{width:72px}.launch-action{align-items:flex-start;flex-direction:column;width:100%}.launch-action .button{width:100%}.footer-top{gap:16px}.footer-top .brand{font-size:var(--font-small)}.footer-top>a:last-child{font-size:var(--font-small)}.footer-bottom{margin-top:24px}.footer-fine{font-size:var(--font-small)}.notice{bottom:16px;font-size:var(--font-small);gap:8px;padding:12px}.notice button{width:40px;height:40px}.legendary-dialog h2{font-size:var(--font-title)}dialog{padding:24px}.confirm-dialog h2{font-size:var(--font-body)}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}@media(forced-colors:active){button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:Highlight}.primary,.selected{border:2px solid Highlight}.sprite{forced-color-adjust:none}.status-dot{background:CanvasText}.scanlines .city-art:after{display:none}}