:root{--cream:#fff7e7;--paper:#f6ecd8;--ink:#174655;--coral:#b34d30;--gold:#e9b44c;--fern:#4d806e;--meadow:#e6eedc;--mist:#c9e5e5;--display:'Baloo 2',Georgia,serif;--body:'Nunito Sans',sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 18px/1.65 var(--body);-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.4rem,5.5vw,5.2rem)}h2{font-size:clamp(2rem,3.2vw,3rem)}h3{font-size:1.5rem}p{text-wrap:pretty}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #9c3d1c;outline-offset:5px}button{min-height:48px}button:disabled{opacity:.75}dialog{color:var(--ink)}.skip{position:fixed;top:-100px;left:15px;z-index:20;background:var(--cream);padding:12px}.skip:focus{top:10px}.small{font-size:.85rem}.eyebrow{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--coral)}
.masthead{padding:1rem clamp(1rem,3vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:88px}.brand{font:800 1.5rem/.82 var(--display);text-decoration:none;letter-spacing:-.035em;display:grid}.brand strong{color:var(--coral);font-weight:800}.masthead-name{font:700 1rem var(--display);text-align:center}.masthead-name span{display:block;font:700 .65rem var(--body);letter-spacing:.2em;text-transform:uppercase}.utility{display:flex;gap:1rem}.utility button{background:none;border:0;padding:.3rem;font-size:.8rem;font-weight:700}.utility button:hover{text-decoration:underline}.invitation{padding:2.8rem 2rem 0;text-align:center;position:relative;z-index:1}.invitation h1{margin:.6rem 0 .8rem}.invitation h1 em{font-style:normal;color:var(--coral)}.invitation>p:last-child{font-size:1rem}.world-map{position:relative;margin-top:0;isolation:isolate}.world-map>img{width:100%;height:auto;mask-image:linear-gradient(transparent 0%,#000 16%,#000 92%,transparent 100%)}.world-map::before{content:'';position:absolute;inset:0 0 auto;height:28%;background:linear-gradient(var(--cream),transparent);z-index:1;pointer-events:none}.map-pin{position:absolute;width:54px;height:54px;min-height:54px;padding:0;transform:translate(-50%,-50%);border:0;background:transparent;z-index:2;display:grid;place-items:center;cursor:pointer}.map-pin .destination-glow{width:100%;height:100%;border:2px solid transparent;border-radius:50%;pointer-events:none;transition:border-color .2s,box-shadow .2s}.map-pin:hover .destination-glow,.map-pin:focus-visible .destination-glow{border-color:var(--cream);box-shadow:0 0 0 3px #8b672c,0 0 22px #fff7e755}.map-pin:focus-visible{outline:3px solid #8b672c;outline-offset:5px}.map-caption{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.8rem;font-weight:800;text-shadow:0 1px 3px var(--cream),0 0 12px var(--cream)}
.trail-detail{max-width:1100px;margin:0 auto;padding:1.4rem 2rem 3.4rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.trail-detail h2{margin:.35rem 0 .7rem}.trail-detail p:not(.eyebrow){max-width:620px}.trail-detail .small{margin-top:.5rem}.primary{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--ink);color:var(--cream);border:2px solid var(--ink);padding:.85rem 1.55rem;min-height:56px;border-radius:5px 20px 5px 20px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}.primary:hover{background:#245d68;transform:translateY(-2px)}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;padding:.5rem 0;font-weight:700;font-size:.9rem}.all-trails{padding:3rem max(1.4rem,calc((100% - 1100px)/2));background:linear-gradient(var(--cream),var(--meadow));}.all-trails h2{margin:.6rem 0 2rem}.trail-row{width:100%;display:grid;grid-template-columns:50px 1fr auto;text-align:left;align-items:center;gap:1rem;border:0;border-bottom:1px solid #9da991;background:none;padding:1.2rem 0}.trail-number{font:700 1.8rem var(--display);color:var(--coral)}.trail-row strong{display:block;font:700 clamp(1.25rem,2vw,1.6rem) var(--display)}.trail-row small{font-size:.85rem;display:block}.trail-row .arrow{font-size:1.8rem}.trail-row:hover strong{text-decoration:underline;text-underline-offset:5px}.family-note{padding:4rem 1.5rem;max-width:800px;margin:auto}.family-note p{margin-top:1rem}.family-note h2{font-size:2rem}.fallback{padding:2rem;text-align:center}footer{border-top:1px solid #c8c6a8;padding:1.4rem 2rem;display:flex;justify-content:space-between;gap:1rem;font-size:.8rem}footer a{display:inline-flex;align-items:center;min-height:44px}
.play-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.1rem max(1rem,calc((100% - 1260px)/2));border-top:1px solid #d7d3b9;font:700 1rem var(--display)}.play-top p{text-align:center}.living-clearing{position:relative;min-height:300px;height:clamp(300px,43vw,540px);overflow:hidden;isolation:isolate;background:var(--mist)}.clearing{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.living-clearing::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#fff7e740,transparent 40%,transparent 68%,var(--cream));z-index:2}.scene-heading{position:absolute;inset:22px 12px auto;text-align:center;z-index:3;text-shadow:0 1px 5px #fff7e7,0 0 25px #fff7e7}.scene-heading .eyebrow{color:#653e27}.scene-heading>p:last-child{font:700 clamp(1.2rem,2.6vw,2.3rem) var(--display);margin-top:.4rem}.scene-activity{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%);width:min(660px,92%);z-index:3;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.scene-token{display:grid;place-items:center;width:clamp(46px,8vw,78px);height:clamp(50px,8.5vw,82px);background:linear-gradient(135deg,#fff3c7,#cda15e);border:1px solid #956a38;border-radius:6px 10px 9px 4px;box-shadow:2px 6px 0 #796849,4px 10px 15px #253d4055;font:800 clamp(1.4rem,4vw,2.5rem) var(--display);color:#214b4e;text-shadow:0 1px 0 #fff9d9;transform:rotate(-3deg)}.scene-token:nth-child(2n){transform:rotate(3deg)}.scene-token.red{background:linear-gradient(135deg,#ffe5cb,#d99070)}.scene-token.blue{background:linear-gradient(135deg,#e2f6ec,#70a9b0)}.scene-token.unknown{background:var(--cream);border:2px dashed #746543;box-shadow:none}.scene-word{font:800 clamp(2rem,7vw,4.5rem) var(--display);color:var(--cream);text-shadow:0 3px 1px #24514a,0 0 20px #173c49,2px 2px 2px #173c49}.track-button{width:52px;height:58px;position:relative;border:0;background:transparent;filter:drop-shadow(0 3px 2px #66461b88);transform:rotate(-15deg)}.track-button svg{width:100%;height:100%;fill:#754e31;stroke:#f8e3ae;stroke-width:1.3}.track-button[aria-pressed=true] svg{fill:#edb94d;stroke:#244a3b;stroke-width:2}.track-button[aria-pressed=true]::after{content:attr(data-order);position:absolute;inset:15px 0 0;font-weight:900;color:#163e3a}.track-button:nth-child(even){transform:rotate(12deg)}.track-button:focus-visible{outline:3px solid var(--cream)}#trail-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#trail-progress{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);padding:0;margin:0;display:flex;gap:10px;list-style:none}#trail-progress li{width:10px;height:10px;border:1px solid #486753;border-radius:50%;background:var(--cream)}#trail-progress li.done{background:#507e5b}#trail-progress li.current{background:var(--gold);outline:2px solid #816138;outline-offset:3px}
.question-ground{max-width:940px;margin:0 auto;text-align:center;padding:.3rem 1.4rem 2rem;min-height:350px}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem}.question-meta p{font-weight:800}.question-ground h1{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.15;margin:.25rem auto .8rem;max-width:900px}#activity-help{font-size:.84rem;min-height:1.3rem}.answers{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.3rem 0 .8rem}.answer{background:#fdf9ed;border:2px solid #9ca887;border-radius:50% 50% 14px 16px/12px 18px 14px 16px;min-height:62px;min-width:140px;max-width:100%;padding:.6rem 1.4rem;box-shadow:0 4px 0 #c4c6a5;font:700 1.28rem/1.3 var(--display);flex:1 1 180px;transition:transform .18s,background .18s}.answer:hover:not(:disabled){background:#fae6b4;transform:translateY(-2px)}.answer.correct{background:#deedce;border-color:#4f7049}.answer.retry{border-style:dashed;background:#f8e6d7}.answer:disabled{opacity:1}.answer .answer-key{font:700 .7rem var(--body);opacity:.7;margin-right:.8rem}#feedback{min-height:3.4rem;font-size:.95rem;max-width:780px;margin:auto}#next{margin-top:.5rem}.quiet-hint{font-size:.8rem;margin-top:1rem;color:#516551}.results>img{height:clamp(200px,30vw,350px);width:100%;object-fit:cover;object-position:50% 60%;mask-image:linear-gradient(#000 65%,transparent)}.result-copy{max-width:750px;margin:-1rem auto 0;position:relative;padding:0 1.5rem 3rem;text-align:center}.result-copy h1{font-size:clamp(2.4rem,5vw,4rem);margin:.7rem 0 1rem}.result-copy>p{margin-top:1rem}#scoreboard{padding:0;list-style:none;margin:1.5rem 0;text-align:left}#scoreboard li{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-block-end:1px solid #a4af93;align-items:center}#scoreboard strong{font:700 1.5rem var(--display);overflow-wrap:anywhere}#scoreboard span{text-align:right;font-weight:700}.result-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.3rem;margin-top:1.5rem}
dialog{width:min(610px,94vw);max-height:92svh;overflow-y:auto;border:1px solid #a9b596;border-radius:10px;background:var(--cream);padding:clamp(1.2rem,4vw,2.2rem);box-shadow:0 20px 100px #153c3966}dialog::backdrop{background:#143d477d;backdrop-filter:blur(4px)}dialog p{font-size:.94rem;margin-top:.8rem}dialog h3{margin-top:1.5rem}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.dialog-top p{margin:0}.close{min-width:48px;border:0;background:none;font-size:1.3rem}.player-field{border:0;border-bottom:1px solid #aeb6a0;padding:1.2rem 0;margin:0;display:grid;grid-template-columns:1fr 135px 44px;gap:.8rem;align-items:end}.player-field legend{padding-top:1rem;font:700 1.15rem var(--display)}label{display:grid;gap:.3rem;font-size:.83rem;font-weight:700}input,select{min-height:48px;width:100%;min-width:0;background:#fffdf5;border:1px solid #7f917a;border-radius:4px;padding:.5rem;color:var(--ink);font-size:1rem}.remove{background:none;border:0;font-size:1.2rem;min-width:44px}.rounds{margin:1rem 0;max-width:300px}#setup .primary{width:100%;margin-top:1rem}#setup-error{color:#9b371c;font-weight:700}#parents .primary{margin-top:1.5rem}.paused *{animation-play-state:paused!important}
@media(min-width:1000px){.invitation{position:relative;padding:1.8rem 2rem 1rem;width:100%}.invitation h1{font-size:clamp(3.5rem,4.5vw,4.8rem)}.invitation h1 br{display:none}.world-map{margin-top:0}.world-map>img{max-height:none;height:auto;object-fit:contain}.world-map::before{height:12%}.invitation>p:last-child{max-width:440px;margin:auto}.world-map>img{mask-image:linear-gradient(transparent,#000 10%,#000 92%,transparent)}}
@media(max-width:700px){body{font-size:16px}.masthead{padding:.9rem 1rem;min-height:80px}.brand{font-size:1.25rem}.masthead-name{display:none}.utility{gap:.6rem}.utility button{font-size:.75rem}.invitation{padding:1.8rem 1rem .5rem}.invitation h1{font-size:3rem}.world-map{margin-top:-.6rem}.map-pin{width:46px;height:46px;min-height:46px}.map-caption{display:none}.trail-detail{display:block;padding:1.3rem 1.4rem 2.4rem}.trail-detail .primary{margin-top:1.3rem;width:100%}.all-trails{padding:2rem 1.4rem}.trail-row{grid-template-columns:34px 1fr 20px;gap:.7rem}.trail-row small{font-size:.78rem}.family-note{padding:2.8rem 1.4rem}.play-top{padding:.1rem 1rem;gap:.5rem}.play-top p{font-size:.78rem}.play-top button{font-size:.75rem}.living-clearing{height:310px;min-height:0}.scene-heading{top:16px}.scene-heading>p:last-child{font-size:1.35rem}.scene-activity{top:60%;gap:9px}.track-button{width:44px;height:48px}.scene-token{width:48px;height:54px}.question-ground{padding:0 1rem 2rem}.question-ground h1{font-size:1.9rem}.answers{gap:.65rem;margin-top:1rem}.answer{flex-basis:100%;min-height:54px;font-size:1.2rem;padding:.6rem .9rem;border-radius:8px 18px 8px 18px}.question-meta{font-size:.74rem}.question-meta .text-button{font-size:.78rem}#feedback{font-size:.92rem;min-height:4.5rem}.player-field{grid-template-columns:minmax(0,1fr) 110px 44px;gap:.5rem}.remove{min-width:44px}.player-field legend{font-size:1rem}footer{display:block;text-align:center;padding:1rem}.scene-word{font-size:2.7rem}#scoreboard strong{font-size:1.25rem}}
@media(max-width:360px){.invitation h1{font-size:2.55rem}.map-pin{width:44px;height:44px;min-height:44px}.living-clearing{height:275px}.scene-heading>p:last-child{font-size:1.2rem}.track-button{width:42px;min-width:44px;height:46px}.scene-token{width:44px;height:48px}.question-ground h1{font-size:1.7rem}.player-field{grid-template-columns:minmax(0,1fr) 98px 44px}}
@media(max-height:550px) and (min-width:650px){.masthead{min-height:64px;padding:.6rem 1rem}.living-clearing{height:260px}.question-ground{max-width:900px}.answers{flex-wrap:nowrap}.answer{flex-basis:0}.question-ground h1{font-size:1.8rem}.scene-heading{top:10px}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
.map-guide{text-align:center;padding:.5rem 1.2rem;font-size:.82rem;color:#516551}
.scene-activity[data-activity=tracks]{top:79%;max-width:800px;gap:8px}
@media(min-width:1000px){.invitation h1 em{margin-left:.22em}}
@media(max-width:700px){.scene-activity[data-activity=tracks]{top:75%;gap:2px;max-width:92%}}
#play:fullscreen{background:var(--cream);overflow:auto}body:has(dialog[open]){overflow:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.word-slot{display:inline-block;min-width:3ch;margin:.08em .05em;padding:.04em .3em;border:2px dashed #8a784b;border-radius:8px;background:transparent;color:var(--ink);vertical-align:baseline;line-height:1.2;overflow-wrap:anywhere;max-width:100%}.word-slot.filled{border-style:solid;border-color:#af8538;background:#f5df9b;animation:word-settle .28s var(--ease)}@keyframes word-settle{from{transform:translateY(-5px);opacity:.4}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.word-slot.filled{animation:none}}