:root {
  --canvas: #faf9f5;
  --surface: #ffffff;
  --surface-2: #eeefe8;
  --border: #dce1d7;
  --border-strong: #afb9a9;
  --ink: #172b24;
  --muted: #52665d;
  --accent: #254d39;
  --accent-hover: #173e2b;
  --accent-ink: #ffffff;
  --accent-text: #22553a;
  --accent-strong: #244b35;
  --accent-soft: #dfecdf;
  --accent-border: #b4d1b9;
  --success: #166534;
  --success-ink: #ffffff;
  --success-soft: #dfebe3;
  --success-strong: #166534;
  --warning: #a25010;
  --warning-ink: #ffffff;
  --warning-soft: #f7e5d6;
  --warning-strong: #91440b;
  --danger: #ac3030;
  --danger-ink: #ffffff;
  --danger-soft: #fbe3e3;
  --danger-strong: #992929;
  --chart-1: #325f47;
  --chart-2: #688d72;
  --chart-3: #97b28b;
  --chart-4: #556d9c;
  --chart-5: #9a76b6;
  --chart-6: #d1a574;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "DM Sans", sans-serif;
  --font-sans: "DM Sans", sans-serif;
  --font-mono: "DM Mono", monospace;
  --display-weight: 400;
  --display-tracking: -0.035em;
  --eyebrow-tracking: 0.15em;
  --radius-btn: 999px;
  --radius-card: 16px;
  --radius-input: 12px;
  --x-band-bg: #244734;
  --x-band-ink: #ffffff;
  --x-band-soft: #c8dbb7;
  --x-band-line: #8ca28e;
  --x-game-yellow: #f9d77d;
  --x-game-yellow-shadow: #d4a34b;
  --x-game-dark: #27344d;
  --x-game-light: #eef8e8;
  --x-game-purple: #59419b;
  --x-game-border: #a5c19f;
  --x-game-sky: #cceefe;
  --x-game-sky-bottom: #f3f9e9;
  --x-game-cloud: #ffffff;
  --x-game-hill: #9bcf8c;
  --x-game-hill-2: #74b877;
  --x-game-shadow: #00000033;
  --x-game-overlay: #f5ffefed;
  --x-game-white: #ffffff;
  --x-game-shadow-purple: #35245e;
}
html[data-theme="dark"] {
  --canvas: #101e19;
  --surface: #1b2c24;
  --surface-2: #253b30;
  --border: #3e5749;
  --border-strong: #60796b;
  --ink: #f1f6ee;
  --muted: #b4c8ba;
  --accent: #b4d8a8;
  --accent-hover: #c8e6bb;
  --accent-ink: #13321f;
  --accent-text: #c1e8b3;
  --accent-strong: #d5f3cf;
  --accent-soft: #304d38;
  --accent-border: #63866c;
  --success: #75b48b;
  --success-ink: #0b2414;
  --success-soft: #1d402a;
  --success-strong: #a4e4b1;
  --warning: #f0b36c;
  --warning-ink: #35200a;
  --warning-soft: #4f3520;
  --warning-strong: #ffd399;
  --danger: #ee9292;
  --danger-ink: #3a1111;
  --danger-soft: #4c2222;
  --danger-strong: #ffb1b1;
  --chart-1: #b4d8a8;
  --chart-2: #75a5a5;
  --chart-3: #98abcf;
  --chart-4: #b18bca;
  --chart-5: #e0b381;
  --chart-6: #e1d9a4;
  --x-band-bg: #0a1711;
  --x-band-ink: #ffffff;
  --x-band-soft: #c8dbb7;
  --x-band-line: #8ca28e;
  --x-game-yellow: #f9d77d;
  --x-game-yellow-shadow: #d4a34b;
  --x-game-dark: #172a23;
  --x-game-light: #20372c;
  --x-game-purple: #59419b;
  --x-game-border: #a5c19f;
  --x-game-sky: #b2d9f3;
  --x-game-sky-bottom: #d5ebc2;
  --x-game-cloud: #ffffff;
  --x-game-hill: #9bcf8c;
  --x-game-hill-2: #74b877;
  --x-game-shadow: #00000033;
  --x-game-overlay: #e3f5e9ed;
  --x-game-white: #ffffff;
  --x-game-shadow-purple: #35245e;
}

