/* Illustrated field guide, answer cards and responsive game layout. */
:root{--ink:#173e30;--forest:#173e30;--green:#a4e36e;--muted:#6b766b;--line:#dfe4d6;--paper:#fffdf7}
body{background:#faf9f2;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#game{max-width:1280px;padding:27px 42px 42px}
.breadcrumb.game-return{justify-content:space-between;margin-bottom:30px}
.breadcrumb.game-return>a,.back-home{font-size:11px;color:#626e62}
.edition-badge{font-size:9px;letter-spacing:.13em;color:#65725f;border:1px solid #d9dfce;padding:5px 10px;border-radius:4px;white-space:nowrap}
.back-home{border:0;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.refresh-landing{grid-template-columns:1fr 1.15fr;gap:42px;padding:12px 0 32px;align-items:center}
.landing-copy .eyebrow{font-size:9px;letter-spacing:.14em;display:flex;align-items:center;gap:9px}
.live-dot{width:6px;height:6px;border-radius:50%;background:#719858;display:inline-block}
.refresh-landing h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(44px,4.6vw,65px);line-height:1.08;letter-spacing:-.045em;margin:26px 0 23px;max-width:510px}
.refresh-landing h1 em{display:block;font-weight:400;color:#588742;line-height:1.1}
.refresh-landing .intro{font-size:14px;line-height:1.9;max-width:370px;color:#63705f}
.refresh-landing .actions{gap:22px;margin-top:27px}
.primary{background:#a4e36e;border-color:#a4e36e;border-radius:7px;min-height:50px;letter-spacing:.04em;font-size:11px;box-shadow:none;padding:14px 25px}
.primary:hover{background:#b2ed7e}
.play-details{font-size:10px;line-height:1.9;color:#335139}.play-details strong{font-weight:400;color:#7a8072;font-size:9px}
.edition-note{font-size:10px;color:#697761;border-top:1px solid #dce3d2;margin-top:32px;padding-top:15px;max-width:365px}
.edition-note>span{display:block;font-size:8px;font-weight:750;letter-spacing:.13em;margin-bottom:3px;color:#47633d}
.world-scene{position:relative;height:440px;margin-bottom:27px;isolation:isolate}
.world-story{width:100%;height:100%;object-fit:cover;object-position:48% 50%;border-radius:150px 150px 12px 12px;display:block;box-shadow:0 14px 28px #203e1910}
.scene-stamp{position:absolute;top:29px;left:25px;transform:rotate(-5deg);background:#fffdf1ed;padding:12px 14px;border:1px solid #c6c8a2;box-shadow:3px 4px 0 #284d2210;border-radius:2px}
.scene-stamp>span{display:block;font-size:6px;font-weight:700;letter-spacing:.1em}.scene-stamp>strong{display:block;font:italic 21px/1.15 Georgia,serif;margin:6px 0}.scene-stamp>small{font-size:5px;letter-spacing:.12em}
.hero-host{position:absolute;bottom:-30px;right:-10px;display:flex;align-items:center;gap:8px;background:#fffdf5;border:1px solid #d8dfc9;border-radius:13px;padding:8px 19px 8px 10px;box-shadow:0 7px 20px #33451e0d;transform:rotate(2deg)}
.hero-host>.zumi-art{width:86px;height:98px;animation:gentle-float 4s ease-in-out infinite}
.hero-host>div{font:italic 16px/1.35 Georgia,serif;color:#395335}.hero-host small{display:block;font:600 6px/1.5 sans-serif;letter-spacing:.12em;margin-top:8px;color:#6d7d61}
@keyframes gentle-float{50%{transform:translateY(-4px) rotate(-2deg)}}
.chapter-section{margin-top:25px;border-top:1px solid var(--line);padding-top:27px}
.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}.section-heading .eyebrow{font-size:8px;letter-spacing:.14em;color:#7a886c}.section-heading h2{font:400 25px/1.2 Georgia,serif;letter-spacing:-.025em;margin:6px 0 0}.chapter-hint{font-size:10px;color:#76826d;margin-bottom:3px}
.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.chapter{padding:0 0 14px;text-align:left;border:0;background:none;min-width:0;border-radius:9px;transition:transform .18s}.chapter:hover{transform:translateY(-4px)}
.chapter-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.7;background:#e1e9d5;border-radius:8px}.chapter-image .answer-landscape{width:100%;height:100%;position:absolute;inset:0;transform:scale(1.7)}
.chapter-number{position:absolute;top:10px;left:10px;background:#fffdf4eb;width:25px;height:25px;border:1px solid #d6dcc7;display:grid;place-items:center;border-radius:50%;font:11px Georgia,serif}
.new-tag{position:absolute;right:8px;top:10px;background:#f2fadf;border:1px solid #dceac7;border-radius:4px;padding:4px 6px;font-size:7px;letter-spacing:.08em}
.chapter-label{display:flex;justify-content:space-between;margin:12px 1px 6px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#7a856e}.chapter-label>span{font-size:15px;line-height:.7;color:#3e5937}
.chapter>strong{font:400 18px/1.3 Georgia,serif;display:block;margin:0 1px}.chapter>small{font-size:9px;color:#7e8579;margin:5px 1px 0;display:block}
.data-promise{border-block:1px solid var(--line);display:flex;align-items:center;gap:15px;margin-top:12px;padding:22px 0}.promise-icon{font-size:29px;color:#7b9469}.data-promise strong{font-size:11px;font-weight:650}.data-promise p{font-size:10px;color:#7a8174;margin:3px 0 0}.source-brands{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px;font-size:9px;color:#66715f}.source-brands i{font-style:normal;color:#9aaa8b}.signature{font-size:8px;margin-top:18px}
.play-wrap{max-width:800px}.game-brand{font:20px Georgia,serif}.brand-dot{width:26px;height:26px;font-size:18px}.progress{height:4px}.progress span{background:#8ebf63}.progress-meta{font-size:9px;margin-top:20px}
.question{padding-top:29px}.question>.eyebrow{font-size:9px}.question h2{font:400 clamp(29px,3vw,40px)/1.16 Georgia,serif;max-width:640px;letter-spacing:-.025em}.country-heading{font-size:13px}.context{font-size:10px}
.question .options{gap:27px;margin-top:25px}.question .options .option{padding:9px 9px 13px;border:1px solid #d0d7c4;border-radius:12px;background:#fffdf7;box-shadow:0 4px 0 #e1e7d7;min-height:0}
.question .options .answer-art{border-radius:6px;aspect-ratio:1.4;margin-bottom:14px;max-height:244px;background:#e5ead7}
.question .options .answer-landscape{height:100%;width:100%;object-fit:contain;transform:scale(1.4)}
.question .options .answer-art{isolation:isolate}.question .options .answer-letter{border:0;border-radius:50%;background:#fffdf2ed;font-family:Georgia,serif;width:25px;height:25px;top:10px;left:10px}
.question .options .icon{border:1px solid #dbe1cf;border-radius:50%;background:#fffdf3;width:31px;height:31px;font-size:18px;transform:none;box-shadow:none}
.question .options .option-kicker{display:block;font-size:7px;letter-spacing:.13em;color:#889177;margin-bottom:5px}.question .options .label{font:400 22px/1.2 Georgia,serif;color:#234730}.question .option .choice-mark{font-size:9px;margin-top:7px;min-height:15px}
.question .option:hover:not(:disabled){box-shadow:0 6px 0 #d8e6ca;transform:translateY(-3px);border-color:#8bac6c}.question .option.correct{background:#f2f8e8;border:1px solid #77a34f;box-shadow:0 4px 0 #afc991}.question .option.chosen:not(.correct){background:#f0f3f0;border:1px solid #829e9d;box-shadow:0 4px 0 #becdca}
.question .vs{top:43%;font-size:9px;background:#faf9f2;border:1px solid #d4ddc8;box-shadow:none;padding:10px}.question .trend-options .label{font-size:19px}.question .trend-options .answer-art{aspect-ratio:1.1}.question .trend-options .answer-landscape{transform:scale(1.1)}
.tap-hint{font-size:10px;margin:16px 0 4px}.data-footnote{font-size:9px;margin-top:24px}
.host-note{border-top:1px solid #e0e5d7;padding-top:17px;margin-top:10px;gap:15px}.host-note>.zumi-art{width:67px;height:71px}.host-note>div>strong{display:block;font-size:7px;letter-spacing:.15em;color:#8b987d;margin-bottom:5px}.host-note>div>span{display:block;font:italic 14px/1.5 Georgia,serif;max-width:560px;color:#5f7152}
.reveal{margin-top:15px;background:#fffdf7;border-radius:12px;padding:25px 29px;border-color:#d7dfcd}.reveal h3{font:400 25px/1.25 Georgia,serif;letter-spacing:-.02em;margin:10px 0 24px}.verdict{font-size:9px;letter-spacing:.11em}.bar-label{font-size:11px}.bar-track{height:10px;background:#edf0e5}.bar-fill{background:#91b975}.insight{font-size:11px;line-height:1.8;max-width:650px}.source-line{font-size:9px}.next-actions .text-link{font-size:10px}.reveal .chart{height:85px}.next-actions{margin-top:18px}.results h2{font:400 32px Georgia,serif}.results{background:#fffdf5;border:1px solid #d0d9c2;box-shadow:0 5px 0 #e0e6d4;border-radius:15px}
@media(min-width:1400px){.world-scene{height:470px}.refresh-landing{padding-top:25px;padding-bottom:38px}}
@media(max-width:1000px){#game{padding-inline:28px}.refresh-landing{gap:25px;grid-template-columns:1fr 1fr}.refresh-landing h1{font-size:45px}.world-scene{height:410px}.hero-host{right:-4px}.hero-host>.zumi-art{width:70px;height:80px}.hero-host>div{font-size:14px}.source-brands{max-width:270px;line-height:1.5}.chapters{gap:16px}}
@media(max-width:760px){.refresh-landing h1{font-size:38px}.refresh-landing .intro{font-size:12px}.landing-copy .eyebrow{font-size:7px}.world-scene{height:355px}.scene-stamp{left:15px;top:26px}.scene-stamp strong{font-size:18px}.refresh-landing .actions{gap:13px}.play-details{font-size:8px}.play-details strong{font-size:7px}.edition-note{font-size:9px}.chapters{gap:12px}.chapter>strong{font-size:16px}.chapter>small{font-size:8px}.data-promise{flex-wrap:wrap}.source-brands{margin-left:43px;max-width:none}.chapter-hint{font-size:9px}}
@media(max-width:560px){#game{padding:19px 20px 30px}.breadcrumb.game-return{gap:10px;margin-bottom:24px}.breadcrumb.game-return>a,.back-home{font-size:10px}.edition-badge{font-size:6px;padding:5px 6px}.refresh-landing{display:flex;gap:30px;padding:0 0 15px}.landing-copy .eyebrow{font-size:7px}.refresh-landing h1{font-size:43px;line-height:1.08;max-width:370px;margin:19px 0}.refresh-landing .intro{font-size:12px;max-width:330px}.refresh-landing .actions{margin-top:22px;gap:20px}.refresh-landing .actions .primary{min-width:155px}.play-details{font-size:9px}.play-details strong{font-size:8px}.edition-note{margin-top:24px;padding-top:12px;max-width:none}.world-scene{height:310px;width:100%;margin-bottom:30px}.world-story{border-radius:85px 85px 10px 10px}.hero-host{bottom:-25px;right:8px;padding:7px 14px 7px 4px;gap:3px}.hero-host>.zumi-art{width:67px;height:73px}.hero-host>div{font-size:14px}.hero-host small{font-size:5px}.scene-stamp{top:20px;left:17px;padding:10px}.scene-stamp>strong{font-size:18px}.chapter-section{margin-top:20px;padding-top:22px}.section-heading{display:block}.section-heading h2{font-size:24px;margin-bottom:10px}.chapter-hint{font-size:9px}.chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.chapter-image{aspect-ratio:1.25}.chapter-image .answer-landscape{transform:scale(1.25)}.chapter>strong{font-size:17px}.chapter>small{font-size:9px;line-height:1.5}.chapter-label{font-size:8px}.data-promise{margin-top:12px;padding-block:17px;gap:11px}.data-promise>div:not(.source-brands){max-width:calc(100% - 45px)}.data-promise strong{font-size:11px}.data-promise p{font-size:9px;line-height:1.5}.source-brands{margin-left:38px;font-size:8px;gap:6px}.signature{font-size:7px;gap:7px}.game-brand{font-size:18px}.question{padding-top:24px}.question h2{font-size:30px;max-width:350px}.context{font-size:9px;line-height:1.6}.question .options{gap:15px;margin-top:22px}.question .options .option{padding:6px 6px 10px;border-radius:10px}.question .options .answer-art{aspect-ratio:1.05;margin-bottom:12px}.question .options .answer-landscape{transform:scale(1.05)}.question .options .label{font-size:19px}.question .options .option-kicker{font-size:5px;letter-spacing:.08em;margin-bottom:5px}.question .options .icon{width:25px;height:25px;font-size:14px}.question .options .answer-letter{width:20px;height:20px;top:7px;left:7px;font-size:10px}.question .vs{top:40%;font-size:7px;padding:7px}.question .trend-options{gap:8px}.question .trend-options .label{font-size:15px}.question .trend-options .icon{font-size:15px;width:22px;height:22px}.question .trend-options .answer-art{aspect-ratio:.85}.question .trend-options .answer-landscape{transform:scale(1.18)}.question .option .choice-mark{font-size:8px}.host-note{gap:10px}.host-note>.zumi-art{width:53px;height:60px}.host-note>div>span{font-size:12px}.host-note>div>strong{font-size:6px}.reveal{padding:22px 18px}.reveal h3{font-size:23px}.bar-label{font-size:10px}.insight{font-size:10px}.source-line{font-size:8px}.next-actions{gap:10px}.data-footnote{font-size:8px}.tap-hint{font-size:9px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.hero-host>.zumi-art,.chapter{animation:none;transition:none}}