:root{--lcd-screen: #c3cba0;--lcd-screen-lit: #cdd4a8;--lcd-ink: #20251a;--lcd-ink-soft: #4a5140;--lcd-bezel: #161911;--lcd-grid: rgba(32, 37, 26, .06);--lcd-lime-screen: #9bbc0f;--lcd-lime-ink: #0f380f;--shell-bubblegum: #f48bb1;--shell-sky: #58c4e6;--shell-lemon: #f5d23e;--shell-lime: #a6d65b;--shell-grape: #b18ad6;--shell-tangerine: #f5994a;--shell-clear: #edefe9;--ink: #242521;--ink-2: #44493b;--ink-3: #767c69;--paper: #f3f0ea;--paper-2: #f1efe2;--paper-3: #e7e4d4;--line: #d9d6c5;--line-2: #c7c3ad;--divider: rgba(0, 0, 0, .12);--accent: #f0408a;--accent-press: #cf2f72;--accent-soft: #fde2ee;--accent-ink: #ffffff;--accent-2: #2f9fe0;--accent-2-press: #1f7fba;--health-thriving: #2fae57;--health-ok: #8bc34a;--health-warning: #f4a623;--health-danger: #e34646;--health-dead: #8b8b80;--slop: #7d8a3f;--text-strong: var(--ink);--text-body: var(--ink-2);--text-muted: var(--ink-3);--text-on-accent: var(--accent-ink);--surface-page: var(--paper);--surface-card: #f3f0ea;--surface-sunken: var(--paper-2);--surface-screen: var(--lcd-screen);--border-hairline: var(--line);--border-strong: var(--ink);--brand: var(--accent);--brand-press: var(--accent-press);--status-good: var(--health-thriving);--status-warn: var(--health-warning);--status-bad: var(--health-danger);--status-gone: var(--health-dead);--font-pixel: "Press Start 2P", "Courier New", monospace;--font-lcd: "Pixelify Sans", "Press Start 2P", monospace;--font-body: "Cozette", "Nunito", ui-rounded, system-ui, sans-serif;--text-3xs: 10px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--text-display: 68px;--weight-regular: 400;--weight-semibold: 600;--weight-bold: 700;--weight-extra: 800;--weight-black: 900;--leading-pixel: 1.4;--leading-tight: 1.12;--leading-snug: 1.3;--leading-normal: 1.55;--tracking-pixel: .02em;--tracking-caps: .08em;--tracking-body: 0;--type-logo: var(--font-pixel);--type-display: var(--font-pixel);--type-screen: var(--font-lcd);--type-ui: var(--font-body);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--container: 1160px;--container-narrow: 760px;--gutter: 24px;--device-w: 300px;--device-h: 360px;--screen-w: 180px;--screen-h: 150px;--tap-min: 48px;--btn-h: 52px;--btn-h-sm: 40px;--pixel-unit: 6px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 40px;--radius-2xl: 56px;--radius-pill: 999px;--radius-egg: 50% 50% 47% 47% / 62% 62% 40% 40%;--radius-screen: 14px;--border-w: 2px;--border-w-bold: 3px;--border-hair: 1px solid var(--line);--border-ink: 3px solid var(--ink);--shadow-plastic: 0 8px 0 rgba(0, 0, 0, .16), 0 18px 30px rgba(28, 31, 23, .22);--shadow-plastic-sm: 0 4px 0 rgba(0, 0, 0, .14), 0 8px 16px rgba(28, 31, 23, .18);--shadow-btn: 0 5px 0 var(--accent-press);--shadow-btn-2: 0 5px 0 var(--accent-2-press);--shadow-btn-ink: 0 5px 0 var(--ink);--shadow-screen: inset 0 3px 10px rgba(0, 0, 0, .4), inset 0 -1px 0 rgba(255, 255, 255, .25);--shadow-card: 0 2px 4px rgba(28, 31, 23, .06), 0 12px 28px rgba(28, 31, 23, .1);--shadow-card-hover: 0 4px 8px rgba(28, 31, 23, .08), 0 18px 40px rgba(28, 31, 23, .16);--gloss-top: linear-gradient( 180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .12) 30%, rgba(255, 255, 255, 0) 55% );--gloss-radial: radial-gradient( 120% 80% at 30% 12%, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0) 50% );--lcd-grid-overlay: linear-gradient(var(--lcd-grid) 1px, transparent 1px), linear-gradient(90deg, var(--lcd-grid) 1px, transparent 1px);--lcd-grid-size: 6px 6px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.2, .9, .3, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .4s;--focus-ring: 0 0 0 3px var(--paper), 0 0 0 6px var(--accent);--z-toast: 60;--z-modal: 50;--z-nav: 40}@font-face{font-family:Cozette;src:url(../fonts/CozetteVector.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Cozette;src:url(../fonts/CozetteVectorBold.woff2) format("woff2");font-weight:700 900;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--paper-3) 1.4px,transparent 1.4px);background-size:22px 22px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}h1,h2,h3,h4,p{margin:0}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.slop-anim{transform-origin:center bottom}@keyframes slop-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)}}@keyframes slop-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes slop-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.94)}}@keyframes slop-swing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes slop-rise{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-78px);opacity:0}}@keyframes slop-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes slop-scrollx{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slop-fly{0%{transform:translate(0)}25%{transform:translate(16px,-8px)}50%{transform:translate(6px,10px)}75%{transform:translate(-12px,-4px)}to{transform:translate(0)}}@keyframes slop-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slop-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes slop-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes slop-blink-led{0%,to{opacity:1}50%{opacity:.25}}@keyframes slop-react{0%{transform:scale(1)}28%{transform:scale(1.05)}55%{transform:scale(.985)}to{transform:scale(1)}}.fade-up{animation:slop-fade-up var(--dur-slow) var(--ease-snap) both}@keyframes slop-fade-in{0%{opacity:0}to{opacity:1}}.reveal{animation:slop-fade-up var(--dur-slow) var(--ease-snap) both;animation-delay:calc(var(--reveal-i, 0) * .18s)}.reveal-fade{animation:slop-fade-in var(--dur-base) ease both;animation-delay:calc(var(--reveal-i, 0) * .18s)}@keyframes slop-reveal{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal-card{animation:slop-reveal .52s var(--ease-snap) both;animation-delay:calc(var(--reveal-i, 0) * 60ms)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:2px solid var(--paper)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box}.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.states-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.zoo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}@media (max-width: 860px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.footer-grid{grid-template-columns:1fr}}.play-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:40px;align-items:start}.dash3{display:flex;flex:1;min-height:0;height:calc(100vh - 64px)}.dash3>.col{padding:40px 32px;overflow-y:auto;box-sizing:border-box}.dash3>.col-left{flex:0 0 20%;border-right:1px solid var(--divider);display:flex;flex-direction:column}.dash3>.col-mid{flex:1;border-right:1px solid var(--divider);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.dash3>.col-right{flex:0 0 22%;min-width:300px;display:flex;flex-direction:column;gap:16px}@media (max-width: 1040px){.dash3{flex-direction:column;height:auto}.dash3>.col{flex:none;border-right:none;border-bottom:1px solid var(--divider);overflow:visible}.dash3>.col-right{min-width:0}}@media (max-width: 1040px){.zoo-grid,.states-strip{grid-template-columns:repeat(3,1fr)}.cases-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}@media (max-width: 920px){.hero-grid{grid-template-columns:1fr;gap:36px}.features-grid{grid-template-columns:1fr}.play-grid{grid-template-columns:1fr;justify-items:center}}@media (max-width: 720px){.zoo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.zoo-grid{grid-template-columns:1fr}.states-strip{grid-template-columns:repeat(2,1fr)}}.section-label{font-family:var(--font-pixel);font-weight:400;font-size:8px;letter-spacing:var(--tracking-pixel);line-height:1.5;text-transform:uppercase;color:#000c}.pixel-display{font-family:var(--font-pixel);line-height:1.32;color:var(--ink)}.onb-grid{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;min-height:380px}@media (max-width: 680px){.onb-grid{grid-template-columns:1fr}.onb-preview{border-right:none!important;border-bottom:1px solid var(--line)}}.scoreboard-table{width:100%;border-collapse:collapse;font-size:14px}.scoreboard-table thead th{text-align:left;font-weight:800;font-size:12px;color:var(--ink-3);letter-spacing:.01em;padding:12px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);-webkit-user-select:none;user-select:none}.scoreboard-table tbody td{padding:12px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.scoreboard-table tbody tr:last-child td{border-bottom:none}.scoreboard-table tbody tr:hover{background:var(--paper-2)}