:root{--green:#2F6E1F;--gold:#F2C230;--ink:#1B1A15;--paper:#E8EEE4;--teal:#2A8C9C;--ink-soft:rgba(27,26,21,.72);--paper-soft:rgba(232,238,228,.84);--spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--s1:1rem;--s2:clamp(1.4rem,1.1rem + 1.4vw,2.2rem);--s3:clamp(1.75rem,1.2rem + 2.6vw,3.1rem);--r:18px;--shadow:0 1px 2px rgba(27,26,21,.12),0 6px 18px rgba(27,26,21,.12);--gut:max(16px,env(safe-area-inset-left));color-scheme:light;}*{box-sizing:border-box}html{overflow-x:clip;scrollbar-color:var(--green) var(--paper)}body{margin:0;font:400 var(--s1)/1.6 "Karla",system-ui,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;caret-color:var(--green)}::selection{background:var(--gold);color:var(--ink)}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:"Unbounded","Karla",sans-serif;font-weight:700;margin:0;text-wrap:balance;letter-spacing:-.01em}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:1180px;margin:0 auto;padding-left:var(--gut);padding-right:max(16px,env(safe-area-inset-right))}.brand span,.quote cite,.facts th,.start-btn,.parts a,.step p,.statement,.warn p,.card .count,.chips a,.source small,.source strong,.bar span,.bar a{font-family:"Unbounded","Karla",sans-serif;font-weight:700}.hero{background:var(--green);color:var(--paper);padding:12px 0 40px}.hero-grid{display:grid;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-height:56px}.brand img{width:56px;height:56px;border-radius:12px}.brand span{font-weight:700;letter-spacing:.02em}h1{font-size:var(--s3);line-height:1.12;max-width:17ch}.quote{margin:12px 0 0;padding:0;font-size:.9375rem;line-height:1.5;color:var(--paper-soft);max-width:46ch}.quote p{margin:0}.quote cite{display:block;font-style:normal;font-weight:700;color:var(--paper);margin-top:4px;font-size:.875rem}.facts{width:100%;border-collapse:collapse;margin-top:14px;font-size:.9375rem;line-height:1.4;background:rgba(27,26,21,.22);border-radius:14px;overflow:hidden}.facts th{width:5.2em;text-align:left;vertical-align:top;padding:9px 0 9px 14px;color:var(--gold);font-weight:700}.facts td{padding:9px 14px 9px 8px}.facts tr + tr th,.facts tr + tr td{border-top:1px solid rgba(232,238,228,.18)}.start-btn{display:inline-flex;align-items:center;justify-content:center;min-width:248px;min-height:58px;padding:14px 30px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:700;font-size:1.0625rem;text-decoration:none;box-shadow:inset 0 0 0 3px var(--paper),0 2px 0 rgba(27,26,21,.25),0 8px 20px rgba(27,26,21,.28);transform:rotate(-2deg);transition:transform .6s var(--spring)}.start-btn:active{transform:rotate(-2deg) scale(.94)}@media (hover: hover){.start-btn:hover{transform:rotate(0deg) scale(1.05)}}.cta-row{margin-top:18px}.under{margin:12px 0 0;font-size:.9375rem;color:var(--paper-soft);max-width:44ch}.hero-art{justify-self:center;width:100%;max-width:400px}.hero-art svg{width:100%;height:auto;display:block}.after{animation:land .9s var(--spring) .15s both}@keyframes land{from{transform:translateY(24px) rotate(3deg)}to{transform:none}}.parts{margin:22px 0 0;font-size:.9375rem;color:var(--paper-soft)}.parts a{color:var(--paper);font-weight:700;text-underline-offset:3px;display:inline-block;padding:6px 0;margin-right:10px}.story{padding:56px 0 64px;background:var(--paper)}.story h2{font-size:var(--s2);line-height:1.2;max-width:22ch}.story-grid{display:grid;margin-top:8px}.story-art{position:sticky;top:0;z-index:2;height:44dvh;padding:12px 0;background:var(--paper);display:flex;justify-content:center}.story-art svg{height:100%;width:auto;max-width:100%}.steps{list-style:none;margin:0;padding:0}.step{min-height:70dvh;display:flex;align-items:center;padding:24px 0}.step div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid rgba(27,26,21,.12);border-radius:var(--r);padding:18px 18px;max-width:30rem;margin-top:22dvh}.step svg{flex:none;width:28px;height:28px;color:var(--green);margin-top:2px}.step p{margin:0;font-size:1rem;line-height:1.5}.art-part{transition:opacity .45s ease-out,transform .8s var(--spring);transform-box:fill-box;transform-origin:center}[data-step] .g-files,[data-step] .g-scan,[data-step] .g-pick{opacity:0;transform:translateY(16px)}[data-step="1"] .g-files{opacity:1;transform:none}[data-step="2"] .g-files{opacity:.12;transform:translateY(-8px) scale(.96)}[data-step="2"] .g-scan{opacity:1;transform:none}[data-step="3"] .g-pick{opacity:1;transform:none}[data-step="1"] .g-game,[data-step="2"] .g-game,[data-step="3"] .g-game{opacity:0;transform:scale(.9)}[data-step="4"] .g-game{opacity:1;transform:none}.deck-band{background:var(--ink);color:var(--paper);padding:72px 0 80px}.deck-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.deck-head h2{font-size:var(--s2);line-height:1.2}.deck-nav{display:flex;gap:8px;flex:none}.deck-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(232,238,228,.4);background:transparent;color:var(--paper);display:grid;place-items:center;cursor:pointer}.deck-nav svg{width:22px;height:22px}.deck{display:grid;grid-auto-flow:column;grid-auto-columns:min(88%,880px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:start;margin-top:24px;padding:4px var(--gut) 18px;scroll-padding-left:var(--gut);overscroll-behavior-x:contain;scrollbar-color:var(--gold) transparent}.slide{scroll-snap-align:start;background:var(--paper);color:var(--ink);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 20px 26px;scroll-margin-top:24px}.slide h3{font-size:var(--s2);line-height:1.2;display:flex;align-items:baseline;gap:12px}.num{font-size:var(--s3);line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--green);flex:none}.slide-body{margin-top:14px}.statement{font-size:1rem;line-height:1.5;margin:0}.detail{margin:8px 0 0;color:var(--ink-soft);font-size:.9375rem}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{width:44px;height:44px;padding:0;border-radius:12px;border:1px solid rgba(27,26,21,.25);background:#fff;font:700 .9375rem "Unbounded",sans-serif;color:var(--ink);cursor:pointer}.tabs button[aria-selected="true"]{background:var(--green);border-color:var(--green);color:var(--paper)}.cardwrap{perspective:900px;margin-top:14px}.card{background:#fff;border:1px solid rgba(27,26,21,.14);border-radius:14px;padding:18px;min-height:200px}.card.turn{animation:turn .8s var(--spring)}@keyframes turn{from{transform:rotateY(-95deg);opacity:.3}to{transform:none;opacity:1}}.card .count{font-weight:700;color:var(--green);font-size:.875rem;margin:0 0 6px}.card h4{margin:0 0 6px;font:700 .9375rem "Unbounded",sans-serif}.device{margin-top:14px;padding:10px;background:var(--ink);border-radius:20px;max-width:420px}.device img{border-radius:10px}.warn{display:flex;gap:14px;align-items:flex-start}.warn svg{flex:none;width:40px;height:40px;color:#B3261E}.warn p{margin:0;font-size:1.0625rem;line-height:1.5}.leaflet{max-width:38rem;font-size:.9375rem;line-height:1.55}.leaflet h4{margin:16px 0 2px;font:700 .9375rem "Unbounded",sans-serif;color:var(--green)}.leaflet h4:first-child{margin-top:0}.leaflet p{margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--green);color:var(--paper);font-weight:700;text-decoration:none;font-size:.9375rem}.close{background:var(--paper);padding:96px 0 88px}.note{max-width:360px;margin:0 auto;background:var(--gold);color:var(--ink);padding:28px 24px 26px;transform:rotate(-2.5deg);box-shadow:0 2px 3px rgba(27,26,21,.18),0 14px 26px rgba(27,26,21,.16);border-radius:4px}.note p{margin:0 0 18px;font:700 clamp(1.75rem,1.4rem + 1.6vw,2.3rem)/1.15 "Caveat",cursive}.note .start-btn{background:var(--ink);color:var(--gold);box-shadow:none;transform:none;min-width:240px;width:100%}@media (hover: hover){.note .start-btn:hover{transform:scale(1.04)}}.source{max-width:560px;margin:28px 0 0;color:var(--ink);display:block;background:#fff;border:1px solid rgba(27,26,21,.14);border-radius:14px;padding:16px 18px;text-decoration:none}.source small{display:block;font-weight:700;color:var(--green);font-size:.875rem}.source strong{display:block;margin-top:2px}.source span{display:block;margin-top:4px;color:var(--ink-soft);font-size:.9375rem}footer{background:var(--green);color:var(--paper);padding:48px 0 calc(96px + env(safe-area-inset-bottom));margin-top:0}.top{display:inline-flex;align-items:center;gap:14px;font:700 clamp(2rem,1.2rem + 4vw,4.4rem)/1.05 "Unbounded",sans-serif;text-decoration:none;color:var(--paper);padding:6px 0}.top svg{width:.8em;height:.8em}.foot-small{margin-top:18px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-soft)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .6s var(--spring)}.bar.on{transform:none}.bar span{color:var(--paper);font-weight:700;font-size:.9375rem}.bar a{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap}@media (max-width: 380px){.bar span{display:none}.bar{justify-content:center}}@media (min-width: 900px){.hero{padding:20px 0 44px}.brand img{width:88px;height:88px;border-radius:18px}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:56px;align-items:center}.hero-text{grid-column:1}.hero-art{grid-column:2;grid-row:1 / span 2}h1{font-size:clamp(2.2rem,1rem + 2.6vw,3.2rem)}.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px}.story-art{grid-column:2;grid-row:1;height:72dvh;top:14dvh}.steps{grid-column:1;grid-row:1}.step div{margin-top:0}.slide{padding:32px 36px 36px;display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);column-gap:36px}.slide-body{margin-top:0}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}@font-face{font-family: 'Caveat';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/caveat-76caf9eabb.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Caveat';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/caveat-0df09c5e48.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Karla';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/karla-37352f861c.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Karla';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/karla-60fecd8257.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Unbounded';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/unbounded-fa4648998f.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Unbounded';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/unbounded-0e875f7ff3.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}