html{scroll-behavior:smooth}body{font-family:var(--font-body)}.shell{max-width:1220px;margin:auto;padding:0 28px}.site-bar{border-bottom:1px solid var(--border)}.bar-inner,.bar-right,.nav-links,.hero-actions,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.bar-inner{min-height:78px}.brand{font-size:15px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.brand-light{font-weight:400}.berry-symbol{font-size:27px;color:var(--accent-text)}.nav-links a,.nav-year{font-size:12px;color:var(--muted)}.eyebrow,.hero-foot,.quick-title,.quick-stat>span,.panel-top,.side-label,.trade-card-head .eyebrow,.knowledge-index,.photo-overlay>span,.journey-step>span,.dark-note,.fineprint,.footer-bottom,.source-inline{font-size:11px;letter-spacing:.09em;font-weight:700}.eyebrow{color:var(--accent-text)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding-top:42px;padding-bottom:52px;min-height:620px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px 0}.hero h1,.section h2,.faq-layout h2,.dark-band h2,.footer-title{font:400 clamp(58px,6vw,95px)/.98 var(--font-display);letter-spacing:-.04em}.hero h1{font-size:clamp(72px,7.5vw,110px);margin:32px 0}.hero h1 em,.section h2 em,.faq-layout em,.footer-title em{color:var(--accent-text)}.hero-copy>p,.section-head>p,.source-lead{color:var(--muted);line-height:1.8;font-size:15px}.hero-actions{justify-content:flex-start;margin-top:32px;gap:12px}.pill-dark,.pill-outline{padding:15px 23px;border-radius:50px;font-size:13px;font-weight:700;display:inline-flex;gap:16px;justify-content:space-between}.pill-dark{background:var(--accent);color:var(--accent-ink)}.pill-outline{border:1px solid var(--border-strong)}.hero-foot{display:flex;gap:16px;color:var(--muted);margin-top:auto;padding-top:55px}.hero-visual{position:relative;min-height:550px;overflow:hidden}.hero-visual img,.photo-break img{width:100%;height:100%;object-fit:cover}.hero-sticker{position:absolute;bottom:0;right:0;padding:26px;background:var(--surface);font-weight:800;font-size:14px;letter-spacing:.1em}.hero-sticker span{padding-left:16px}.quick-take{display:grid;grid-template-columns:.8fr repeat(3,1fr);gap:22px;border-block:1px solid var(--border);padding-block:37px}.quick-stat{padding-left:26px;border-left:1px solid var(--border)}.quick-stat span{color:var(--muted)}.quick-stat strong{font:400 46px var(--font-display);display:block;margin-top:12px}.quick-stat p{font-size:12px;color:var(--muted);margin-top:8px}.section{padding-block:110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section h2,.faq-layout h2,.dark-band h2{font-size:clamp(52px,6vw,86px);margin-top:20px}.section-head>p{max-width:330px}.ranking-layout{display:grid;grid-template-columns:1fr 280px;gap:24px}.ranking-panel,.trade-card{border:1px solid var(--border);background:var(--surface);padding:28px}.panel-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);margin-bottom:26px}.rank-row{display:grid;grid-template-columns:26px minmax(110px,1fr) minmax(60px,.9fr) 65px;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:12px 0}.rank-index,.trade-pos{font:11px var(--font-mono);color:var(--muted)}.rank-name strong,.rank-name small,.import-row strong,.import-row small{display:block}.rank-name strong{font-size:13px}.rank-name small,.import-row small{font-size:10px;color:var(--muted);margin-top:5px}.rank-track,.trade-track{background:var(--surface-2);height:7px;border-radius:20px;overflow:hidden}.rank-fill,.trade-fill{background:var(--chart-1);height:100%;border-radius:20px}.rank-value,.trade-row>b{font-size:12px;text-align:right}.source-inline,.fineprint{color:var(--muted);line-height:1.7;letter-spacing:0;margin-top:24px}.side-note{background:var(--accent-soft);padding:30px}.side-label{color:var(--accent-strong)}.side-note>strong{display:block;font:400 82px var(--font-display);margin-top:32px;color:var(--accent-strong)}.side-note>strong span{font-size:40px}.side-note h3,.knowledge-grid h3{font:400 27px var(--font-display);margin:12px 0}.side-note p,.knowledge-grid p,.trade-card-bottom,.callout-mini p{font-size:13px;line-height:1.75;color:var(--muted)}.side-divider{border-top:1px solid var(--accent-border);margin:32px 0}.photo-break{height:470px;position:relative;overflow:hidden}.photo-break img{filter:brightness(.58)}.photo-overlay{position:absolute;inset:0;color:white;display:flex;flex-direction:column;justify-content:end;padding-bottom:45px}.photo-overlay strong{font:400 clamp(45px,6vw,78px)/1 var(--font-display);margin-top:12px}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trade-card-head{border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:12px}.trade-card-head h3{font:400 40px var(--font-display);margin:18px 0 8px}.trade-card-head p{font-size:12px;color:var(--muted)}.trade-row{display:grid;grid-template-columns:20px minmax(90px,1fr) minmax(60px,.75fr) 75px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);font-size:13px}.trade-card-bottom{margin-top:25px}.trade-card-bottom a{color:var(--accent-text)}.import-row{display:grid;grid-template-columns:24px 1fr 94px;gap:10px;border-bottom:1px solid var(--border);padding:20px 0;align-items:center}.import-row>span{font-size:11px;color:var(--muted)}.import-row>b{font-size:12px;text-align:right}.callout-mini{padding:22px;background:var(--surface-2);margin-top:25px}.callout-mini span{font-size:10px;font-weight:800}.dark-band{background:var(--x-band-bg);color:var(--x-band-ink);padding-block:110px}.dark-band .eyebrow,.dark-band h2 em{color:var(--x-band-soft)}.dark-intro{max-width:540px;line-height:1.7;margin-top:25px}.journey-grid{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:20px;margin-top:70px}.journey-step{border-top:1px solid var(--x-band-line);padding-top:24px}.journey-step>span,.dark-note{color:var(--x-band-soft)}.journey-step strong{display:block;font:400 30px var(--font-display);margin:24px 0 12px}.journey-step p{font-size:13px;line-height:1.7}.journey-arrow{padding-top:40px}.dark-note{margin-top:70px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.knowledge-grid article{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:30px;min-height:255px}.knowledge-index{color:var(--accent-text)}.knowledge-grid h3{margin:28px 0 15px}.faq-band{background:var(--surface-2);padding-block:110px}.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq-layout>div>p{color:var(--muted);margin-top:25px}.faq-items details{padding:22px 0;border-bottom:1px solid var(--border-strong)}.faq-items summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;font-weight:700}.faq-items summary::-webkit-details-marker{display:none}.faq-items details p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:16px}.source-lead{max-width:600px;margin:20px 0 35px}.source-list{border-top:1px solid var(--border)}.source-list a{display:grid;grid-template-columns:27px 1fr 25px;gap:15px;align-items:center;border-bottom:1px solid var(--border);padding:23px 0}.source-list a>span,.source-list a>b{color:var(--accent-text)}.source-list strong,.source-list small{display:block}.source-list strong{font-size:14px}.source-list small{font-size:12px;color:var(--muted);margin-top:8px}.footer{background:var(--surface-2);padding-block:90px 22px}.footer-title{font-size:clamp(60px,8vw,110px)}.footer-bottom{border-top:1px solid var(--border);margin-top:90px;padding-top:20px;color:var(--muted)}@media(max-width:900px){.nav-year{display:none}.ranking-layout{grid-template-columns:1fr}.trade-columns{grid-template-columns:1fr}.hero h1{font-size:72px}.faq-layout{gap:25px}}@media(max-width:650px){.bar-inner{min-height:68px}.nav-links{display:none}.shell{padding-inline:20px}.hero{display:flex;flex-direction:column;padding-top:20px}.hero-copy{padding:35px 0 10px}.hero h1{font-size:70px;margin:26px 0}.hero-visual{height:410px;min-height:410px}.hero-foot{padding-top:28px}.quick-take{grid-template-columns:1fr 1fr}.quick-title{grid-column:span 2}.quick-stat{padding-left:16px}.quick-stat strong{font-size:40px}.section{padding-block:75px}.section-head{display:block}.section-head>p{margin-top:24px}.section h2,.faq-layout h2,.dark-band h2{font-size:58px}.ranking-panel,.trade-card{padding:16px}.panel-top{font-size:8px}.rank-row{grid-template-columns:20px minmax(90px,1fr) 60px;gap:8px}.rank-track,.trade-track{display:none}.trade-row{grid-template-columns:23px 1fr 75px}.photo-break{height:360px}.journey-grid{display:block;margin-top:40px}.journey-step{margin-top:27px}.journey-arrow{transform:rotate(90deg);padding-top:0;margin-top:18px}.knowledge-grid{grid-template-columns:1fr 1fr}.knowledge-grid article{padding:20px;min-height:290px}.faq-layout{display:block}.faq-items{margin-top:30px}.footer-bottom{flex-direction:column;align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch;width:100%}}@media(max-width:390px){.knowledge-grid{grid-template-columns:1fr}.knowledge-grid article{min-height:auto}.hero h1{font-size:60px}}
/* Keep every caption and paragraph legible on the dark-green journey panel. */
.dark-band,.dark-band h2,.dark-band .dark-intro,.dark-band .journey-step,.dark-band .journey-step strong,.dark-band .journey-step p,.dark-band .journey-arrow{color:var(--x-band-ink)}
.dark-band .eyebrow,.dark-band h2 em,.dark-band .journey-step>span,.dark-band .dark-note{color:var(--x-band-soft)}

