*{box-sizing:border-box} :root{font-family:"Trebuchet MS",Arial,sans-serif;color:#214638;background:#214b40;font-synthesis:none}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;font-weight:800;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid #2860a9;outline-offset:5px}[hidden]{display:none!important}.adventure-app{width:100%;height:100dvh;position:relative;overflow:hidden;background:#8fbc65}#world{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:24px 28px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.identity{display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 0 #ffffffbc;background:#fffdf2e0;padding:12px 22px;border-radius:23px}.identity b{font-size:24px;letter-spacing:-1px}.identity b span{color:#bf8721}.identity>span{font-size:14px;color:#4d6958}.hud-buttons{display:flex;gap:12px;pointer-events:auto}.round{width:68px;height:68px;border-radius:23px;background:#fffdf5;color:#285848;border:3px solid #fff;box-shadow:0 5px 0 #284f4133,0 7px 22px #244c4122;display:inline-grid;place-items:center;font-size:33px;position:relative;padding:0;line-height:1;flex-shrink:0}.round:active{transform:translateY(3px);box-shadow:0 2px 0 #284f4133}.round.secondary{font-size:29px;background:#f0eedbbf}.round.primary{background:#ffe28a;width:80px;height:80px;border-radius:27px}.round.small{width:52px;height:52px;font-size:28px;border-radius:17px}.controls{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;background:#325a4433;border:1px solid #ffffff66;border-radius:35px;padding:9px 13px;backdrop-filter:blur(6px)}.listen{position:absolute;bottom:37px;right:28px}.quest-bubble{position:absolute;top:112px;left:28px;width:124px;min-height:126px;border:3px solid #fff;background:#fffdf4f0;border-radius:29px;box-shadow:0 6px 0 #234f4130,0 10px 24px #234f4120;padding:8px 10px 12px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:3px}.quest-bubble img{width:100%;max-width:64px;height:70px;object-fit:contain;grid-column:1;grid-row:1}.quest-bubble>span:not(.steps){font-size:30px;grid-column:2;grid-row:1}.steps{display:flex;grid-column:1/-1;justify-content:center;gap:8px;padding-top:5px}.steps i{width:16px;height:16px;border-radius:50%;background:#d4ddca;border:2px solid #9caf88}.steps i.done{background:#ffc545;border-color:#c58a27}.auto-dot{position:absolute;bottom:7px;right:7px;width:12px;height:12px;border-radius:50%;background:#75ac4c;border:2px solid white}.round[aria-pressed=false] .auto-dot{background:#a5a9a0}.auto-active{box-shadow:0 0 0 5px #fff1aabb,0 7px 22px #244c4122}.demo-hand{position:absolute;font-size:39px;pointer-events:none;filter:drop-shadow(0 3px 2px #33482277);transform:translate(-15%,0);z-index:3}.greeting{position:absolute;left:50%;bottom:144px;transform:translateX(-50%);background:#fffdf4f0;border:3px solid #fff;border-radius:22px;padding:10px 22px;font-size:22px;max-width:calc(100% - 30px);text-align:center;pointer-events:none}.celebration{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);font-size:65px;text-shadow:0 5px 5px #48632955;pointer-events:none}.celebration span{display:inline-block;font-size:95px;vertical-align:middle;margin:0 20px;color:#ed686e}.curtain{position:absolute;inset:0;display:grid;place-items:center;background:#174f3540;backdrop-filter:blur(3px);z-index:10}.welcome{background:#fffcf2f2;border:4px solid white;border-radius:40px;text-align:center;padding:32px 48px;max-width:90%;box-shadow:0 15px 70px #163b4444}.welcome-art{font-size:43px}.welcome h1{font-size:34px;margin:20px 0;color:#295a45}.welcome p{font-size:16px;color:#65765c;max-width:320px;margin-bottom:0}.start{width:104px;height:104px;font-size:47px;background:#ffdc72;border-radius:35px;margin:auto}.close{position:absolute;right:14px;top:14px}.puzzle-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(650px,94%);background:#fffcf0f7;border:4px solid white;border-radius:32px;padding:70px 25px 24px;box-shadow:0 14px 60px #21493355;z-index:5}.puzzle-row{display:flex;justify-content:center;gap:18px;margin:16px 0}.puzzle-piece{width:120px;height:116px;border:4px solid #d2dabc;border-radius:23px;background:#dfe8d0;display:grid;place-items:center;position:relative;touch-action:none}.puzzle-piece canvas{width:100%;height:100%;pointer-events:none}.puzzle-piece[data-piece]{background:#fff0b7;border-color:#f0d074}.puzzle-piece.selected{outline:5px solid #3e7e71;outline-offset:3px}.puzzle-piece.done{border-color:#66a864;background:#edf4df}.puzzle-piece.auto-target{outline:5px solid #ffc94d}.error{position:absolute;right:20px;bottom:135px;background:#fff4d7;border:3px solid white;border-radius:23px;padding:12px;display:flex;align-items:center;gap:14px;max-width:380px;font-size:16px}dialog{border:4px solid white;border-radius:34px;padding:36px 30px;color:#214638;background:#fffcf0;box-shadow:0 20px 100px #183d4555;max-width:90vw;width:550px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#1849356b;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:5px 48px 27px 0}dialog label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;font-size:17px}dialog select{padding:10px;min-height:48px;border:2px solid #d3ddc5;border-radius:12px;background:white;color:#285742;font-size:16px;max-width:180px}dialog input{width:26px;height:26px;accent-color:#3e866b}dialog p{font-size:15px;line-height:1.5}dialog a{display:block;margin:10px 0;padding:13px;background:white;border-radius:14px;color:#315d4d;font-weight:bold;text-decoration:none}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map-place{min-height:112px;border:3px solid white;background:#ebf0dc;border-radius:22px;font-size:43px;position:relative;display:grid;place-items:center;box-shadow:0 4px 0 #264b3d22}.map-place small{font-size:14px;line-height:1.2;max-width:110px;color:#395742}.map-place span{position:absolute;right:8px;top:8px;font-size:19px}.map-place.current{background:#ffe28a}.map-place:disabled{opacity:.65;filter:saturate(.4)}
@media(max-width:600px){.hud{inset:14px 14px auto}.identity{padding:9px 13px;border-radius:19px}.identity b{font-size:18px}.identity>span{font-size:12px}.hud-buttons{gap:9px}.hud-buttons .round{width:52px;height:52px;border-radius:18px;font-size:26px}.quest-bubble{top:92px;left:14px;width:105px;min-height:103px;padding:6px 7px 10px;border-radius:24px}.quest-bubble img{max-width:55px;height:55px}.quest-bubble>span:not(.steps){font-size:26px}.controls{bottom:max(16px,env(safe-area-inset-bottom));gap:10px;padding:7px 10px;border-radius:30px}.controls .round{width:58px;height:58px;border-radius:20px;font-size:28px}.controls .primary{width:68px;height:68px;border-radius:23px}.listen{bottom:115px;right:14px;width:52px;height:52px;font-size:25px;border-radius:19px}.puzzle-row{gap:10px}.puzzle-piece{width:85px;height:90px;border-radius:17px}.puzzle-panel{padding:64px 12px 15px}.greeting{bottom:122px;font-size:18px}.map-grid{gap:9px}.map-place{min-height:98px;font-size:37px}.map-place small{font-size:13px}.welcome{padding:26px}.welcome h1{font-size:28px}.celebration{font-size:38px}.celebration span{font-size:60px;margin:0 10px}}
@media(max-height:550px){.hud{top:10px}.quest-bubble{top:88px}.controls{bottom:10px}.listen{bottom:24px}.round{width:58px;height:58px}.controls .primary{width:66px;height:66px}.puzzle-panel{top:50%;padding-top:40px}.puzzle-piece{height:78px}.puzzle-row{margin:10px 0}.welcome{padding:18px 32px}.welcome h1{margin:12px}.start{width:82px;height:82px}.welcome-art{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.activity-card{min-height:136px;border:3px solid white;border-radius:24px;background:#eef2dd;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 0 #31564122}.activity-card img{width:80px;height:80px;object-fit:contain}.activity-card span{font-size:43px}.activity-card.water{background:#d5eff2}.activity-card:disabled{filter:grayscale(.5)}@media(max-width:600px){.controls{gap:7px;padding:7px 8px}.controls .round{width:56px;height:58px}.controls .primary{width:64px;height:68px}.activity-grid{gap:10px}.activity-card{min-height:116px}.activity-card img{width:65px;height:65px}.activity-card span{font-size:34px}}