/* A bright, playful wing of the blueberry atlas */
.play-nav{font-weight:800!important;color:var(--accent-text)!important}.pill-play{background:var(--x-game-yellow);color:var(--x-game-dark);padding:16px 22px;border-radius:60px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 7px 0 var(--x-game-yellow-shadow);transform:rotate(-2deg);transition:transform .2s}.pill-play:hover{transform:rotate(0deg) translateY(-3px)}.game-invite{margin-block:40px 0;padding-block:48px;background:var(--x-game-light);border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.game-invite h2{font:400 60px var(--font-display);margin:12px 0}.game-invite h2 em{color:var(--accent-text)}.game-invite p{max-width:540px;font-size:14px;line-height:1.7;color:var(--muted)}.game-invite-link{background:var(--accent);color:var(--accent-ink);padding:20px 27px;border-radius:60px;white-space:nowrap;font-weight:800}.game-world{background:var(--x-game-light);padding:52px 0 100px;min-height:100vh}.game-topline{text-align:center;letter-spacing:.19em;font-size:12px;color:var(--accent-text);font-weight:800}.game-title{text-align:center;font:400 clamp(68px,9vw,125px)/1 var(--font-display);margin:14px 0}.game-title em{color:var(--x-game-purple)}.game-lead{text-align:center;color:var(--muted);font-size:16px;margin:10px auto 40px;max-width:520px}.game-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:27px;align-items:start}.game-board-wrap{min-width:0}.game-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.game-hud div{background:var(--surface);border:2px solid var(--x-game-border);border-radius:15px;text-align:center;padding:14px 5px;font-weight:800;font-size:13px}.game-hud b{font-size:20px;color:var(--x-game-purple);padding-left:5px}.berry-game{height:470px;position:relative;overflow:hidden;border:5px solid var(--x-game-border);border-radius:24px;background:linear-gradient(var(--x-game-sky),var(--x-game-sky-bottom));touch-action:none;outline-offset:5px}.sky-cloud{position:absolute;background:var(--x-game-cloud);width:100px;height:28px;border-radius:50px;top:14%;animation:cloudFloat 14s ease-in-out infinite alternate}.sky-cloud:before{content:"";position:absolute;background:inherit;width:48px;height:48px;border-radius:50%;top:-25px;left:20px}.cloud-a{left:13%}.cloud-b{left:70%;top:29%;transform:scale(.8);animation-delay:-6s}.game-hill{position:absolute;bottom:-100px;background:var(--x-game-hill);border-radius:50%;height:210px;width:110%}.hill-a{left:-35%}.hill-b{left:42%;background:var(--x-game-hill-2)}.berry-field{position:absolute;inset:0;pointer-events:none}.falling-item{position:absolute;top:-10%;transform:translate(-50%,-50%);font-size:39px;filter:drop-shadow(0 5px 2px var(--x-game-shadow));user-select:none}.berry-basket{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:76px;line-height:1;filter:drop-shadow(0 7px 2px var(--x-game-shadow));pointer-events:none;z-index:2}.game-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--x-game-overlay);padding:24px}.game-overlay[hidden]{display:none}.overlay-mascot{font-size:78px;animation:berryBounce 1.3s ease-in-out infinite}.game-overlay h2{font:400 clamp(36px,5vw,54px) var(--font-display);color:var(--x-game-dark);margin:10px}.game-overlay p{max-width:320px;font-size:15px;color:var(--x-game-dark);line-height:1.6}.game-start{background:var(--x-game-purple);color:var(--x-game-white);font-weight:800;font-size:20px;padding:18px 42px;border:none;border-radius:50px;margin:22px 0 10px;cursor:pointer;box-shadow:0 7px 0 var(--x-game-shadow-purple);transition:transform .16s}.game-start:hover{transform:translateY(-3px)}.game-overlay small{font-size:12px;color:var(--x-game-dark)}.game-message{text-align:center;font-size:15px;font-weight:800;color:var(--accent-text);padding:19px}.game-mobile-controls{display:flex;gap:12px;justify-content:center;margin-top:12px}.game-mobile-controls button{flex:1;padding:17px 15px;border-radius:13px;border:2px solid var(--x-game-border);background:var(--surface);font-weight:800;touch-action:none}.game-side{border:3px solid var(--x-game-border);border-radius:24px;padding:29px;background:var(--surface)}.game-side-berry{font-size:65px;animation:berryBounce 2s ease-in-out infinite}.game-side h2{font:400 43px var(--font-display);margin:10px 0}.game-side>p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:24px}.game-rule{display:flex;gap:15px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.game-rule>span{font-size:31px}.game-rule strong,.game-rule small{display:block}.game-rule strong{font-size:14px}.game-rule small{color:var(--muted);font-size:12px;margin-top:3px}.game-fact{background:var(--x-game-light);padding:22px;border-radius:14px;margin-top:20px}.game-fact span{font-weight:800;font-size:11px;letter-spacing:.12em;color:var(--accent-text)}.game-fact p{line-height:1.7;font-size:13px;margin-top:12px}.game-learn{display:block;margin-top:25px;color:var(--accent-text);font-weight:800;font-size:13px}.play-back{font-weight:700;font-size:13px;color:var(--accent-text)}@keyframes berryBounce{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}@keyframes cloudFloat{to{translate:35px 0}}@media(max-width:850px){.game-layout{grid-template-columns:1fr}.game-side{max-width:none}.game-invite{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.game-world{padding:32px 0 70px}.game-title{font-size:68px}.game-hud div{font-size:10px;padding:12px 2px}.game-hud b{font-size:16px}.berry-game{height:390px}.game-invite{border-radius:0}.game-invite h2{font-size:48px}.game-invite-link{white-space:normal}.falling-item{font-size:34px}.game-overlay h2{font-size:38px}}html.reduced-motion .overlay-mascot,html.reduced-motion .game-side-berry,html.reduced-motion .sky-cloud{animation:none}
