:root{font-family:Alef,Arial,Noto Sans Hebrew,sans-serif}.play-shell{direction:rtl;min-height:100svh;overflow-x:hidden;color:#3a2154;background:linear-gradient(180deg,rgba(255,232,177,.52),rgba(160,91,175,.26)),url(/art/map/map-section-01-clean.webp) top /cover no-repeat}.play-topbar{position:sticky;top:0;z-index:20;display:grid;gap:.55rem;align-items:center;padding:max(.8rem,env(safe-area-inset-top)) .9rem .65rem;background:rgba(255,247,222,.9);border-bottom:1px solid rgba(89,55,112,.16);backdrop-filter:blur(14px)}.play-audio-pill,.play-primary-action,.play-topbar a,.play-topbar button{min-height:44px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;color:#3a2154;font:inherit;font-weight:900;text-decoration:none;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(58,33,84,.14);cursor:pointer}.play-topbar a,.play-topbar button{padding:.55rem .85rem}.play-topbar .play-topbar-home{min-width:3.25rem;min-height:3.1rem;padding:.45rem;font-size:1.55rem;line-height:1}.map-home-icon{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .2rem .16rem rgba(46,24,64,.32))}.play-hall-shell,.play-reward-panel,.play-runner-stage{width:min(100%,920px);min-height:calc(100svh - 74px);margin:0 auto;padding:1rem}.play-runner-stage{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:.8rem}.play-runner-sky{position:relative;min-height:24svh;display:grid;place-items:center;overflow:hidden}.play-runner-sky img{width:min(74vw,360px);height:auto;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(58,33,84,.22))}.play-runner-copy{display:grid;gap:.25rem;justify-items:center;text-align:center}.play-kicker,.play-reward-panel p,.play-runner-copy p{margin:0;font-size:clamp(.9rem,2.7vw,1rem);font-weight:900;color:#76501f}.play-hall-prompt h1,.play-reward-panel h1,.play-runner-copy h1{margin:0;max-width:12em;font-size:clamp(1.5rem,7vw,2.6rem);line-height:1.05;text-align:center}.play-runner-copy span{font-weight:900;color:#5b3c7b}.play-lane-board{display:grid;gap:.55rem;align-content:center;min-height:31svh;padding:.65rem;border-radius:28px;background:linear-gradient(90deg,rgba(255,249,225,.86),rgba(255,235,176,.76)),url(/art/map/map-section-02-path-continuation.webp) 50% /cover no-repeat;box-shadow:inset 0 0 0 2px rgba(255,255,255,.52),0 18px 36px rgba(58,33,84,.18)}.play-lane{position:relative;min-height:64px;border-radius:22px;border:2px solid rgba(255,255,255,.62);background:rgba(255,255,255,.42)}.play-lane.is-active{background:rgba(255,247,210,.74);box-shadow:inset 0 0 0 3px rgba(250,191,73,.5)}.play-lane-charm,.play-lane-obstacle,.play-lane-player{position:absolute;top:50%;transform:translateY(-50%)}.play-lane-player{inset-inline-start:7%;min-width:74px;min-height:42px;padding:.48rem .75rem;border-radius:999px;display:grid;place-items:center;color:#fff7df;font-weight:900;background:#7f4aa0;box-shadow:0 10px 18px rgba(69,43,102,.2)}.play-lane-charm{inset-inline-start:58%;font-size:2.4rem;color:#d89020;text-shadow:0 0 12px rgba(255,232,151,.9)}.play-lane-obstacle{inset-inline-end:12%;width:54px;height:28px;border-radius:55% 55% 42% 42%;background:#7a5a3e;box-shadow:inset 0 9px 0 rgba(255,255,255,.18)}.play-round-track,.play-runner-meter{display:flex;justify-content:center;gap:.35rem}.play-round-track span,.play-runner-meter span{width:.74rem;height:.74rem;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 2px rgba(80,47,107,.16)}.play-round-track span.is-current,.play-round-track span.is-done,.play-runner-meter span.is-done{background:#f0ac2d;box-shadow:0 0 0 4px rgba(240,172,45,.18)}.play-runner-controls{display:grid;grid-template-columns:1fr 1.35fr 1fr auto;gap:.55rem;align-items:center}.play-runner-controls button{min-height:56px;border:0;border-radius:20px;font:inherit;font-size:1.05rem;font-weight:900;background:#70489b;box-shadow:0 14px 22px rgba(55,35,82,.18)}.play-runner-controls button:first-child,.play-runner-controls button:last-of-type{font-size:2rem}.play-runner-controls span{min-width:42px;min-height:42px;border-radius:999px;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.82)}.play-gate-arrival{display:grid;gap:.7rem;justify-items:center;padding:.85rem;border-radius:28px;background:rgba(255,248,220,.9);box-shadow:0 16px 30px rgba(58,33,84,.16)}.play-gate-arrival strong{font-size:1.25rem}.play-primary-action{min-width:min(78vw,280px);min-height:58px;padding:.85rem 1.25rem;color:#fff9e8;background:#7d4aa2}.play-hall-shell{display:grid;align-content:stretch}.play-hall-backdrop{min-height:120px;display:grid;place-items:center;text-align:center;color:#fff9df;border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(90,55,123,.46),rgba(116,74,142,.3)),url(/art/map/map-section-02-path-continuation.webp) 50% /cover no-repeat;box-shadow:inset 0 -16px 30px rgba(61,36,87,.22)}.play-hall-backdrop strong{padding:.45rem .8rem;border-radius:999px;font-size:clamp(1.1rem,5vw,1.7rem);background:rgba(52,34,74,.58)}.play-hall-panel,.play-reward-panel{display:grid;gap:.9rem;justify-items:center;text-align:center;padding:1rem;border-radius:0 0 28px 28px;background:rgba(255,248,225,.94);box-shadow:0 18px 36px rgba(58,33,84,.16)}.play-hall-prompt{width:100%;display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:.8rem;align-items:center;justify-items:center}.play-hall-prompt .round-picture,.play-hall-prompt img{max-width:min(28vw,150px)}.play-audio-pill{min-width:96px;margin-top:.45rem;padding:.55rem 1rem;color:#3a2154;background:#ffe9a7}.play-audio-icon-button{display:block;width:56px;min-width:56px;height:56px;margin:.38rem auto 0;padding:0;border:0;border-radius:999px;background-color:transparent;background-image:url(/art/runner/sound-gate/ui/sound_gate_replay_sound_control_v1_alpha.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 .35rem .5rem rgb(45 20 65/34%));cursor:pointer;touch-action:manipulation}.play-audio-icon-button[data-audio-state=playing]{filter:drop-shadow(0 0 .7rem rgb(255 226 125/82%))}.play-audio-icon-button:disabled{opacity:.68;cursor:wait}.play-audio-icon-button:focus-visible{outline:4px solid #fff1a6;outline-offset:3px}.play-prompt-line{max-width:min(100%,28rem);margin:.35rem auto 0;color:#5c3b73;font-size:clamp(1rem,3.5vw,1.25rem);font-weight:900;line-height:1.35}.play-feedback-line{min-height:1.8em;margin:0;font-weight:900;color:#6b3c7c}.play-choice-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.play-choice-grid button{min-height:72px;border:0;border-radius:22px;display:grid;place-items:center;gap:.3rem;padding:.6rem;color:#3a2154;font:inherit;font-size:clamp(1.15rem,6vw,2rem);font-weight:900;background:rgba(255,255,255,.92);box-shadow:0 12px 24px rgba(58,33,84,.12)}.play-choice-grid button.is-correct{color:#22573a;background:#dff6c8}.play-choice-grid button.is-wrong{color:#7a312d;background:#ffe0d8}.play-emotion-panel{gap:.65rem}.play-emotion-panel .play-hall-prompt{grid-template-columns:1fr;gap:.35rem}.play-emotion-panel .play-hall-prompt h1{font-size:clamp(1.55rem,6vw,2.1rem)}.play-emotion-panel .play-feedback-line{min-height:1.2em}.play-emotion-panel .play-choice-grid button{min-height:132px;grid-template-rows:minmax(74px,auto) auto;align-content:center;font-size:clamp(1rem,4vw,1.35rem);line-height:1.08}.play-emotion-panel .play-choice-grid button img{width:min(22vw,96px);max-height:92px}.play-picture-grid button{min-height:138px;font-size:1rem}.play-choice-grid button img,.play-picture-grid img{width:min(26vw,120px);height:auto;object-fit:contain}.play-big-letter,.play-big-orb,.play-finale-key,.play-reward-star{width:min(34vw,148px);aspect-ratio:1;border-radius:999px;display:grid;place-items:center;color:#fff8df;font-size:clamp(2.3rem,15vw,4.5rem);font-weight:900;background:#7d4aa2;box-shadow:0 18px 30px rgba(58,33,84,.2)}.play-compare-stage,.play-object-cluster,.play-pattern-row{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem}.play-compare-stage .number-object,.play-object-cluster .number-object,.play-pattern-row .number-object{width:min(16vw,64px)}.play-pattern-missing{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.8rem;font-weight:900;background:rgba(125,74,162,.14)}.play-compare-stage{gap:.8rem}.play-compare-stage>div{flex:1 1 42%;min-height:104px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.22rem;padding:.45rem;border-radius:22px;background:rgba(255,255,255,.56)}.play-trace-panel{border-radius:0 0 28px 28px}.play-trace-board{width:min(100%,520px);touch-action:none;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:inset 0 0 0 2px rgba(125,74,162,.16)}.play-trace-board svg{width:100%;display:block;aspect-ratio:1/1;touch-action:none}.play-trace-board+.play-primary-action:disabled{opacity:.48}.play-letter-gate-direct{background:linear-gradient(180deg,rgba(255,238,189,.72),rgba(143,94,167,.22)),url(/art/map/map-section-02-path-continuation.webp) top /cover no-repeat}.play-letter-gate-direct .play-runner-stage{min-height:calc(100svh - 74px)}.play-letter-gate-direct.is-runner-active{position:relative;height:100svh;min-height:100svh;overflow:hidden;background-color:#2d173f;background-size:min(100%,430px) 100%}.letter-gate-camera-runner,.play-letter-gate-direct.is-runner-active{background-image:url(/art/runner/letter-gate/letter-runner-atmosphere-v2.webp);background-position:50%;background-repeat:no-repeat}.letter-gate-camera-runner{color:#fff8dd;background-color:#3a2154;background-size:cover}.letter-gate-camera-hud{position:absolute;inset:max(.75rem,env(safe-area-inset-top)) .8rem auto;z-index:12;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.letter-gate-camera-counter,.letter-gate-camera-home{min-height:3.55rem;border:.12rem solid rgba(255,240,190,.48);display:inline-flex;align-items:center;justify-content:center;color:#442258;background:rgba(255,247,218,.9);box-shadow:0 .65rem 1.3rem rgba(43,22,64,.25);backdrop-filter:blur(10px);pointer-events:auto}.letter-gate-camera-home{width:4.25rem;min-width:4.25rem;height:4.25rem;min-height:4.25rem;border-radius:999px;padding:.34rem;font-size:1.9rem;line-height:1;text-decoration:none}.letter-gate-camera-counter{min-width:5.35rem;gap:.15rem;padding:.3rem .55rem .3rem .75rem;border-radius:999px;font-size:1.35rem;font-weight:1000}.letter-gate-camera-counter img{width:2.55rem;height:2.55rem;object-fit:contain;filter:drop-shadow(0 0 .5rem rgba(255,218,92,.72))}.letter-gate-camera-controls,.letter-gate-camera-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.letter-gate-camera-controls:focus-within{inset:auto .75rem max(.75rem,env(safe-area-inset-bottom));z-index:14;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;white-space:normal}.letter-gate-camera-controls button{min-height:3rem;border:0;border-radius:1rem;color:#fff8df;font:inherit;font-weight:900;background:#70489b}.play-word-garden-direct{--word-garden-topbar-height:max(4.75rem,calc(4.2rem + env(safe-area-inset-top)));--word-garden-frame-width:min(100%,768px,calc((100svh - var(--word-garden-topbar-height)) * 0.8));min-height:100svh;color:#4b2b54;background:#3b244f}.play-word-garden-direct.is-runner-active,.play-word-garden-direct.play-challenge{height:100svh;min-height:100svh;overflow:hidden}.word-garden-camera-runner{background:#3b244f}.word-garden-direct-topbar{min-height:var(--word-garden-topbar-height)}.word-garden-direct-hall{width:var(--word-garden-frame-width);height:calc(100svh - var(--word-garden-topbar-height));min-height:0;max-height:60rem;margin:0 auto;display:grid;grid-template-rows:minmax(0,1fr);align-items:center;justify-items:center;padding:clamp(.6rem,2vw,1rem);overflow:hidden;background:linear-gradient(180deg,rgba(255,248,218,.05),rgba(77,39,83,.12)),var(--word-garden-challenge-art) center /cover no-repeat}.word-garden-direct-challenge{width:min(100%,42rem);height:clamp(34rem,76svh,42rem);max-height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;align-content:center;align-items:center;gap:clamp(.48rem,1.2svh,.72rem);padding:clamp(.8rem,3vw,1.2rem);border:.16rem solid rgba(255,219,120,.92);border-radius:1.45rem;background:rgba(255,249,224,.94);box-shadow:inset 0 .12rem 0 rgba(255,255,255,.82),0 .9rem 2rem rgba(52,26,61,.25);backdrop-filter:blur(.22rem)}.word-garden-direct-progress{grid-column:1/-1;display:flex;justify-content:center;gap:.35rem}.word-garden-direct-progress span{width:1.2rem;height:.42rem;border-radius:999px;background:rgba(95,62,104,.22)}.word-garden-direct-progress span.is-lit{background:#e8b23e;box-shadow:0 0 .55rem rgba(232,178,62,.52)}.word-garden-direct-challenge>header{grid-column:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .45rem}.word-garden-direct-challenge>header h1,.word-garden-direct-challenge>header p{margin:0}.word-garden-direct-challenge>header p{grid-column:1/-1;color:#815523;font-size:clamp(.82rem,2.4vw,1rem);font-weight:950}.word-garden-direct-challenge>header h1{color:#4e2b59;font-size:clamp(1.55rem,6vw,2.15rem);line-height:1.05}.word-garden-replay{margin:0;justify-self:end}.word-garden-direct-picture{grid-column:1;grid-row:auto;width:clamp(8rem,16svh,11rem);justify-self:center;aspect-ratio:1;display:grid;place-items:center;border:.13rem solid rgba(119,76,43,.2);border-radius:1.35rem;background:rgba(255,255,255,.8);box-shadow:inset 0 -.2rem 0 rgba(121,73,39,.08)}.word-garden-direct-picture img{width:92%;height:92%;object-fit:contain}.word-garden-direct-message{min-height:2.3em;margin:0;color:#72576b;font-size:clamp(1rem,3.4vw,1.15rem);font-weight:850;line-height:1.2;text-align:center}.word-garden-revealed-word{justify-self:center;color:#2d7d58;font-size:clamp(1.2rem,6vw,1.65rem)}.word-garden-letter-stones,.word-garden-word-stones{grid-column:1/-1;display:grid;width:min(100%,36rem);justify-self:center;gap:clamp(.5rem,1.4vw,.75rem)}.word-garden-word-stones{grid-template-columns:repeat(2,minmax(0,1fr))}.word-garden-letter-stones button,.word-garden-word-stones button{min-height:clamp(4rem,7svh,4.75rem);border:.13rem solid #9b6941;border-radius:1.05rem;color:#4f2c58;font:inherit;font-size:clamp(1.75rem,7vw,2.25rem);font-weight:950;background:linear-gradient(180deg,#fff8dc,#e9c98d);box-shadow:inset 0 -.25rem 0 rgba(117,72,39,.18),0 .28rem .55rem rgba(65,37,52,.12)}.word-garden-word-stones button.is-selected{transform:translateY(.1rem);background:#f2d9ae}.word-garden-letter-stones button.is-wrong,.word-garden-word-stones button.is-wrong{border-color:#c65b4e;color:#7b302c;background:linear-gradient(180deg,#fff0e9,#ffcfc3);box-shadow:inset 0 -.2rem 0 rgba(139,49,42,.12),0 0 0 .2rem rgba(198,91,78,.18);animation:word-garden-gentle-nudge .22s ease-in-out 1}.word-garden-letter-stones button.is-correct,.word-garden-word-stones button.is-correct{border-color:#4b9e70;color:#256d4c;background:#dff4ce;box-shadow:0 0 1rem rgba(79,170,112,.42);opacity:1}.word-garden-word-slots{grid-column:1/-1;display:flex;flex-direction:row;justify-content:center;gap:.38rem}.word-garden-word-slots span{width:clamp(3rem,12vw,3.75rem);height:clamp(3.2rem,13vw,4rem);border:.14rem dashed rgba(104,68,117,.48);border-radius:.9rem;display:grid;place-items:center;color:#4c2c59;font-size:clamp(1.65rem,5vw,2rem);font-weight:1000;background:rgba(255,255,255,.64)}.word-garden-word-slots span.is-next{border-style:solid;border-color:#dda83d;box-shadow:0 0 .7rem rgba(221,168,61,.52)}.word-garden-word-slots span.is-filled{border-style:solid;border-color:#67a77d;background:#e4f2d4}.word-garden-letter-stones{width:min(100%,34rem);grid-template-columns:repeat(var(--word-garden-letter-count,4),minmax(0,1fr))}.word-garden-letter-stones button{min-width:0;min-height:4rem;padding:.25rem}.word-garden-letter-stones button.is-used{opacity:.22}.word-garden-letter-stones button.is-supported-letter{border-color:#d59c25;animation:word-garden-help-pulse 1s ease-in-out infinite}.word-garden-direct-reward{width:100%;min-height:calc(100svh - 4rem);margin:0 auto;color:#4d2a58;background:linear-gradient(180deg,rgba(255,248,215,.9),rgba(236,205,151,.9)),url(/art/runner/word-garden/background/word_garden_runner_atmosphere_wg02.webp) 50% /cover no-repeat}.word-garden-reward-art{width:min(52vw,12rem);aspect-ratio:1;margin:.6rem auto;display:grid;place-items:center;overflow:hidden;border-radius:2rem;background:radial-gradient(circle,#fff9c8,rgba(255,218,105,.3) 58%,transparent 72%);filter:drop-shadow(0 .7rem 1rem rgba(79,42,88,.22))}.word-garden-reward-art img{width:100%;height:100%;object-fit:contain}@keyframes word-garden-help-pulse{0%,to{box-shadow:0 0 0 rgba(222,169,58,0)}50%{box-shadow:0 0 1rem rgba(222,169,58,.72)}}@keyframes word-garden-gentle-nudge{0%,to{transform:translateX(0)}35%{transform:translateX(.18rem)}70%{transform:translateX(-.18rem)}}@media (min-width:600px){.play-word-garden-direct{--word-garden-frame-width:min(48rem,calc((100svh - var(--word-garden-topbar-height)) * 0.92))}}@media (orientation:landscape) and (min-width:800px) and (max-height:800px){.play-word-garden-direct{--word-garden-frame-width:min(42rem,calc((100svh - var(--word-garden-topbar-height)) * 0.92))}.word-garden-direct-challenge{height:min(100%,36rem)}.word-garden-direct-picture{width:8rem}.word-garden-letter-stones button,.word-garden-word-stones button{min-height:4rem;font-size:2rem}}@media (max-height:700px){.word-garden-direct-hall{padding-block:.35rem}.word-garden-direct-challenge{gap:.32rem .48rem;padding:.55rem}.word-garden-direct-picture{width:7rem}.word-garden-letter-stones button,.word-garden-word-stones button{min-height:3.75rem}}.letter-gate-orientation-gate{position:fixed;inset:0;z-index:60;display:grid;place-content:center;gap:.8rem;padding:1.25rem;text-align:center;color:#fff7d9;background:radial-gradient(ellipse at center,rgba(255,219,117,.18),transparent 48%),linear-gradient(180deg,rgba(49,34,86,.96),rgba(96,61,113,.96))}.letter-gate-orientation-gate h1,.letter-gate-orientation-gate p{margin:0}.letter-gate-orientation-gate h1{font-size:clamp(1.7rem,8vw,2.8rem)}.play-letter-gate-challenge{gap:0}.letter-gate-collection-board{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding:.55rem .7rem;color:#4b3160;background:rgba(255,247,220,.92);box-shadow:inset 0 -.1rem 0 rgba(123,77,151,.12)}.letter-gate-collection-board>span:first-child{grid-column:1/-1;font-weight:900;color:#76501f}.letter-gate-collection-board [data-qa-collectible-id]{display:grid;grid-template-columns:auto 1fr;gap:0 .35rem;align-items:center;min-height:3rem;padding:.42rem .55rem;border-radius:18px;background:rgba(255,255,255,.72);font-weight:900}.letter-gate-collection-board [data-qa-collected=true]{background:linear-gradient(180deg,#fff2ad,#ffd875);box-shadow:0 0 .8rem rgba(255,216,117,.38)}.letter-gate-collection-board strong{grid-row:span 2;color:#8a57a9;font-size:1.35rem;line-height:1}.letter-gate-collection-board small{color:#6c6274;font-size:.78rem;line-height:1.1}.letter-gate-reward-panel .play-reward-star{display:grid;place-items:center;width:min(42vw,10rem);aspect-ratio:1;margin:1rem auto;border-radius:999px;color:#5b3a74;font-size:clamp(4rem,22vw,7.2rem);line-height:1;background:radial-gradient(circle at 50% 36%,#fff8cc,transparent 34%),linear-gradient(180deg,#ffe57d,#f5b544);box-shadow:inset 0 -.35rem 0 rgba(127,78,29,.16),0 0 1.6rem rgba(255,218,103,.54)}.letter-gate-reward-panel .play-reward-star img{width:100%;height:auto;filter:drop-shadow(0 .4rem .7rem rgba(82,49,108,.2))}.play-reward-panel{align-content:center;border-radius:28px}.play-finale-key,.play-reward-star{color:#7d4aa2;background:#ffe08a}.play-bridge-panel p{max-width:22rem;margin:0;font-weight:800}@media (min-width:720px){.play-hall-shell,.play-reward-panel,.play-runner-stage{padding:1.4rem}.play-runner-stage{grid-template-columns:.82fr 1.18fr;grid-template-rows:auto 1fr auto;align-items:center}.play-runner-copy,.play-runner-sky{grid-column:1}.play-lane-board{grid-column:2;grid-row:1/span 3;min-height:62vh}.play-gate-arrival,.play-runner-controls,.play-runner-meter{grid-column:1}.play-hall-prompt{grid-template-columns:180px 1fr}.play-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.play-runner-stage{width:min(100%,560px);min-height:calc(100svh - 74px);grid-template-rows:auto minmax(0,1fr) auto auto;gap:.55rem;padding:.65rem .75rem max(.8rem,env(safe-area-inset-bottom))}.play-shell{background:linear-gradient(180deg,#f8edcf,#e7c884 30%,#5f4c8d)}.play-topbar{grid-template-columns:auto auto;justify-content:space-between;padding:max(.55rem,env(safe-area-inset-top)) .7rem .5rem}.play-topbar a,.play-topbar button{min-width:4.7rem;min-height:2.8rem;border-radius:1rem;padding:.42rem .72rem}.play-topbar .play-topbar-home{min-width:3.35rem;min-height:3.05rem;padding:.42rem;border-radius:1.05rem;font-size:1.58rem}.challenge-navigation{position:sticky;inset-block-start:0;z-index:40;width:min(calc(100% - .5rem),430px);min-height:max(4.75rem,calc(4.2rem + env(safe-area-inset-top)));margin-inline:auto;padding:max(.45rem,env(safe-area-inset-top)) max(.45rem,env(safe-area-inset-right)) .45rem max(.45rem,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;border:0;color:#fff8df;background:transparent;box-sizing:border-box;backdrop-filter:none;pointer-events:none}.challenge-navigation .challenge-navigation-back,.challenge-navigation .challenge-navigation-home{width:3.6rem;min-width:3.6rem;height:3.6rem;min-height:3.6rem;padding:.25rem;display:grid;place-items:center;border:.16rem solid rgb(255 226 126/92%);border-radius:999px;color:#fff9e6;text-decoration:none;background:linear-gradient(180deg,rgb(126 76 156/96%),rgb(78 43 109/98%));box-shadow:0 .42rem .85rem rgb(50 24 66/32%);box-sizing:border-box;pointer-events:auto}.challenge-navigation .challenge-navigation-home{width:3.85rem;min-width:3.85rem;height:3.85rem;min-height:3.85rem;padding:.2rem}.challenge-navigation-home-icon{display:block;width:100%;height:100%}.challenge-navigation-back span{font-size:1.9rem;font-weight:950;line-height:1}.challenge-navigation a:focus-visible{outline:4px solid #fff1a6;outline-offset:3px;box-shadow:0 0 0 7px rgb(105 52 146/70%)}.play-letter-gate-direct>.play-letter-gate-challenge{min-height:calc(100svh - max(4.75rem, calc(4.2rem + env(safe-area-inset-top))))}.play-runner-copy{position:relative;z-index:2;min-height:3.45rem;align-content:center}.play-runner-copy h1{max-width:14ch;font-size:clamp(1.35rem,6.4vw,2.2rem)}.play-runner-copy span{min-height:1.75rem;padding:.3rem .75rem;border-radius:999px;color:#4c2d68;background:rgba(255,244,181,.88);box-shadow:0 .35rem 1rem rgba(52,29,84,.14)}.play-perspective-scene{position:relative;min-height:min(59svh,34rem);margin-inline:-.75rem;overflow:hidden;isolation:isolate;touch-action:none;cursor:grab;background:linear-gradient(180deg,rgba(40,33,91,.04),rgba(255,190,92,.08)),var(--runner-bg) center 68% /cover no-repeat;background-position:50%,center 58%;background-size:auto,auto 118%;box-shadow:inset 0 1rem 2.2rem rgba(255,243,186,.28),inset 0 -2.2rem 2.8rem rgba(47,35,86,.2);animation:runnerSceneForward 4.8s linear infinite}.play-perspective-scene:active{cursor:grabbing}.play-perspective-scene:after,.play-perspective-scene:before,.play-runner-parallax{position:absolute;inset:0;content:"";pointer-events:none}.play-perspective-scene:before{z-index:1;background:radial-gradient(ellipse at 50% 19%,rgba(255,244,168,.54),transparent 19%),repeating-linear-gradient(180deg,transparent 0 1.55rem,rgba(255,244,179,.16) 1.55rem 1.76rem,transparent 1.76rem 3rem),linear-gradient(180deg,rgba(69,48,118,.05),rgba(28,64,58,.16));background-size:auto,100% 9rem,auto;animation:runnerLightRush .76s linear infinite}.play-perspective-scene:after{z-index:9;background:var(--runner-fg) center 68% /cover no-repeat;animation:runnerForegroundDrift 1.6s linear infinite}.play-runner-parallax{z-index:2;background:radial-gradient(circle at 14% 82%,rgba(255,222,111,.34) 0 .55rem,transparent .6rem),radial-gradient(circle at 86% 74%,rgba(255,234,152,.3) 0 .42rem,transparent .48rem),radial-gradient(circle at 24% 46%,rgba(255,244,181,.22) 0 .32rem,transparent .38rem);background-size:100% 16rem;animation:runnerSparkFlow 1.05s linear infinite;opacity:.9}.play-runner-foreground-props,.play-runner-side-layer{position:absolute;pointer-events:none;background-repeat:no-repeat}.play-runner-side-layer{inset:0;z-index:2;opacity:.95;background-size:auto 170%}.play-runner-side-layer-left{background-position:left 45%}.play-runner-side-layer-right{background-position:right 45%}.play-runner-foreground-props{inset:auto 0 0;z-index:7;height:min(38%,13rem);background-position:bottom;background-size:112% auto}.play-runway-depth{position:absolute;inset:4% 0 0;z-index:3;perspective:36rem;pointer-events:none}.play-runway-depth:before{position:absolute;inset-inline:5%;inset-block:10% 0;content:"";clip-path:polygon(46% 0,54% 0,95% 100%,5% 100%);background:repeating-linear-gradient(180deg,rgba(255,246,192,.22) 0 .7rem,rgba(255,224,126,.04) .7rem 1.5rem),linear-gradient(90deg,rgba(93,63,132,.18),rgba(255,227,142,.34),rgba(70,115,98,.18));background-position:0 0,0 0;filter:drop-shadow(0 1.6rem 2.4rem rgba(53,33,83,.18));animation:runwayPulse 1.2s ease-in-out infinite,runwayRush .62s linear infinite}.play-runway-depth span{position:absolute;bottom:2%;width:14%;height:78%;transform-origin:bottom center;clip-path:polygon(45% 0,55% 0,88% 100%,12% 100%);background:linear-gradient(180deg,transparent,rgba(255,241,171,.2));opacity:.35}.play-runway-depth span:first-child{left:18%}.play-runway-depth span:nth-child(2){left:43%}.play-runway-depth span:nth-child(3){left:68%}.play-runway-depth span.is-active{opacity:.82;background:linear-gradient(180deg,rgba(255,245,180,.1),rgba(255,217,98,.36))}.play-destination-gate{position:absolute;top:5%;left:50%;z-index:4;width:min(47vw,13.5rem);transform:translateX(-50%) scale(calc(.72 + (var(--runner-progress) * .42)));transform-origin:center bottom;filter:drop-shadow(0 .8rem 1.4rem rgba(55,36,86,.22)) drop-shadow(0 0 1rem rgba(255,224,115,.3));transition:top .32s ease,width .32s ease,transform .32s ease,filter .32s ease}.play-destination-gate img{width:100%;height:auto}.play-runner-stage.is-arriving .play-destination-gate{top:13%;width:min(68vw,21rem);transform:translateX(-50%) scale(1.08);filter:drop-shadow(0 1rem 1.8rem rgba(55,36,86,.25)) drop-shadow(0 0 1.8rem rgba(255,235,142,.65))}.play-runner-object{position:absolute;z-index:5;transform:translateX(-50%);filter:drop-shadow(0 .55rem .7rem rgba(46,31,79,.22));animation:runnerObjectApproach .72s linear infinite;pointer-events:none}.play-runner-object img{position:relative;z-index:1;width:100%;height:auto}.play-runner-object.depth-0{top:61%;width:4.35rem;opacity:1}.play-runner-object.depth-1{top:42%;width:2.9rem;opacity:.86;animation-delay:.11s}.play-runner-object.depth-2{top:27%;width:2.05rem;opacity:.68;animation-delay:.22s}.play-runner-object.depth-3{top:16%;width:1.45rem;opacity:.5;animation-delay:.33s}.play-runner-charm-echo{filter:drop-shadow(0 .55rem .7rem rgba(46,31,79,.2)) drop-shadow(0 0 .85rem rgba(255,233,132,.68))}.play-runner-charm-special{filter:drop-shadow(0 .55rem .7rem rgba(46,31,79,.22)) drop-shadow(0 0 1rem rgba(255,226,113,.9))}.play-runner-charm-high{top:50%;width:4.65rem;filter:drop-shadow(0 .7rem .8rem rgba(71,37,103,.32)) drop-shadow(0 0 1.2rem rgba(255,234,132,.98))}.play-runner-charm-high.depth-1{top:34%;width:3.5rem}.play-runner-charm-high.depth-2{top:21%;width:2.55rem}.play-runner-charm-high.depth-3{top:11%;width:1.8rem}.play-runner-lift-cue{position:absolute;left:50%;bottom:-1.15rem;z-index:2;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:999px;border:.12rem solid rgba(255,231,133,.94);color:#fff7c8;font-size:1.35rem;font-weight:1000;line-height:1;background:linear-gradient(180deg,rgba(127,74,162,.96),rgba(78,44,112,.96));box-shadow:0 0 .8rem rgba(255,230,124,.8);text-shadow:0 0 .7rem #fff4aa;transform:translateX(-50%);animation:runnerLiftCue .52s ease-in-out infinite}.play-runner-obstacle{z-index:6;width:4.8rem}.play-runner-obstacle.depth-1{width:3.55rem}.play-runner-obstacle.depth-2{width:2.45rem}.play-runner-obstacle.depth-3{width:1.85rem}.play-runner-nuri{bottom:.5%;z-index:8;width:clamp(6.6rem,29vw,9.4rem);transition:left .22s ease;animation:nuriRun .36s ease-in-out infinite}.play-runner-nuri,.play-runner-nuri span{position:absolute;transform:translateX(-50%)}.play-runner-nuri span{left:50%;bottom:2%;width:72%;height:1.05rem;border-radius:999px;background:rgba(41,31,68,.25);filter:blur(.2rem)}.play-runner-nuri img{position:relative;width:100%;height:auto;filter:drop-shadow(0 0 .24rem rgba(255,247,201,.84)) drop-shadow(0 .55rem .75rem rgba(38,25,70,.3))}.play-runner-nuri.is-collect img{animation:nuriCollect .44s ease-out}.play-runner-nuri.is-bump img{animation:nuriBump .42s ease-out}.play-runner-nuri.is-jump{animation:nuriJump .46s ease-out}.play-runner-meter{position:relative;z-index:3;margin-top:-.1rem}.play-runner-controls{position:relative;z-index:3;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr) auto}.play-runner-controls button{min-height:3.35rem;border-radius:1.15rem;color:#fff8df;background:linear-gradient(180deg,#8460b6,#503181);box-shadow:inset 0 -.2rem 0 rgba(48,27,83,.3),0 .65rem 1.1rem rgba(53,33,83,.2)}.play-runner-controls button:first-child,.play-runner-controls button:last-of-type{font-size:1rem}.play-runner-sr-controls{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.play-runner-sr-controls:focus-within{position:relative;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}.play-gate-arrival{position:relative;z-index:3;padding:.6rem .7rem .75rem;border:.12rem solid rgba(255,229,149,.7);border-radius:1.4rem;color:#4c2d68;background:linear-gradient(180deg,rgba(255,248,213,.94),rgba(255,223,138,.88));box-shadow:0 .8rem 1.6rem rgba(55,34,87,.18)}.play-hall-sound-gate{width:min(100%,560px);min-height:calc(100svh - 63px);grid-template-rows:minmax(9rem,20svh) auto;align-content:start;padding:0 0 max(.55rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(54,39,96,.12),rgba(255,207,112,.08)),url(/art/runner/sound-gate/sound-gate-zone-bg-open.png) top /cover no-repeat}.play-hall-sound-gate .play-hall-backdrop{position:relative;min-height:9rem;border-radius:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,235,142,.46),transparent 44%),url(/art/runner/sound-gate/sound-gate-zone-open.png) bottom /min(60vw,18rem) auto no-repeat;box-shadow:inset 0 -1.4rem 2rem rgba(58,36,88,.14)}.play-hall-sound-gate .play-hall-backdrop strong{align-self:end;margin-bottom:.55rem;color:#fff7d5;background:rgba(58,36,88,.62);box-shadow:0 .45rem 1rem rgba(44,27,68,.18)}.play-hall-nuri{position:absolute;inset-block-end:.2rem;width:clamp(3.8rem,17vw,5.8rem);height:auto;filter:drop-shadow(0 .55rem .55rem rgba(42,25,72,.24))}.play-sound-hall-panel{align-content:start;border-radius:0;padding:.65rem .75rem .8rem;color:#fff8df;background:radial-gradient(ellipse at 50% 0,rgba(255,232,129,.2),transparent 44%),linear-gradient(180deg,rgba(66,49,105,.92),rgba(40,72,74,.92));box-shadow:inset 0 .12rem 0 rgba(255,244,189,.2),inset 0 1.2rem 2.4rem rgba(255,224,136,.08)}.play-sound-hall-panel .play-feedback-line,.play-sound-hall-panel .play-kicker{color:#ffe799}.play-sound-hall-panel .play-hall-prompt{grid-template-columns:minmax(6.8rem,34%) 1fr;gap:.55rem;color:#fff8df}.play-sound-hall-panel .play-hall-prompt h1{color:#fffbe6;font-size:clamp(1.35rem,6vw,2.1rem);text-shadow:0 .16rem 0 rgba(50,30,75,.46)}.play-sound-picture-pedestal{position:relative;display:grid;place-items:center;padding-bottom:.65rem}.play-sound-picture-pedestal:after{width:82%;height:1.1rem;border-radius:999px;content:"";background:linear-gradient(180deg,#d8b66b,#7d5b47);box-shadow:0 .35rem 0 rgba(51,31,72,.18),0 0 1.2rem rgba(255,224,118,.26)}.play-sound-picture-pedestal.is-lit .round-picture{filter:drop-shadow(0 0 1rem rgba(255,229,124,.75))}.play-sound-hall-panel .round-picture{width:min(24vw,6.4rem);height:auto;max-width:none}.play-sound-hall-panel .play-audio-pill{color:#5b310f;background:linear-gradient(180deg,#fff2a5,#ffc54d)}.play-sound-hall-panel .play-round-track span{width:.82rem;height:.82rem;background:rgba(255,245,195,.38);box-shadow:inset 0 0 0 .1rem rgba(255,239,169,.4)}.play-sound-hall-panel .play-round-track span.is-current,.play-sound-hall-panel .play-round-track span.is-done{background:#ffd968;box-shadow:0 0 .75rem rgba(255,223,102,.58)}.play-sound-hall-panel .play-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;align-items:stretch}.play-sound-hall-panel .play-choice-grid button{position:relative;min-height:clamp(5.25rem,13svh,7.4rem);overflow:hidden;border:.12rem solid rgba(255,232,153,.36);border-radius:46% 46% 38% 38%/42% 42% 28% 28%;color:#fff9df;background:radial-gradient(circle at 50% 26%,rgba(255,234,131,.34),transparent 32%),linear-gradient(180deg,#8d71ad,#4c386d 68%,#35294e);box-shadow:inset 0 -.5rem 0 rgba(34,26,53,.24),0 .65rem 1.1rem rgba(32,22,58,.24);text-shadow:0 .12rem 0 rgba(47,31,72,.5)}.play-sound-choice-aura,.play-sound-choice-base{position:absolute;pointer-events:none}.play-sound-choice-aura{inset:.7rem 18% auto;height:52%;border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,234,143,.34),transparent 64%);filter:blur(.18rem)}.play-sound-letter{position:relative;z-index:1;display:grid;place-items:center;width:clamp(3.1rem,14vw,4.4rem);aspect-ratio:1;border-radius:999px;color:#5a300d;background:linear-gradient(180deg,#fff5b4,#ffc646);box-shadow:inset 0 -.18rem 0 rgba(119,73,23,.18),0 0 1rem rgba(255,225,119,.54);font-size:clamp(2rem,10vw,3.4rem);line-height:1}.play-sound-choice-base{inset-inline:19%;bottom:.72rem;height:.55rem;border-radius:999px;background:rgba(255,229,142,.24)}.play-sound-hall-panel .play-choice-grid button.is-correct{border-color:rgba(199,255,174,.86);background:radial-gradient(circle at 50% 28%,rgba(227,255,166,.46),transparent 32%),linear-gradient(180deg,#75a86c,#396d53 68%,#244d3d)}.play-sound-hall-panel .play-choice-grid button.is-wrong{border-color:rgba(255,208,164,.72);background:radial-gradient(circle at 50% 28%,rgba(255,219,166,.34),transparent 32%),linear-gradient(180deg,#9a6d79,#64415c 68%,#3e304c);animation:soundStoneWiggle .32s ease-in-out}@media (min-width:720px) and (max-width:899px){.play-runner-stage{width:min(100%,640px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:stretch;padding:.8rem .85rem max(.8rem,env(safe-area-inset-bottom))}.play-gate-arrival,.play-perspective-scene,.play-runner-controls,.play-runner-copy,.play-runner-meter{grid-column:1;grid-row:auto}.play-perspective-scene{min-height:min(58svh,35rem);margin-inline:-.85rem}.play-hall-sound-gate{width:min(100%,640px);grid-template-columns:1fr;grid-template-rows:minmax(9rem,20svh) auto;padding:0 0 max(.55rem,env(safe-area-inset-bottom))}.play-hall-sound-gate .play-hall-backdrop{min-height:9rem}.play-sound-hall-panel{min-height:0;align-content:start}.play-sound-hall-panel .play-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.play-runner-stage{width:min(100%,980px);grid-template-columns:.7fr 1.3fr;grid-template-rows:auto 1fr auto;gap:1rem;padding:1rem 1.2rem}.play-perspective-scene{grid-column:2;grid-row:1/span 3;min-height:calc(100svh - 112px);margin-inline:0}.play-gate-arrival,.play-runner-controls,.play-runner-copy,.play-runner-meter{grid-column:1}.play-runner-copy{align-self:end}.play-hall-sound-gate{width:min(100%,980px);grid-template-columns:.82fr 1.18fr;align-items:stretch;padding:1rem;gap:0}.play-hall-sound-gate .play-hall-backdrop,.play-sound-hall-panel{min-height:calc(100svh - 106px)}.play-sound-hall-panel{align-content:center}.play-sound-hall-panel .play-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes runnerSceneForward{0%{background-position:50%,center 58%}to{background-position:50%,center 76%}}@keyframes runnerForegroundDrift{0%{transform:translateY(-1.2%)}to{transform:translateY(1.4%)}}@keyframes runnerLightRush{0%{background-position:50%,0 -9rem,50%}to{background-position:50%,0 0,50%}}@keyframes runnerSparkFlow{0%{background-position:0 -16rem}to{background-position:0 0}}@keyframes runwayRush{0%{background-position:0 -1.5rem,0 0}to{background-position:0 0,0 0}}@keyframes runwayPulse{0%,to{opacity:.84}50%{opacity:1}}@keyframes runnerObjectApproach{0%{transform:translateX(-50%) translateY(-1.2rem) scale(.84)}to{transform:translateX(-50%) translateY(2.8rem) scale(1.12)}}@keyframes runnerObjectFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-.35rem)}}@keyframes runnerLiftCue{0%,to{opacity:.62;transform:translateX(-50%) translateY(.25rem) scale(.86)}50%{opacity:1;transform:translateX(-50%) translateY(-.25rem) scale(1.08)}}@keyframes nuriRun{0%,to{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-.38rem) rotate(1deg)}}@keyframes nuriCollect{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes nuriBump{0%,to{transform:translateX(0)}25%{transform:translateX(-.32rem) rotate(-2deg)}75%{transform:translateX(.32rem) rotate(2deg)}}@keyframes nuriJump{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2.1rem)}}@keyframes soundStoneWiggle{0%,to{transform:translateX(0)}30%{transform:translateX(-.24rem)}70%{transform:translateX(.24rem)}}@font-face{font-family:Alef;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/alef-hebrew-400.woff2) format("woff2");unicode-range:u+0590-05ff,u+2000-206f,u+20aa}@font-face{font-family:Alef;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/alef-hebrew-700.woff2) format("woff2");unicode-range:u+0590-05ff,u+2000-206f,u+20aa}:root{--ink:#20312b;--muted:#65756e;--paper:#fffaf0;--sand:#f6d883;--leaf:#2f7d62;--leaf-dark:#195a46;--sky:#bfe4f6;--coral:#ef765f;--blue:#426c9f;--plum:#755178;--shadow:0 14px 30px rgba(32,49,43,0.12);--deep-shadow:0 18px 0 rgba(32,49,43,0.08),0 24px 42px rgba(32,49,43,0.14)}*{box-sizing:border-box}html{direction:rtl}body,html{min-height:100%}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#d7eff8,#fff7d6 44%,#e8f5d7);font-family:Alef,Arial,Noto Sans Hebrew,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.magic-map-shell{position:relative;width:min(100%,540px);min-height:100svh;margin:0 auto;overflow:hidden;padding:14px 14px 18px;color:#fff8da;background:radial-gradient(circle at 50% 42%,rgba(255,198,116,.85) 0 5%,transparent 28%),radial-gradient(circle at 18% 74%,rgba(46,168,112,.55) 0 16%,transparent 34%),radial-gradient(circle at 78% 76%,rgba(37,136,104,.5) 0 14%,transparent 32%),linear-gradient(180deg,#18124a,#4b2b78 31%,#f29b70 55%,#173f35);box-shadow:0 0 80px rgba(16,12,54,.45);isolation:isolate}.magic-map-shell:before{content:"";position:absolute;inset:34% -14% -8%;z-index:-1;background:radial-gradient(ellipse at 22% 46%,#315d4d 0 18%,transparent 19%),radial-gradient(ellipse at 84% 38%,#2c5649 0 20%,transparent 21%),radial-gradient(ellipse at 54% 62%,#1d463b 0 28%,transparent 29%);opacity:.9}.magic-world,.map-sky{position:absolute;inset:0;pointer-events:none}.moon{top:72px;right:34px;width:52px;height:52px;background:#ffe28a;box-shadow:0 0 28px rgba(255,226,138,.62)}.moon,.moon:after{position:absolute;border-radius:50%}.moon:after{content:"";right:18px;top:-2px;width:48px;height:48px;background:#18124a}.map-star{position:absolute;width:16px;height:16px;background:#fff0a8;clip-path:polygon(50% 0,62% 34%,100% 50%,62% 66%,50% 100%,38% 66%,0 50%,38% 34%);filter:drop-shadow(0 0 8px #ffd86b);animation:mapTwinkle 2.5s ease-in-out infinite}.star-a{top:92px;left:86px}.star-b{top:174px;right:78px;animation-delay:.7s}.star-c{top:260px;left:38px;animation-delay:1.2s}@keyframes mapTwinkle{0%,to{opacity:.45;transform:scale(.75) rotate(0deg)}50%{opacity:1;transform:scale(1.35) rotate(25deg)}}.map-cloud{position:absolute;height:42px;border-radius:999px;background:rgba(255,211,181,.46);filter:blur(1px)}.map-cloud:after,.map-cloud:before{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.map-cloud:before{right:20px;width:68px;height:68px}.map-cloud:after{left:26px;width:58px;height:58px}.cloud-a{top:190px;right:-18px;width:172px}.cloud-b{top:232px;left:-36px;width:206px}.game-hud{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.hud-friend,.hud-stars,.map-music-button{min-height:54px;border:2px solid rgba(255,226,160,.62);border-radius:22px;background:linear-gradient(180deg,rgba(138,74,174,.94),rgba(86,55,150,.94));box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 9px 18px rgba(24,18,74,.28)}.hud-friend{display:inline-flex;align-items:center;gap:8px;max-width:156px;padding:5px 10px 5px 12px;color:white;font-size:1rem;font-weight:900}.fox-head{position:relative;width:44px;height:44px;flex:0 0 auto}.fox-ear{position:absolute;top:0;width:20px;height:22px;background:#ef9b3f;border:2px solid #6b3a24;border-radius:6px 16px 8px 12px}.ear-a{right:2px;transform:rotate(28deg)}.ear-b{left:2px;transform:rotate(-28deg)}.fox-face{position:absolute;right:3px;bottom:0;width:38px;height:36px;border:3px solid #6b3a24;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 35% 42%,#2b211f 0 3px,transparent 4px),radial-gradient(circle at 65% 42%,#2b211f 0 3px,transparent 4px),radial-gradient(circle at 50% 66%,#fff6db 0 8px,transparent 9px),#f2a244}.hud-stars{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;color:white;font-size:1.1rem}.hud-stars span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffc83d;color:#7b4b00;box-shadow:0 0 0 7px rgba(255,200,61,.2)}.map-music-button{display:grid;place-items:center;width:54px;color:#fff1bf;font-size:1.65rem;cursor:pointer}.map-music-button.is-on{background:linear-gradient(180deg,rgba(70,182,217,.96),rgba(64,92,188,.96))}.map-title{position:relative;z-index:3;display:grid;place-items:center;margin-top:28px;text-align:center}.title-cloud{position:relative;padding:12px 24px 18px;border-radius:34px;background:linear-gradient(180deg,#ffe6a4,#f4b247);color:#84440b;text-shadow:0 3px 0 rgba(255,255,255,.3);box-shadow:inset 0 4px 0 rgba(255,255,255,.38),0 10px 0 #b65d1d,0 18px 30px rgba(45,19,75,.36);transform:rotate(-1deg)}.title-cloud h1,.title-cloud p{margin:0;line-height:.95;font-weight:1000}.title-cloud h1{font-size:clamp(3.2rem,18vw,5.7rem)}.title-cloud p{padding:6px 18px 3px;border-radius:18px;background:#2d73c9;color:#fff7db;font-size:clamp(1.5rem,8vw,2.7rem);box-shadow:inset 0 -4px 0 rgba(0,0,0,.16)}.distant-school{position:absolute;top:240px;right:50%;width:126px;height:110px;transform:translateX(50%);filter:drop-shadow(0 16px 18px rgba(22,25,61,.28))}.school-roof{position:absolute;top:8px;right:21px;width:84px;height:48px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#e7664f}.school-body{right:18px;width:90px;height:62px;border:3px solid #6e4427;border-radius:10px;background:#ffe6a4}.school-body,.school-door{position:absolute;bottom:8px}.school-door{right:55px;width:20px;height:34px;border-radius:10px 10px 0 0;background:#2d73c9}.school-flag{position:absolute;top:0;right:58px;width:34px;height:18px;border-radius:4px 10px 10px 4px;background:#ffc83d}.glow-path{position:absolute;inset:342px 0 150px;z-index:1}.glow-path span{position:absolute;width:30px;height:30px;border-radius:50%;background:#ffd64c;box-shadow:0 0 0 9px rgba(255,214,76,.2),0 0 22px rgba(255,214,76,.85);animation:pathPulse 1.8s ease-in-out infinite}.glow-path span:first-child{right:50%;top:0}.glow-path span:nth-child(2){right:39%;top:82px;animation-delay:.2s}.glow-path span:nth-child(3){right:52%;top:166px;animation-delay:.4s}.glow-path span:nth-child(4){right:42%;top:252px;animation-delay:.6s}.glow-path span:nth-child(5){right:50%;bottom:0;animation-delay:.8s}@keyframes pathPulse{0%,to{transform:scale(.9)}50%{transform:scale(1.12)}}.mascot-stage{position:absolute;z-index:4;right:8px;top:300px;width:150px;height:170px}.mascot-fox{position:absolute;right:6px;bottom:0;width:116px;height:136px;animation:mascotBreathe 2.2s ease-in-out infinite}.mascot-fox .tail{position:absolute;right:-8px;bottom:28px;width:52px;height:82px;border-radius:50%;background:#f19b3f;transform:rotate(24deg)}.mascot-fox .body{position:absolute;right:32px;bottom:0;width:62px;height:78px;border-radius:34px 34px 22px 22px;background:#f2a244}.mascot-fox .head{position:absolute;right:20px;top:4px;width:88px;height:76px;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 34% 43%,#2b211f 0 5px,transparent 6px),radial-gradient(circle at 65% 43%,#2b211f 0 5px,transparent 6px),radial-gradient(circle at 50% 66%,#fff6db 0 18px,transparent 19px),linear-gradient(180deg,#f6b04e,#e88732);box-shadow:inset 0 -7px 0 rgba(104,56,28,.14)}.mascot-fox .head:after,.mascot-fox .head:before{content:"";position:absolute;top:-18px;width:34px;height:38px;border-radius:10px 24px 10px 20px;background:#f2a244}.mascot-fox .head:before{right:5px;transform:rotate(24deg)}.mascot-fox .head:after{left:5px;transform:rotate(-24deg)}.mascot-fox .paw{position:absolute;left:8px;top:72px;width:34px;height:16px;border-radius:999px;background:#f6b04e;transform-origin:right center;transform:rotate(-28deg);animation:wavePaw 1.2s ease-in-out infinite}.speech-bubble{position:absolute;right:96px;top:6px;min-width:80px;padding:10px 12px;border-radius:20px 20px 6px 20px;background:white;color:#623269;box-shadow:0 8px 18px rgba(24,18,74,.2);font-size:1.2rem;font-weight:900}@keyframes mascotBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wavePaw{0%,to{transform:rotate(-28deg)}50%{transform:rotate(-2deg)}}.activity-islands{position:absolute;inset:0;z-index:3}.map-island{position:absolute;display:grid;place-items:center;width:138px;height:108px;border-radius:50% 50% 32px 32px;background:radial-gradient(ellipse at 50% 18%,#7ed36e 0 34%,transparent 35%),linear-gradient(180deg,#4ba35a,#2e7a55 68%,#8d5f34 69% 100%);filter:drop-shadow(0 14px 16px rgba(20,18,52,.28));pointer-events:auto;transform:translateZ(0)}.map-island.unlocked{cursor:pointer}.map-island.locked{filter:grayscale(.45) drop-shadow(0 10px 12px rgba(20,18,52,.22));opacity:.72}.map-island.completed .island-glow,.map-island.unlocked .island-glow{position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(255,214,76,.45),transparent 64%);animation:islandGlow 2s ease-in-out infinite}.island-icon{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:58px;border:4px solid #463224;border-radius:18px;background:linear-gradient(180deg,#ffe8a8,#f7c15d);color:#2d73c9;box-shadow:inset 0 -6px 0 rgba(113,72,21,.16);font-size:2.4rem;font-weight:1000}.wood-sign{position:absolute;bottom:-16px;z-index:2;min-width:92px;padding:5px 10px 6px;border:2px solid #6b3a24;border-radius:12px;background:linear-gradient(180deg,#b36b32,#7b431f);color:#fff2c5;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 6px 10px rgba(24,18,74,.22);font-size:1rem;font-weight:1000;text-align:center}.tap-ring{position:absolute;inset:-18px;border:4px solid rgba(255,214,76,.7);border-radius:inherit;animation:tapRing 1.2s ease-out infinite}.island-1{right:30px;top:482px}.island-2{left:34px;top:426px}.island-3{left:42px;top:606px}.island-4{right:38px;top:666px}@keyframes islandGlow{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.05)}}@keyframes tapRing{0%{opacity:.95;transform:scale(.86)}to{opacity:0;transform:scale(1.18)}}.bottom-play-panel{position:fixed;right:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:10;display:grid;grid-template-columns:54px 1fr 54px;align-items:end;gap:10px;width:min(calc(100% - 24px),516px);transform:translateX(50%);pointer-events:none}.giant-play-button,.next-hint,.tiny-rewards{pointer-events:auto}.tiny-rewards{display:grid;gap:4px}.tiny-rewards span{display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(255,226,160,.45);border-radius:50%;background:rgba(74,46,121,.8);color:rgba(255,255,255,.45);font-weight:1000}.tiny-rewards span.earned{background:#ffc83d;color:#7b4b00;box-shadow:0 0 0 7px rgba(255,200,61,.18)}.giant-play-button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:78px;border:4px solid #fff0a8;border-radius:32px;background:linear-gradient(180deg,#ffe16a,#f39b1d);color:#693700;box-shadow:inset 0 5px 0 rgba(255,255,255,.35),0 10px 0 #a95715,0 18px 26px rgba(20,18,52,.34);font-size:clamp(2.1rem,11vw,3.4rem);font-weight:1000}.play-triangle{width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-right:28px solid white;filter:drop-shadow(0 3px 0 rgba(105,55,0,.22))}.next-hint{display:grid;place-items:center;gap:2px;min-height:64px;border-radius:18px;background:linear-gradient(180deg,rgba(127,70,174,.94),rgba(82,55,145,.94));color:white;box-shadow:0 9px 18px rgba(24,18,74,.28);font-weight:900}.app-shell,.mission-shell{min-height:100svh;width:min(100%,920px);margin:0 auto;padding:18px clamp(14px,4vw,34px) 28px}.mission-topbar,.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:8px 14px}.hero-copy h2,.mission-topbar h1,.question-panel h1,.section-heading h2,.success-card h1,.topbar h1{margin:0;line-height:1.05;letter-spacing:0}.topbar h1{font-size:clamp(2rem,9vw,4rem)}.buddy-name,.eyebrow,.mission-kind{margin:0 0 6px;color:var(--leaf-dark);font-size:.82rem;font-weight:800}.progress-pill{display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:8px;min-width:126px;padding:10px 12px;border:2px solid rgba(47,125,98,.2);border-radius:8px;background:rgba(255,250,240,.84);box-shadow:var(--shadow);font-weight:900}.light-dot,.score-light{width:16px;height:16px;border-radius:50%;background:#f5c84b;box-shadow:0 0 0 4px rgba(245,200,75,.22)}.divider{width:1px;height:22px;background:rgba(32,49,43,.18)}.hero-panel{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;margin-inline:calc(clamp(14px, 4vw, 34px) * -1);padding:18px clamp(14px,4vw,34px) 24px;border-block:1px solid rgba(32,49,43,.08);background:rgba(255,250,240,.52)}.companion-card{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;border:2px solid rgba(47,125,98,.18);border-radius:8px;background:rgba(255,250,240,.82);box-shadow:0 10px 24px rgba(32,49,43,.1)}.companion-face{position:relative;width:48px;height:48px;border:3px solid #27423a;border-radius:50%;background:radial-gradient(circle at 34% 38%,#27423a 0 4px,transparent 5px),radial-gradient(circle at 66% 38%,#27423a 0 4px,transparent 5px),radial-gradient(circle at 50% 62%,#fff7d6 0 8px,transparent 9px),#f5c84b;box-shadow:0 0 0 8px rgba(245,200,75,.22)}.companion-face span{position:absolute;right:16px;bottom:10px;width:16px;height:7px;border-bottom:3px solid #27423a;border-radius:0 0 20px 20px}.hero-copy h2{max-width:14ch;font-size:clamp(2rem,10vw,4.8rem)}.hero-copy>p:not(.buddy-name){max-width:32rem;margin:14px 0 0;color:var(--muted);font-size:clamp(1rem,4vw,1.2rem);line-height:1.5}.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:18px;padding:12px 18px;border:3px solid #27423a;border-radius:8px;background:var(--coral);color:white;box-shadow:0 7px 0 #a84b3e;font-size:1.12rem;font-weight:900}.island-scene{position:relative;min-height:340px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,rgba(191,228,246,.95),rgba(245,216,131,.4) 68%,rgba(47,125,98,.18));box-shadow:inset 0 -12px 0 rgba(47,125,98,.12)}.island-scene.is-celebrating{box-shadow:inset 0 -12px 0 rgba(47,125,98,.12),0 0 0 5px rgba(245,200,75,.28),var(--deep-shadow)}.star-field span{position:absolute;width:12px;height:12px;background:#f5c84b;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%);opacity:.72;animation:twinkle 2.8s ease-in-out infinite}.star-field span:first-child{top:36px;right:24%}.star-field span:nth-child(2){top:112px;right:17%;animation-delay:.6s}.star-field span:nth-child(3){top:88px;left:24%;animation-delay:1.1s}.star-field span:nth-child(4){top:166px;left:18%;animation-delay:1.7s}@keyframes twinkle{0%,to{transform:scale(.7) rotate(0deg);opacity:.35}50%{transform:scale(1.25) rotate(22deg);opacity:1}}.sun{top:22px;left:28px;width:54px;height:54px;border-radius:50%;background:#f7c948;box-shadow:0 0 0 12px rgba(247,201,72,.16)}.cloud,.sun{position:absolute}.cloud{height:20px;border-radius:999px;background:rgba(255,255,255,.76)}.cloud:after,.cloud:before{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.cloud:before{right:14px;width:34px;height:34px}.cloud:after{left:16px;width:28px;height:28px}.cloud-one{top:62px;right:34px;width:112px}.cloud-two{top:118px;left:64px;width:88px}.school-house{position:absolute;right:50%;bottom:110px;width:166px;transform:translateX(50%)}.roof{width:0;height:0;margin:0 auto;border-right:92px solid transparent;border-left:92px solid transparent;border-bottom:70px solid var(--coral)}.house-body{position:relative;height:112px;border:4px solid #27423a;border-radius:8px;background:#fff4cf}.clock,.door,.window{position:absolute;border:3px solid #27423a;background:#ffffff}.clock{top:-28px;right:61px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--blue);font-size:1.8rem;font-weight:900}.door{bottom:-4px;right:62px;width:42px;height:60px;border-bottom:0;border-radius:8px 8px 0 0;background:#7bbf8d}.window{top:36px;width:28px;height:30px;border-radius:7px;background:#d7eff8}.window.left{left:22px}.window.right{right:22px}.island-base{position:absolute;right:50%;bottom:42px;width:min(88%,520px);height:110px;transform:translateX(50%);border:4px solid #27423a;border-radius:50% 50% 18px 18px/60% 60% 18px 18px;background:linear-gradient(180deg,#74b96d 0,#2f7d62 74%),var(--leaf)}.area-marker{position:absolute;display:grid;place-items:center;width:34px;height:34px;border:3px solid #27423a;border-radius:50%;background:#e6e1d8;color:#82786b;font-weight:900}.area-marker.lit{background:#f5c84b;color:#4a3412;box-shadow:0 0 0 8px rgba(245,200,75,.22);animation:marker-pulse 2.2s ease-in-out infinite}@keyframes marker-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.marker-1{right:14%;top:26px}.marker-2{right:38%;top:50px}.marker-3{left:30%;top:30px}.marker-4{left:11%;top:58px}.water-line{position:absolute;right:0;bottom:18px;width:100%;height:12px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(66,108,159,.36) 24px 68px)}.status-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0}.status-strip div{min-height:78px;padding:12px 8px;border:1px solid rgba(32,49,43,.1);border-radius:8px;background:rgba(255,250,240,.72)}.status-strip span,.status-strip strong{display:block}.status-strip strong{font-size:1.8rem}.status-strip span{color:var(--muted);font-size:.86rem;font-weight:700}.quest-panel{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:18px;padding:16px;border:2px solid rgba(32,49,43,.12);border-radius:8px;background:rgba(255,250,240,.82);box-shadow:var(--shadow)}.quest-panel h2{margin:0;font-size:1.45rem}.quest-panel p:last-child{margin:6px 0 0;color:var(--muted);font-weight:800;line-height:1.4}.badge-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.badge-shelf span{display:grid;place-items:center;min-height:46px;border:2px dashed rgba(32,49,43,.2);border-radius:8px;background:rgba(255,255,255,.46);color:rgba(32,49,43,.32);font-size:1.5rem;font-weight:900}.badge-shelf span.earned{border-style:solid;background:#f5c84b;color:#4a3412;box-shadow:0 5px 0 rgba(80,58,20,.18)}.mission-section{padding-block:10px 24px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:1.6rem}.mission-list{display:grid;gap:10px}.mission-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px 14px;min-height:118px;padding:16px;border:2px solid rgba(32,49,43,.1);border-radius:8px;background:rgba(255,250,240,.9);box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease}a.mission-card:active{transform:translateY(4px);box-shadow:0 8px 18px rgba(32,49,43,.12)}.mission-card h3{margin:0;font-size:1.45rem}.mission-card p{margin:4px 0 0;color:var(--muted);font-weight:700}.mission-card small{display:block;margin-top:6px;color:var(--muted);font-weight:800;line-height:1.35}.mission-card.locked{opacity:.55}.mission-card.completed{border-color:rgba(47,125,98,.38);background:rgba(232,245,215,.88)}.mission-reward{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f5c84b;color:#503a14;font-weight:900}.mission-action{grid-column:1/-1;justify-self:start;padding:7px 12px;border-radius:8px;background:var(--leaf);color:white;font-weight:900}.locked .mission-action{background:#9a958d}.mission-shell{background:linear-gradient(180deg,rgba(215,239,248,.82),rgba(255,247,214,.96))}.mission-topbar a,.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:0;border-radius:8px;background:var(--leaf);color:white;font-weight:900}.round-counter{min-width:72px;padding:10px 12px;border:2px solid rgba(32,49,43,.12);border-radius:8px;background:rgba(255,250,240,.8);direction:ltr;text-align:center;font-weight:900}.mission-progress-track{display:flex;flex:1;max-width:240px;gap:6px;padding:8px;border:2px solid rgba(32,49,43,.1);border-radius:8px;background:rgba(255,250,240,.72)}.mission-progress-track span{flex:1;height:12px;border-radius:999px;background:rgba(32,49,43,.12)}.mission-progress-track span.filled{background:#f5c84b;box-shadow:0 0 0 4px rgba(245,200,75,.18)}.question-panel{display:grid;justify-items:center;gap:14px;padding-block:14px 20px;text-align:center}.question-panel h1{max-width:12ch;font-size:clamp(2rem,10vw,4.2rem)}.practice-context-strip{display:grid;gap:.2rem;width:min(100%,21rem);padding:.55rem .8rem;border:1px solid rgba(93,52,113,.14);border-radius:8px;background:rgba(255,246,214,.78);color:#4a2557;box-shadow:inset 0 -.12rem 0 rgba(120,71,137,.1)}.practice-context-strip span{font-size:.76rem;font-weight:900;color:#7a4f24}.practice-context-strip strong{font-size:.95rem;font-weight:950}.round-picture{border:4px solid #27423a;border-radius:8px;background:#fffaf0;isolation:isolate}.round-picture,.sound-challenge-card{position:relative;width:min(78vw,340px);aspect-ratio:1;box-shadow:var(--shadow)}.sound-challenge-card{display:grid;place-items:center;align-content:center;gap:.55rem;overflow:hidden;border:4px solid #27423a;border-radius:8px;color:#fff8df;background:radial-gradient(circle at 50% 28%,rgba(255,235,132,.32),transparent 32%),radial-gradient(circle at 22% 74%,rgba(126,207,146,.22),transparent 30%),linear-gradient(180deg,#6842b8,#36206f);text-align:center;isolation:isolate}.sound-challenge-card:after,.sound-challenge-card:before{position:absolute;content:"";border-radius:999px;pointer-events:none}.sound-challenge-card:before{inset:14% 15% auto auto;width:1.2rem;aspect-ratio:1;background:#ffe56e;box-shadow:-6rem 2.1rem 0 -.28rem rgba(255,235,132,.9),-2.6rem 7.4rem 0 -.34rem rgba(255,235,132,.8),4.7rem 6.1rem 0 -.36rem rgba(255,235,132,.78)}.sound-challenge-card:after{inset:auto 12% 12% 12%;height:1.2rem;background:radial-gradient(ellipse,rgba(28,31,67,.3),transparent 70%)}.sound-challenge-card span{display:grid;width:clamp(4.6rem,22vw,6.3rem);aspect-ratio:1;place-items:center;border:.2rem solid rgba(255,239,164,.88);border-radius:50%;color:#653007;background:radial-gradient(circle at 34% 26%,#fff7a7,#ffd34b 66%,#d98e26);box-shadow:inset 0 -.32rem 0 rgba(136,72,13,.24),0 0 1.35rem rgba(255,217,74,.42);font-size:clamp(3rem,15vw,4.5rem);font-weight:950;line-height:1;text-shadow:none}.sound-challenge-card small,.sound-challenge-card strong{position:relative;z-index:1;max-width:13ch;line-height:1.15;font-weight:950}.sound-challenge-card strong{font-size:clamp(1.5rem,7vw,2.2rem)}.sound-challenge-card small{color:#fff0b8;font-size:clamp(.95rem,4.1vw,1.2rem)}.shape{position:absolute}.picture-family .main{right:82px;bottom:58px;width:84px;height:140px;border-radius:44px 44px 8px 8px;background:var(--blue)}.picture-family .detail-one,.picture-family .detail-two{bottom:64px;width:62px;height:108px;border-radius:34px 34px 8px 8px;background:var(--coral)}.picture-family .detail-one{right:34px}.picture-family .detail-two{left:38px;background:var(--leaf)}.picture-family .detail-three{right:105px;top:44px;width:40px;height:40px;border-radius:50%;background:#f2bd86}.picture-banana .main{right:58px;top:66px;width:214px;height:126px;border-bottom:18px solid #f5c84b;border-right:18px solid #f5c84b;border-top:0;border-left:18px solid transparent;border-radius:0 0 150px 150px;transform:rotate(-10deg)}.picture-banana .detail-one{right:48px;top:96px;width:30px;height:24px;border-radius:50%;background:#614b26}.picture-banana .detail-three,.picture-banana .detail-two{display:none}.picture-cat .main,.picture-dog .main{right:72px;bottom:62px;width:190px;height:128px;border-radius:42px 42px 18px 18px;background:#c78d55}.picture-cat .detail-one,.picture-dog .detail-one{right:104px;top:54px;width:112px;height:92px;border-radius:42px;background:#d9a46c}.picture-cat .detail-two,.picture-dog .detail-two{right:90px;top:42px;width:34px;height:70px;border-radius:28px;background:#7d5135;transform:rotate(24deg)}.picture-cat .detail-three,.picture-dog .detail-three{left:84px;top:42px;width:34px;height:70px;border-radius:28px;background:#7d5135;transform:rotate(-24deg)}.picture-cat .main{background:#7f8c94}.picture-cat .detail-one{background:#aeb9be}.picture-cat .detail-three,.picture-cat .detail-two{width:0;height:0;border-right:22px solid transparent;border-left:22px solid transparent;border-bottom:56px solid #7f8c94;border-radius:0;background:transparent}.picture-dag .main{right:58px;top:96px;width:180px;height:96px;border-radius:50%;background:var(--blue)}.picture-dag .detail-one{left:54px;top:116px;width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:58px solid var(--coral)}.picture-dag .detail-two{right:82px;top:124px;width:18px;height:18px;border-radius:50%;background:white}.picture-dag .detail-three{display:none}.listen-button{min-width:154px;min-height:52px;border:0;border-radius:8px;background:var(--blue);color:white;font-weight:900;box-shadow:0 5px 0 #29496f}.listen-button:disabled{opacity:.72}.mission-message{min-height:48px;margin:0;color:var(--leaf-dark);font-size:1.08rem;font-weight:900}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin:0 auto}.letter-choice{aspect-ratio:1.28;min-height:112px;border:4px solid #27423a;border-radius:8px;background:#fffaf0;color:var(--ink);font-size:clamp(3.4rem,20vw,6.4rem);font-weight:900;box-shadow:0 7px 0 #cfb66c;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.letter-choice:not(:disabled):active{transform:translateY(5px);box-shadow:0 2px 0 #cfb66c}.letter-choice:disabled{opacity:.78}.letter-choice.correct{background:#7fcf92;color:#123a2d;box-shadow:0 7px 0 #2f7d62}.letter-choice.wrong{background:#f4a08d;color:#4d2219;box-shadow:0 7px 0 #b45544}.collect-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:min(100%,540px);margin:0 auto;padding:16px;border:3px solid #27423a;border-radius:8px;background:rgba(255,250,240,.94);box-shadow:var(--deep-shadow)}.collect-orb{display:grid;place-items:center;width:88px;height:88px;border:4px solid #27423a;border-radius:50%;background:#f5c84b;box-shadow:0 0 0 10px rgba(245,200,75,.24);animation:collect-glow 1.4s ease-in-out infinite}.collect-orb span{font-size:3.3rem;font-weight:900}.collect-panel h2,.collect-panel p{margin:0}.collect-panel h2{font-size:1.6rem}.collect-panel p:last-child{margin-top:4px;color:var(--muted);font-size:1.2rem;font-weight:900}.collect-panel button{grid-column:1/-1;min-height:56px;border:0;border-radius:8px;background:var(--leaf);color:white;box-shadow:0 6px 0 var(--leaf-dark);font-size:1.2rem;font-weight:900}.auto-collect-panel{position:relative;overflow:hidden;min-height:8.4rem}.auto-collect-orb{animation:collect-pop 1.15s ease-out both}.flying-light{position:absolute;inset:0;pointer-events:none}.flying-light span{position:absolute;bottom:1.3rem;right:5rem;width:1.05rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffef3,#ffe45f 48%,#f0a52c 78%);box-shadow:0 0 .7rem rgba(255,228,95,.78),0 0 1.35rem rgba(255,184,44,.45);animation:fly-light 1.25s ease-in-out both}.flying-light span:nth-child(2){right:6.1rem;width:.78rem;animation-delay:.12s}.flying-light span:nth-child(3){right:4.2rem;width:.66rem;animation-delay:.2s}@keyframes collect-pop{0%{transform:scale(.86)}35%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes fly-light{0%{opacity:0;transform:translate(0) scale(.62)}20%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(-15rem,-5.2rem) scale(.28)}}@keyframes collect-glow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.success-screen{display:grid;overflow:hidden}.success-card{position:relative;z-index:1;display:grid;justify-items:center;gap:16px;width:min(100%,520px);padding:26px 18px;border:3px solid #27423a;border-radius:8px;background:rgba(255,250,240,.94);text-align:center;box-shadow:var(--shadow)}.success-face{width:62px;height:62px}.success-card h1{font-size:clamp(2.4rem,13vw,5rem)}.success-card p{max-width:28rem;margin:0;color:var(--muted);font-size:1.1rem;line-height:1.45;font-weight:800}.score-row{display:flex;gap:12px}.earned-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.earned-badges span{padding:8px 10px;border:2px solid rgba(32,49,43,.18);border-radius:8px;background:#fff7d6;color:var(--leaf-dark);font-weight:900}.success-burst span{position:fixed;width:140px;height:140px;border-radius:50%;background:rgba(245,200,75,.28);animation:burst-float 3.4s ease-in-out infinite}.success-burst span:first-child{right:10%;top:12%}.success-burst span:nth-child(2){left:8%;top:22%;background:rgba(239,118,95,.18);animation-delay:.4s}.success-burst span:nth-child(3){right:20%;bottom:10%;background:rgba(47,125,98,.18);animation-delay:.9s}.success-burst span:nth-child(4){left:26%;bottom:14%;width:90px;height:90px;background:rgba(66,108,159,.16);animation-delay:1.2s}.success-burst span:nth-child(5){right:46%;top:5%;width:76px;height:76px;animation-delay:1.6s}@keyframes burst-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.08)}}.score-light{width:24px;height:24px;background:#d8d1c0;box-shadow:none}.score-light.on{background:#f5c84b;box-shadow:0 0 0 6px rgba(245,200,75,.22)}.trace-shell{display:flex;flex-direction:column}.trace-intro{padding-block:8px 14px;text-align:center}.trace-intro h1{margin:0;font-size:clamp(2.5rem,13vw,5rem);line-height:1}.trace-intro p:last-child{max-width:28rem;margin:8px auto 0;color:var(--muted);font-weight:900;line-height:1.4}.trace-board{display:grid;place-items:center;width:min(100%,560px);margin:0 auto;padding:10px;border:4px solid #27423a;border-radius:8px;background:linear-gradient(90deg,rgba(32,49,43,.05) 1px,transparent 0),linear-gradient(180deg,rgba(32,49,43,.05) 1px,transparent 0),#fffaf0;background-size:28px 28px;box-shadow:var(--deep-shadow);touch-action:none}.trace-board svg{width:min(86vw,480px);aspect-ratio:1;display:block;touch-action:none;user-select:none}.trace-ghost-letter{fill:rgba(32,49,43,.055);font-size:72px;font-weight:900;dominant-baseline:middle;pointer-events:none}.trace-drawn-path,.trace-guide-path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.trace-guide-path{stroke:rgba(32,49,43,.18);stroke-width:13}.trace-drawn-path{stroke:var(--leaf);stroke-width:14;filter:drop-shadow(0 4px 0 rgba(25,90,70,.18));transition:stroke-dashoffset 80ms linear}.trace-start-dot{fill:#d8d1c0;stroke:#27423a;stroke-width:1.6;pointer-events:none}.trace-start-dot.current{fill:#f5c84b;stroke-width:2.2;animation:collect-glow 1.2s ease-in-out infinite}.trace-active-dot{fill:var(--coral);stroke:white;stroke-width:2;pointer-events:none}.trace-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,560px);margin:16px auto 0}.trace-controls button{min-height:52px;border:2px solid rgba(32,49,43,.12);border-radius:8px;background:rgba(255,250,240,.9);color:var(--ink);font-weight:900;box-shadow:0 5px 0 rgba(32,49,43,.12)}.trace-controls .trace-next{grid-column:1/-1;border-color:#27423a;background:var(--leaf);color:white;box-shadow:0 6px 0 var(--leaf-dark)}.trace-controls .trace-next:disabled{opacity:.45;filter:grayscale(.35)}.trace-letter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.trace-letter-row span{display:grid;place-items:center;width:48px;height:48px;border:3px solid #27423a;border-radius:8px;background:#f5c84b;color:#4a3412;font-size:1.8rem;font-weight:900}@media (min-width:720px){.app-shell,.mission-shell{padding-top:28px}.hero-panel{grid-template-columns:.78fr 1fr;gap:26px}.mission-list{grid-template-columns:repeat(2,minmax(0,1fr))}.question-panel{padding-top:30px}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quest-panel{grid-template-columns:1fr 220px;align-items:center}.collect-panel{grid-template-columns:auto 1fr auto}.collect-panel button{grid-column:auto;min-width:136px}.trace-controls{grid-template-columns:1fr 1fr 1.2fr}.trace-controls .trace-next{grid-column:auto}}.storybook-map-shell{--section-02-overlap:clamp(11rem,22svh,14.5rem);--section-03-overlap:clamp(8.5rem,17svh,11.5rem);position:relative;width:min(100vw,calc(100svh * .634));margin:0 auto;min-height:100svh;overflow-x:hidden;isolation:isolate;direction:rtl;color:#fff8df;background:linear-gradient(180deg,#180a46,#2b165b 58%,#fff0b8);box-shadow:0 0 80px rgba(22,11,61,.55);touch-action:manipulation}.storybook-hud{position:absolute;inset-block-start:max(.75rem,env(safe-area-inset-top));inset-inline:.85rem;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.storybook-friend,.storybook-hud .map-music-button,.storybook-stars{min-height:3rem;border:.18rem solid rgba(255,204,161,.78);border-radius:999px;color:#fff8df;background:linear-gradient(180deg,rgba(139,69,183,.95),rgba(92,49,150,.95));box-shadow:inset 0 -.24rem 0 rgba(62,27,110,.55),0 .8rem 1.8rem rgba(31,9,65,.28)}.storybook-friend{display:flex;align-items:center;gap:.45rem;padding:.28rem .42rem .28rem .95rem;font-weight:900;font-size:clamp(.95rem,3.5vw,1.25rem)}.friend-star{display:grid;width:2.15rem;aspect-ratio:1;place-items:center;border-radius:999px;color:#7a3d05;background:linear-gradient(180deg,#ffe976,#ffc33d);box-shadow:inset 0 -.2rem 0 rgba(161,88,11,.28)}.storybook-stars{display:flex;align-items:center;justify-content:center;gap:.42rem;min-width:4.55rem;padding:.24rem .66rem;font-size:1.12rem;font-weight:950}.storybook-stars span{display:grid;width:2.15rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#7a3d05;background:linear-gradient(180deg,#fff176,#ffc533);box-shadow:0 0 0 .45rem rgba(255,232,111,.22)}.storybook-hud .map-music-button{width:3.25rem;min-width:3.25rem;min-height:3.25rem;padding:0;font-size:1.5rem}.map-notice{position:fixed;inset-inline:50%;bottom:clamp(10.5rem,20svh,12.3rem);z-index:20;display:flex;align-items:center;justify-content:center;gap:.55rem;width:min(82%,25rem);padding:.85rem 1rem;border:.16rem solid rgba(255,231,145,.92);border-radius:1.2rem;color:#fff8df;background:linear-gradient(180deg,rgba(118,65,181,.96),rgba(70,43,140,.96));box-shadow:inset 0 -.2rem 0 rgba(45,24,96,.5),0 .8rem 1.6rem rgba(26,9,68,.34);font-size:clamp(1rem,4.5vw,1.35rem);font-weight:950;text-align:center;text-shadow:0 .1rem 0 rgba(40,20,92,.45);transform:translateX(50%)}.map-notice-icon{display:grid;width:1.9rem;aspect-ratio:1;place-items:center;flex:0 0 auto;border-radius:50%;color:#6a3107;background:linear-gradient(180deg,#fff5a6,#ffbf3f);box-shadow:inset 0 -.16rem 0 rgba(151,82,19,.24),0 0 0 .22rem rgba(255,230,130,.18);text-shadow:none}.offline-pack-sign{z-index:30}.map-parent-info-control,.offline-pack-sign{position:fixed;inset-block-start:max(.75rem,env(safe-area-inset-top));left:50%;width:min(100vw,calc(100svh * .634));height:0;color:#fff8df;direction:rtl;transform:translateX(-50%);pointer-events:none}.map-parent-info-control{z-index:25}.map-parent-info-link{position:absolute;inset-block-start:0;inset-inline-end:max(.75rem,env(safe-area-inset-left));display:inline-flex;min-width:3.5rem;min-height:3.5rem;align-items:center;justify-content:center;padding:.48rem .72rem;border:.16rem solid rgba(255,226,139,.96);border-radius:1rem;color:#fff8df;background:radial-gradient(circle at 42% 15%,rgba(255,246,202,.18),transparent 34%),linear-gradient(180deg,rgba(128,76,169,.97),rgba(73,40,124,.98));box-shadow:inset 0 -.22rem 0 rgba(50,22,91,.38),0 .45rem .9rem rgba(31,9,65,.3);font-size:clamp(.78rem,3.4vw,.95rem);font-weight:900;line-height:1.05;text-align:center;text-decoration:none;white-space:nowrap;text-shadow:0 .08rem 0 rgba(40,20,92,.55);touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent}.map-parent-info-link:focus-visible{outline:.25rem solid #fff;outline-offset:.16rem}.offline-pack-anchor{position:absolute;inset-block-start:0;inset-inline-start:max(.75rem,env(safe-area-inset-right));width:3.5rem}.offline-pack-trigger{position:relative;display:grid;width:3.5rem;min-width:3.5rem;height:3.5rem;min-height:3.5rem;place-items:center;padding:0;border:.18rem solid rgba(255,226,139,.96);border-radius:50%;color:#fff6ce;background:radial-gradient(circle at 38% 28%,rgba(255,246,202,.24),transparent 27%),linear-gradient(180deg,#9c63c9,#7442a8 48%,#4c287f);box-shadow:inset 0 -.28rem 0 rgba(54,24,101,.42),inset 0 0 0 .08rem rgba(255,248,208,.2),0 .5rem 1rem rgba(31,9,65,.34),0 0 .85rem rgba(255,214,88,.2);font:inherit;touch-action:manipulation;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.offline-pack-trigger:after{position:absolute;inset:.28rem;border:.06rem solid rgba(255,248,210,.28);border-radius:50%;content:"";pointer-events:none}.offline-pack-trigger-progress{position:absolute;inset:-.18rem;width:calc(100% + .36rem);height:calc(100% + .36rem);overflow:visible;pointer-events:none}.offline-pack-trigger-progress circle{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.offline-pack-trigger-progress-track{stroke:rgba(255,237,171,.38)}.offline-pack-trigger-progress-value{stroke:#fff2a2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.offline-pack-cloud{position:relative;z-index:2;width:2.05rem;height:2.05rem;overflow:visible;fill:rgba(255,247,211,.12);stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 .1rem 0 rgba(48,20,88,.52));pointer-events:none}.offline-pack-trigger-badge{position:absolute;inset-inline-end:-.24rem;inset-block-end:-.2rem;z-index:4;display:grid;min-width:1.42rem;height:1.42rem;place-items:center;padding-inline:.16rem;border:.12rem solid #fff0a4;border-radius:999px;color:#572a82;background:linear-gradient(180deg,#fff8c8,#f4c855);box-shadow:0 .16rem .35rem rgba(31,9,65,.38);font-size:.68rem;font-weight:950;line-height:1;pointer-events:none}.offline-pack-sign.is-estimate-unavailable .offline-pack-trigger-badge,.offline-pack-sign.is-failed .offline-pack-trigger-badge,.offline-pack-sign.is-insufficient .offline-pack-trigger-badge,.offline-pack-sign.is-unsupported .offline-pack-trigger-badge{color:#741f25;background:linear-gradient(180deg,#fff0c3,#f2a56a)}.offline-pack-details{position:absolute;inset-block-start:4.2rem;inset-inline-start:0;display:grid;gap:.68rem;width:min(20.5rem,calc(100vw - 1.5rem),calc(100svh * .634 - 1.5rem));max-height:calc(100svh - max(.75rem, env(safe-area-inset-top)) - 5.35rem);overflow:auto;overscroll-behavior:contain;padding:1rem .9rem .95rem;border:.17rem solid rgba(255,224,133,.96);border-radius:1.35rem .78rem 1.35rem 1.35rem;color:#fff8df;background:radial-gradient(circle at 88% 5%,rgba(255,239,168,.16),transparent 32%),linear-gradient(155deg,rgba(126,72,174,.985),rgba(70,38,126,.99) 62%,rgba(51,27,99,.995));box-shadow:inset 0 0 0 .08rem rgba(255,247,210,.12),inset 0 -.28rem 0 rgba(36,16,81,.28),0 .9rem 2rem rgba(25,8,61,.42),0 0 1rem rgba(255,213,82,.16);text-align:right;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(255,226,137,.72) rgba(47,23,90,.45);animation:offlinePackBubbleIn .15s ease-out both}.offline-pack-bubble-tail{position:absolute;top:-.48rem;right:1.18rem;width:.86rem;height:.86rem;border-top:.15rem solid rgba(255,224,133,.96);border-left:.15rem solid rgba(255,224,133,.96);background:#8050ac;transform:rotate(45deg);pointer-events:none}.offline-pack-close{position:absolute;inset-block-start:.42rem;inset-inline-end:.42rem;display:grid;width:3rem;min-width:3rem;height:3rem;min-height:3rem;place-items:center;padding:0;border:.1rem solid rgba(255,235,161,.72);border-radius:50%;color:#fff6cc;background:rgba(53,26,99,.62);box-shadow:inset 0 -.14rem 0 rgba(31,13,68,.34);font:inherit;font-size:1.65rem;line-height:1;cursor:pointer}.offline-pack-details h2{margin:0;padding-inline-end:2.85rem;color:#fff3bd;font-size:clamp(1.28rem,5.5vw,1.65rem);line-height:1.12}.offline-pack-details p{margin:0;color:#fff8df;font-size:clamp(.96rem,3.8vw,1.08rem);font-weight:750;line-height:1.38}.offline-pack-space{display:grid;gap:.36rem;margin:0}.offline-pack-space>div{display:flex;min-height:2.45rem;align-items:center;justify-content:space-between;gap:.7rem;padding:.32rem .62rem;border-radius:.75rem;color:#5a3021;background:rgba(255,245,207,.94);font-size:.94rem;font-weight:900}.offline-pack-space dd,.offline-pack-space dt{margin:0}.offline-pack-space .is-warning{color:#762816;background:#ffe1bd}.offline-pack-progress-wrap{display:grid;gap:.38rem}.offline-pack-progress{height:1.05rem;overflow:hidden;border:.14rem solid #f2d27c;border-radius:999px;background:rgba(45,18,69,.72)}.offline-pack-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd45c,#fff2a2);transition:width .18s linear}.offline-pack-progress-numbers{display:flex;margin:0;align-items:center;justify-content:space-between;gap:.6rem;font-size:.9rem}.offline-pack-progress-numbers strong{color:#ffe58c;font-size:1.25rem}.offline-pack-live{min-height:1.25rem;color:#ffe9a6;font-size:.88rem;font-weight:850;line-height:1.35}.offline-pack-actions{display:grid;gap:.65rem}.offline-pack-actions a,.offline-pack-actions button{display:grid;width:100%;min-height:3.15rem;place-items:center;padding:.55rem 1rem;border:.17rem solid #ffe292;border-radius:999px;color:#4c285d;background:linear-gradient(180deg,#fff5c2,#f3c963);box-shadow:inset 0 -.22rem 0 rgba(152,89,22,.22);font:inherit;font-size:1.05rem;font-weight:950;text-decoration:none;cursor:pointer}.offline-pack-actions .is-secondary{color:#fff8df;background:linear-gradient(180deg,#7e58a9,#5e3c87)}.offline-pack-privacy-link{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;margin-top:.2rem;padding:.35rem .6rem;color:#fff6d8;font-size:.95rem;font-weight:800;text-align:center;text-underline-offset:.22rem}.offline-pack-actions button:disabled{cursor:wait;opacity:.72}.offline-pack-close:focus-visible,.offline-pack-details a:focus-visible,.offline-pack-details button:focus-visible,.offline-pack-details h2:focus-visible,.offline-pack-privacy-link:focus-visible,.offline-pack-trigger:focus-visible{outline:.25rem solid #fff;outline-offset:.18rem}@keyframes offlinePackBubbleIn{0%{opacity:0;transform:translateY(-.35rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.offline-pack-details,.offline-pack-progress span{animation:none;transition:none}}.map-guide{position:absolute;inset-inline-start:1rem;bottom:clamp(6.4rem,13svh,7.8rem);z-index:5;display:flex;align-items:center;justify-content:center;width:3.45rem;min-height:3.45rem;border:.16rem solid rgba(255,231,145,.9);border-radius:50%;color:#fff8df;background:linear-gradient(180deg,rgba(137,76,194,.96),rgba(78,47,151,.96));box-shadow:inset 0 -.22rem 0 rgba(49,25,104,.44),0 .62rem 1.1rem rgba(31,9,65,.28);font-family:inherit;font-size:clamp(1rem,4.1vw,1.2rem);font-weight:950;text-shadow:0 .1rem 0 rgba(40,20,92,.45)}.map-guide>span:nth-child(2){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.map-guide-face,.map-guide-sound{display:grid;width:2rem;aspect-ratio:1;place-items:center;flex:0 0 auto;border-radius:50%;color:#713506;background:linear-gradient(180deg,#fff176,#ffc533);box-shadow:inset 0 -.18rem 0 rgba(161,88,11,.25);text-shadow:none}.map-guide-sound{display:none}.storybook-map-section{position:relative;z-index:3;aspect-ratio:var(--section-ratio,941/1672);min-height:100svh;margin-top:calc(-1 * var(--section-overlap, 1px));overflow:hidden;color:#fff8df;background-image:var(--section-background);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.52) 4rem,rgba(0,0,0,.86) 8rem,#000 11rem);mask-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.52) 4rem,rgba(0,0,0,.86) 8rem,#000 11rem)}.storybook-map-section:before{position:absolute;inset-block-start:0;inset-inline:0;z-index:1;height:clamp(7rem,15svh,9.5rem);content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 18%,rgba(255,213,122,.08),transparent 56%),linear-gradient(180deg,rgba(220,153,82,.045),rgba(255,206,119,.025) 56%,transparent);mix-blend-mode:soft-light}.map-section-01{margin-top:0;background-image:var(--section-background,url("/art/map/map-section-01-clean.webp"));-webkit-mask-image:none;mask-image:none}.map-section-01:before{inset:0;height:auto;background:radial-gradient(circle at 50% 8%,rgba(255,244,176,.16),transparent 24%),linear-gradient(180deg,rgba(41,18,103,.02),transparent 40%,rgba(240,179,93,.04))}.map-section-01:after{position:absolute;inset-inline:0;inset-block-end:-1px;z-index:1;height:clamp(6rem,13svh,8.5rem);content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 92%,rgba(255,205,117,.1),transparent 60%),linear-gradient(180deg,transparent,rgba(235,176,101,.04) 52%,rgba(218,143,73,.1));mix-blend-mode:soft-light}.map-section-02{background-image:var(--section-background,url("/art/map/map-section-02-path-continuation.webp"))}.map-section-02:before{background:radial-gradient(ellipse at 50% 18%,rgba(255,207,116,.07),transparent 56%),linear-gradient(180deg,rgba(214,145,79,.04),rgba(255,197,110,.022) 56%,transparent)}.map-section-02:after{position:absolute;inset-inline:0;inset-block-end:-1px;z-index:1;height:clamp(4.75rem,10svh,7rem);content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 86%,rgba(255,224,128,.12),transparent 62%),linear-gradient(0deg,rgba(255,236,176,.14),rgba(255,220,144,.05) 54%,transparent);mix-blend-mode:soft-light}.map-section-03{margin-top:calc(-1 * var(--section-03-overlap));background-image:url(/art/map/map-section-03-schoolyard-worlds.png)}.map-world-layer{inset:0;z-index:2}.map-guide-object,.map-world-layer{position:absolute;pointer-events:none}.map-guide-object{top:var(--guide-y);left:var(--guide-x);z-index:3;display:block;width:clamp(3.8rem,var(--guide-width),6.5rem);aspect-ratio:586/900;transform:translate(-50%,-100%)}.map-guide-object-nuri-peek-left{z-index:4;width:clamp(7.2rem,var(--guide-width),13.2rem);aspect-ratio:1024/1536;transform:translate(-44%)}.map-guide-object-nuri-peek-left .map-guide-sprite{background-position:0 0;filter:saturate(1.04) drop-shadow(0 .28rem .3rem rgba(39,20,50,.2)) drop-shadow(0 0 .44rem rgba(255,220,92,.3))}.map-guide-object-nuri-peek-left .map-guide-grass,.map-guide-object-nuri-peek-left .map-guide-shadow{display:none}.map-guide-sprite{position:absolute;inset:0;z-index:2;display:block;background-image:var(--guide-image);background-position:bottom;background-repeat:no-repeat;background-size:contain;filter:saturate(1.04) drop-shadow(0 .36rem .34rem rgba(39,20,50,.28)) drop-shadow(0 0 .5rem rgba(255,220,92,.34));animation:mapGuideBreathe 3.8s ease-in-out infinite}.map-guide-shadow{right:16%;left:13%;z-index:1;height:8%;background:radial-gradient(ellipse,rgba(32,72,40,.34),rgba(32,72,40,.12) 58%,transparent 76%);filter:blur(.08rem)}.map-guide-grass,.map-guide-shadow{position:absolute;bottom:-2%;border-radius:50%}.map-guide-grass{right:13%;left:15%;z-index:4;height:10%;background:radial-gradient(ellipse at 18% 78%,rgba(255,218,85,.8) 0 .12rem,transparent .16rem),radial-gradient(ellipse at 78% 70%,rgba(178,96,215,.76) 0 .13rem,transparent .17rem),radial-gradient(ellipse,rgba(96,167,70,.68),rgba(45,112,53,.44) 58%,transparent 78%);filter:blur(.01rem);box-shadow:0 -.08rem .2rem rgba(255,224,93,.12)}.nuri-map-marker{position:absolute;top:var(--nuri-y);left:var(--nuri-x);z-index:3;width:clamp(3.15rem,var(--nuri-width),5.7rem);aspect-ratio:586/900;transform:translate(-50%,-100%) scale(var(--nuri-scale,1));transform-origin:50% 100%;pointer-events:none;will-change:top,left,transform}.nuri-map-marker.is-moving{animation:nuriMapTravel 1.25s cubic-bezier(.2,.82,.24,1) both}.nuri-map-marker.is-arriving{animation:nuriMapArrive .82s ease-out both}.nuri-map-marker-button{position:absolute;inset:0;display:block;border:0;padding:0;background:transparent;font:inherit;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.nuri-map-marker-button:focus-visible{outline:.16rem solid rgba(255,244,155,.95);outline-offset:.18rem;border-radius:999px}.nuri-map-marker-sprite{position:absolute;inset:0;z-index:2;display:block;background-image:var(--nuri-image);background-position:bottom;background-repeat:no-repeat;background-size:contain;filter:saturate(1.05) drop-shadow(0 .28rem .26rem rgba(39,20,50,.26)) drop-shadow(0 0 .42rem rgba(255,220,92,.28));animation:nuriMapIdle 2.8s ease-in-out infinite}.nuri-map-marker.is-facing-left .nuri-map-marker-sprite{transform:scaleX(-1)}.nuri-map-marker.is-arriving .nuri-map-marker-sprite,.nuri-map-marker.is-moving .nuri-map-marker-sprite{animation:nuriMapRun .32s ease-in-out infinite}.nuri-map-marker.is-facing-left.is-arriving .nuri-map-marker-sprite,.nuri-map-marker.is-facing-left.is-moving .nuri-map-marker-sprite{animation-name:nuriMapRunLeft}.nuri-map-marker-shadow{position:absolute;right:14%;bottom:-1%;left:13%;z-index:1;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(32,72,40,.32),rgba(32,72,40,.1) 58%,transparent 76%);filter:blur(.07rem)}.map-landmark-node{position:absolute;inset-block-start:var(--landmark-y);left:var(--landmark-x);--landmark-scale:1;display:block;width:clamp(7.8rem,var(--landmark-width),12.6rem);aspect-ratio:7/6;border:0;padding:0;color:#fff2ce;background:transparent;font:inherit;text-align:center;text-decoration:none;transform:translate(-50%,-50%) scale(var(--landmark-scale));filter:drop-shadow(0 .62rem .5rem rgba(42,20,55,.24));pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.map-landmark-node.is-small{width:clamp(6.9rem,var(--landmark-width),10.8rem)}.map-landmark-node.is-standard{width:clamp(7.8rem,var(--landmark-width),12.6rem)}.map-landmark-node.is-large{width:clamp(8.2rem,var(--landmark-width),13.2rem)}.map-landmark-node.is-reward{width:clamp(8.6rem,var(--landmark-width),13.8rem)}.map-landmark-node:focus-visible{outline:none}.map-landmark-artwork{position:absolute;inset:0;z-index:3;display:block;filter:saturate(1.04) contrast(1.02) drop-shadow(0 .42rem .28rem rgba(50,27,37,.22));pointer-events:none}.map-landmark-artwork>img{object-fit:contain;object-position:center}.map-landmark-artwork:before{position:absolute;inset:62% 12% -4%;z-index:-1;content:"";border-radius:50%;background:radial-gradient(ellipse,rgba(39,109,67,.42),rgba(35,91,62,.18) 58%,transparent 76%);filter:blur(.12rem)}.map-landmark-ring{position:absolute;inset:-13% -1% 2%;z-index:1;border-radius:50%;opacity:0;background:radial-gradient(circle at 36% 27%,rgba(255,255,206,.92) 0 .18rem,transparent .22rem),radial-gradient(circle at 70% 24%,rgba(255,232,114,.8) 0 .14rem,transparent .18rem),radial-gradient(ellipse,rgba(255,244,124,.94),rgba(255,216,72,.3) 48%,transparent 74%);filter:blur(.08rem) drop-shadow(0 0 .9rem rgba(255,221,84,.72));pointer-events:none}.map-landmark-state{position:absolute;inset:0;z-index:6;pointer-events:none}.map-landmark-hitbox{position:absolute;top:var(--hitbox-y,52%);left:var(--hitbox-x,50%);z-index:7;width:var(--hitbox-width,122%);min-width:3.5rem;height:var(--hitbox-height,116%);min-height:3.5rem;border-radius:1.6rem;background:transparent;transform:translate(-50%,-50%)}.map-landmark-progress{position:absolute;right:4%;bottom:5%;z-index:6;display:inline-flex;align-items:center;justify-content:center;gap:.18rem;min-width:clamp(2.35rem,9vw,3.15rem);min-height:clamp(1.28rem,5vw,1.62rem);padding:.12rem .36rem .16rem;border:.11rem solid rgba(255,239,165,.9);border-radius:999px;color:#744014;background:linear-gradient(180deg,rgba(255,250,192,.98),rgba(255,197,70,.95));box-shadow:inset 0 -.12rem 0 rgba(151,83,17,.2),0 .22rem .38rem rgba(63,33,23,.24),0 0 .58rem rgba(255,224,92,.28);font-size:clamp(.68rem,2.75vw,.86rem);font-weight:950;line-height:1;text-shadow:0 .04rem 0 rgba(255,255,210,.58);pointer-events:none}.map-landmark-progress span{color:#c97914;font-size:.9em;line-height:1}.map-landmark-progress b{font:inherit}.map-landmark-node.is-open .map-landmark-progress{opacity:.96}.map-landmark-node.is-next{--landmark-scale:1.045;animation:mapSignPulse 1.55s ease-in-out infinite}.storybook-map-shell.is-story-hydrating .map-landmark-progress,.storybook-map-shell.is-story-hydrating .map-landmark-ring,.storybook-map-shell.is-story-hydrating .map-landmark-state{opacity:0}.storybook-map-shell.is-story-hydrating .map-landmark-node{animation:none}.storybook-map-shell.is-welcome-active .map-guide-sprite,.storybook-map-shell.is-welcome-active .map-landmark-node,.storybook-map-shell.is-welcome-active .map-landmark-ring{animation:none;transition:none;will-change:auto}.storybook-map-shell.is-welcome-active.is-welcome-running .map-landmark-node.is-welcome-waking{animation:mapWelcomeLandmarkWake 4.6s linear both;will-change:transform}.storybook-map-shell.is-welcome-active.is-welcome-running .map-landmark-node.is-welcome-waking .map-landmark-ring{animation:mapWelcomeRingWake 4.6s ease-out both;will-change:opacity,transform}.storybook-map-shell.is-welcome-running .map-guide-object-nuri-peek-left{opacity:0}.map-landmark-node.is-next .map-landmark-ring,.map-landmark-node:focus-visible .map-landmark-ring{opacity:1}.map-landmark-node.is-next .map-landmark-artwork{filter:saturate(1.12) contrast(1.04) drop-shadow(0 .48rem .3rem rgba(50,27,37,.2)) drop-shadow(0 0 .95rem rgba(255,226,87,.78))}.map-landmark-node.is-next .map-landmark-progress{color:#61300a;background:linear-gradient(180deg,#fff7a8,#ffc743 58%,#f5a421);box-shadow:inset 0 -.12rem 0 rgba(151,83,17,.24),0 .24rem .42rem rgba(63,33,23,.26),0 0 .86rem rgba(255,226,89,.62)}.map-landmark-node.is-alerting{animation:lockedWiggle .52s ease-in-out 2}.map-landmark-node.is-locked{--landmark-scale:1;filter:drop-shadow(0 .58rem .46rem rgba(42,20,55,.22)) drop-shadow(0 0 .58rem rgba(255,217,92,.16))}.map-landmark-node.is-locked .map-landmark-artwork{opacity:1;filter:saturate(1.08) brightness(1.02) contrast(1.02) drop-shadow(0 .42rem .3rem rgba(50,27,37,.22))}.map-landmark-node.is-locked .map-landmark-artwork:after{position:absolute;inset:7% 7% 6%;z-index:2;content:"";border-radius:999px;background:radial-gradient(circle at 50% 22%,rgba(255,246,167,.1),transparent 30%),radial-gradient(ellipse at 50% 76%,rgba(91,55,155,.06),transparent 62%);pointer-events:none}.map-landmark-node.is-locked.is-full-opacity-locked,.map-landmark-node.is-locked.is-full-opacity-locked .map-landmark-artwork{opacity:1}.map-landmark-node.is-locked.is-full-opacity-locked .map-landmark-artwork:after{display:none}.map-landmark-node.is-locked .map-landmark-ring{opacity:.5;background:radial-gradient(circle at 35% 25%,rgba(255,251,186,.78) 0 .14rem,transparent .18rem),radial-gradient(circle at 72% 30%,rgba(255,226,111,.62) 0 .12rem,transparent .16rem),radial-gradient(ellipse,rgba(255,226,94,.48),rgba(255,198,55,.16) 48%,transparent 74%);filter:blur(.1rem) drop-shadow(0 0 .62rem rgba(255,219,87,.4))}.map-landmark-node.is-done .map-landmark-artwork{filter:saturate(1.08) contrast(1.02) drop-shadow(0 .44rem .28rem rgba(50,27,37,.2)) drop-shadow(0 0 .95rem rgba(146,255,158,.48))}.map-landmark-node.is-done .map-landmark-ring{opacity:.62;background:radial-gradient(circle at 34% 26%,rgba(255,255,209,.9) 0 .16rem,transparent .2rem),radial-gradient(ellipse,rgba(255,235,113,.62),rgba(126,255,146,.22) 52%,transparent 76%)}.map-landmark-node.is-done .map-landmark-progress{color:#5f350d;background:linear-gradient(180deg,#fff8a8,#ffd34f 58%,#efa32a)}@keyframes mapWelcomeLandmarkWake{0%,62%{transform:translate(-50%,-50%) scale(var(--landmark-scale))}78%{transform:translate(-50%,-50%) scale(calc(var(--landmark-scale) * 1.14))}86%{transform:translate(-50%,-50%) scale(calc(var(--landmark-scale) * .98))}94%,to{transform:translate(-50%,-50%) scale(var(--landmark-scale))}}@keyframes mapWelcomeRingWake{0%,62%,94%,to{opacity:0;transform:scale(.86)}78%{opacity:1;transform:scale(1.03)}}.map-world-complete{position:absolute;top:var(--state-badge-y,20%);left:var(--state-badge-x,22%);display:grid;width:clamp(1.48rem,5.8vw,1.95rem);place-items:center;color:#7a3d05;background:radial-gradient(circle at 36% 28%,#fff995,#ffd449 62%,#d88a26);box-shadow:inset 0 -.14rem 0 rgba(160,87,11,.28),0 0 0 .16rem rgba(255,238,164,.82),0 0 .74rem rgba(255,223,78,.58);font-size:clamp(.95rem,4vw,1.25rem);font-weight:950;text-shadow:none}.map-world-complete,.map-world-lock{z-index:4;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.map-world-lock{position:absolute;top:var(--state-badge-y,20%);left:var(--state-badge-x,22%);display:block;width:clamp(1.44rem,5.7vw,1.9rem);background:radial-gradient(circle at 36% 28%,#fff9a6,#ffd449 62%,#d88a26);box-shadow:inset 0 -.13rem 0 rgba(160,87,11,.28),0 0 0 .16rem rgba(255,238,164,.82),0 .16rem 0 rgba(84,42,10,.28),0 0 .72rem rgba(255,218,73,.48)}.map-world-lock:after,.map-world-lock:before{position:absolute;left:50%;content:"";transform:translateX(-50%)}.map-world-lock:before{inset-block-start:.32rem;width:.72rem;height:.66rem;border:.14rem solid #743609;border-bottom:0;border-radius:.42rem .42rem 0 0}.map-world-lock:after{inset-block-end:.38rem;width:.94rem;height:.66rem;border-radius:.16rem;background:#743609;box-shadow:inset 0 .1rem 0 rgba(255,245,186,.24)}@keyframes lockedWiggle{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(calc(-50% - .25rem),-50%) scale(1.055)}50%{transform:translate(calc(-50% + .2rem),-50%) scale(1.08)}75%{transform:translate(calc(-50% - .12rem),-50%) scale(1.04)}}@keyframes mapSignPulse{0%,to{transform:translate(-50%,-50%) scale(1.045)}50%{transform:translate(-50%,-50%) scale(1.09)}}@keyframes mapGuideBreathe{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-.18rem) rotate(1deg)}}@keyframes nuriMapIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-.14rem)}}@keyframes nuriMapRun{0%,to{transform:translateY(0) rotate(-2deg) scaleY(.99)}50%{transform:translateY(-.22rem) rotate(2deg) scaleY(1.015)}}@keyframes nuriMapRunLeft{0%,to{transform:scaleX(-1) translateY(0) rotate(-2deg) scaleY(.99)}50%{transform:scaleX(-1) translateY(-.22rem) rotate(2deg) scaleY(1.015)}}@keyframes nuriMapTravel{0%{top:var(--nuri-from-y);left:var(--nuri-from-x);transform:translate(-50%,-100%) scale(calc(var(--nuri-scale, 1) * .96))}72%{transform:translate(-50%,-104%) scale(calc(var(--nuri-scale, 1) * 1.02))}to{top:var(--nuri-y);left:var(--nuri-x);transform:translate(-50%,-100%) scale(var(--nuri-scale,1))}}@keyframes nuriMapArrive{0%{opacity:.15;transform:translate(-28%,-100%) scale(calc(var(--nuri-scale, 1) * .94))}to{opacity:1;transform:translate(-50%,-100%) scale(var(--nuri-scale,1))}}@media (min-width:780px){.storybook-map-shell{min-height:100svh;border-inline:1px solid rgba(255,255,255,.08)}}@media (prefers-reduced-motion:reduce){.map-guide-sprite,.map-landmark-node.is-alerting,.map-landmark-node.is-next,.map-landmark-node.is-welcome-waking,.map-landmark-node.is-welcome-waking .map-landmark-ring,.nuri-map-marker,.nuri-map-marker-sprite,.word-garden-sprout>span{animation:none;transition:none;will-change:auto}}.world-shell{position:relative;min-height:100svh;width:min(100vw,calc(100svh * .72));margin:0 auto;overflow-x:hidden;direction:rtl;color:#fff8df;background:linear-gradient(180deg,rgba(25,10,72,.68),rgba(255,240,174,.58)),url(/art/magic-school-map.webp) 50% /cover fixed;box-shadow:0 0 80px rgba(22,11,61,.46)}.world-shell:before{position:fixed;inset:0;z-index:0;content:"";pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(255,229,111,.2),transparent 24rem),linear-gradient(180deg,rgba(28,12,79,.26),rgba(255,246,204,.42))}.world-hero,.world-journey-entrance,.world-levels,.world-primary,.world-runner-panel,.world-topbar{position:relative;z-index:1}.world-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(.9rem,env(safe-area-inset-top)) 1rem .4rem;color:#fff4c0;font-weight:950;text-shadow:0 .12rem 0 rgba(83,38,13,.62)}.world-topbar a{display:inline-flex;min-height:2.85rem;align-items:center;justify-content:center;padding:.35rem .9rem;border:.14rem solid rgba(255,212,164,.9);border-radius:1rem;color:#fff8df;text-decoration:none;background:linear-gradient(180deg,#8c46cf,#6330a4);box-shadow:inset 0 -.2rem 0 rgba(49,22,92,.46)}.world-hero{display:grid;justify-items:center;gap:.55rem;padding:1.2rem 1rem .6rem;text-align:center}.world-kicker{color:#ffe98a;font-size:clamp(1rem,4vw,1.2rem);font-weight:950;text-shadow:0 .1rem 0 #6a360f}.world-hero h1{max-width:10ch;margin:0;font-size:clamp(3rem,15vw,5.4rem);line-height:.86;color:#fff8df;text-shadow:0 .12rem 0 #6c3712,0 .38rem 0 rgba(84,39,8,.62),0 0 1rem rgba(255,235,143,.28)}.world-progress-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;padding:.28rem .7rem;border:.14rem solid rgba(255,231,145,.82);border-radius:999px;color:#fff8df;background:rgba(82,47,145,.72);box-shadow:inset 0 -.16rem 0 rgba(44,23,95,.34),0 .36rem 0 rgba(55,27,94,.16);font-weight:950;text-shadow:0 .1rem 0 rgba(43,22,82,.38)}.world-progress-pill span{display:grid;min-width:2.35rem;min-height:2.05rem;place-items:center;border-radius:999px;color:#713506;background:linear-gradient(180deg,#fff176,#ffc533);text-shadow:none}.world-progress-pill small{color:#ffeaa3;font-size:.9rem}.world-collectible{display:inline-grid;min-height:2.15rem;place-items:center;padding:.18rem .85rem;border:.12rem solid rgba(255,231,145,.84);border-radius:999px;color:#fff8df;background:rgba(112,57,153,.62);box-shadow:inset 0 -.14rem 0 rgba(55,24,96,.28);font-size:.95rem;font-weight:950;text-shadow:0 .08rem 0 rgba(43,22,82,.4)}.world-listen{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.55rem;min-width:13rem;border:.16rem solid rgba(255,231,145,.9);border-radius:1.05rem;color:#fff8df;background:linear-gradient(180deg,#4b86d8,#3164b2);box-shadow:inset 0 -.22rem 0 rgba(34,61,120,.5),0 .7rem 1rem rgba(32,15,70,.22);font-family:inherit;font-size:1.1rem;font-weight:950}.world-listen span{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#6b3109;background:linear-gradient(180deg,#fff176,#ffc533)}.world-levels{display:grid;gap:1.15rem;padding:1rem 1rem 7.25rem}.world-journey-entrance{display:grid;gap:.85rem;margin:1rem 1rem 0;padding:1rem;overflow:hidden;border:.22rem solid rgba(255,231,145,.96);border-radius:1.05rem;background:radial-gradient(circle at 14% 0,rgba(255,240,148,.4),transparent 34%),radial-gradient(circle at 90% 92%,rgba(253,176,76,.34),transparent 32%),linear-gradient(180deg,rgba(88,50,136,.78),rgba(99,61,83,.72));box-shadow:inset 0 -.24rem 0 rgba(48,24,79,.24),0 .88rem 0 rgba(115,67,22,.28),0 1.1rem 2rem rgba(42,19,64,.24)}.world-journey-entrance.is-active{outline:.22rem solid rgba(255,229,90,.22);outline-offset:.18rem}.world-journey-entrance.is-complete{border-color:rgba(232,211,255,.82);background:radial-gradient(circle at 14% 0,rgba(255,240,148,.32),transparent 34%),linear-gradient(180deg,rgba(88,50,136,.66),rgba(86,65,116,.68))}.world-journey-entrance.is-locked{border-style:dashed;opacity:.86;background:radial-gradient(circle at 14% 0,rgba(255,240,148,.26),transparent 34%),linear-gradient(180deg,rgba(72,49,112,.7),rgba(72,60,91,.64))}.world-journey-entrance.is-locked .world-journey-gate>span{color:#4f285c;background:linear-gradient(180deg,#efe4ff,#cab2ef)}.world-journey-gate{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.72rem}.world-journey-gate>span{display:grid;min-width:3.35rem;min-height:3.35rem;place-items:center;border:.13rem solid rgba(255,231,145,.8);border-radius:50%;color:#6b3109;background:radial-gradient(circle at 50% 20%,#fff7c7,#ffc342);box-shadow:inset 0 -.22rem 0 rgba(132,71,12,.18),0 .4rem .9rem rgba(31,9,65,.18);font-size:.86rem;font-weight:950}.world-journey-gate div{min-width:0}.world-journey-gate h2,.world-journey-gate p,.world-journey-gate small{display:block;margin:0}.world-journey-gate p{color:#ffe98a;font-size:.86rem;font-weight:950;text-shadow:0 .1rem 0 rgba(65,31,91,.42)}.world-journey-gate h2{color:#fff8df;font-size:clamp(1.7rem,7.8vw,2.65rem);line-height:.98;text-shadow:0 .12rem 0 #6c3712,0 .34rem 0 rgba(84,39,8,.42)}.world-journey-gate small{margin-top:.25rem;color:rgba(255,248,223,.88);font-size:clamp(.88rem,3.6vw,1rem);font-weight:850;line-height:1.25}.world-journey-surface{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.world-journey-surface span{min-width:0;min-height:3.2rem;display:grid;align-content:center;gap:.08rem;padding:.48rem .62rem;border:.12rem solid rgba(255,231,145,.6);border-radius:.9rem;color:#4f285c;background:linear-gradient(180deg,rgba(255,249,223,.88),rgba(255,230,174,.78));box-shadow:inset 0 -.18rem 0 rgba(122,72,28,.1)}.world-journey-surface b,.world-journey-surface small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-journey-surface b{color:#8a5727;font-size:.78rem;font-weight:950}.world-journey-surface small{font-size:clamp(.84rem,3.4vw,.96rem);font-weight:900}.world-journey-entrance a{min-height:3.55rem;display:inline-grid;place-items:center;padding-inline:1.2rem;border:.16rem solid rgba(255,231,145,.78);border-radius:1rem;color:#fff9df;background:linear-gradient(135deg,#6d3e86,#b07028);box-shadow:inset 0 -.22rem 0 rgba(67,30,89,.34),0 .55rem 1rem rgba(42,19,64,.18);font-size:clamp(1.12rem,4.8vw,1.45rem);font-weight:950;text-align:center;text-decoration:none}.world-journey-strip{position:relative;z-index:1;display:grid;grid-auto-columns:minmax(6.35rem,1fr);grid-auto-flow:column;gap:.45rem;margin:1rem 1rem 0;padding:.55rem;overflow-x:auto;border:.14rem solid rgba(255,231,145,.72);border-radius:1rem;background:rgba(58,31,105,.34);box-shadow:inset 0 .12rem 0 rgba(255,255,255,.14);scrollbar-width:none}.world-journey-strip::-webkit-scrollbar{display:none}.world-journey-strip span{display:grid;grid-template-columns:1.65rem minmax(0,1fr);align-items:center;gap:.35rem;min-height:2.65rem;padding:.35rem .45rem;border:.12rem solid rgba(255,231,145,.5);border-radius:.78rem;color:rgba(255,248,223,.8);background:rgba(255,248,223,.14)}.world-journey-strip b{display:grid;width:1.55rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#6b3109;background:linear-gradient(180deg,#fff3a8,#ffc342);font-size:.84rem;font-weight:950}.world-journey-strip small{min-width:0;overflow:hidden;font-size:clamp(.72rem,2.9vw,.86rem);font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.world-journey-strip .is-next{border-color:#fff3a8;color:#fff8df;background:rgba(255,231,145,.22);box-shadow:0 0 0 .22rem rgba(255,229,90,.18)}.world-journey-strip .is-complete{border-color:rgba(157,231,143,.86);color:#f6ffe9;background:rgba(77,166,96,.28)}.world-journey-strip .is-locked{opacity:.58}.world-path-stops{position:relative;z-index:1;display:grid;gap:.6rem;margin:1rem 1rem 0;padding:.72rem;overflow:hidden;border:.16rem solid rgba(255,231,145,.76);border-radius:1rem;background:radial-gradient(circle at 18% 0,rgba(255,236,155,.25),transparent 42%),linear-gradient(180deg,rgba(91,53,132,.64),rgba(92,60,72,.42));box-shadow:inset 0 .12rem 0 rgba(255,255,255,.16),0 .8rem 1.8rem rgba(31,9,65,.2)}.world-path-stops-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#fff8df;font-weight:950}.world-path-stops-heading span,.world-path-stops-heading strong{min-width:0}.world-path-stops-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-path-stops-heading strong{display:inline-grid;min-height:2rem;place-items:center;padding:.2rem .65rem;border-radius:999px;background:linear-gradient(180deg,#fff1a8,#ffc342);color:#6b3109;font-size:.85rem;box-shadow:inset 0 -.15rem 0 rgba(132,71,12,.18)}.world-path-stop-list{display:grid;grid-auto-columns:minmax(6.8rem,1fr);grid-auto-flow:column;gap:.48rem;overflow-x:auto;scrollbar-width:none}.world-path-stop-list::-webkit-scrollbar{display:none}.world-path-stop{display:grid;grid-template-columns:1.75rem minmax(0,1fr);grid-template-areas:"badge title" "badge kind";align-items:center;gap:.12rem .45rem;min-height:3.2rem;padding:.42rem .52rem;border:.12rem solid rgba(255,235,166,.54);border-radius:.85rem;color:rgba(255,248,223,.84);background:linear-gradient(180deg,rgba(255,248,223,.22),rgba(255,248,223,.11));box-shadow:inset 0 -.16rem 0 rgba(64,31,84,.18)}.world-path-stop b{grid-area:badge;display:grid;width:1.7rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#6b3109;background:linear-gradient(180deg,#fff3a8,#ffc342);font-size:.84rem;font-weight:950}.world-path-stop em,.world-path-stop small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-path-stop small{grid-area:title;font-size:clamp(.78rem,3vw,.92rem);font-weight:950;line-height:1.05}.world-path-stop em{grid-area:kind;color:#ffe98a;font-size:.72rem;font-style:normal;font-weight:900}.world-path-stop.is-next{border-color:#fff3a8;color:#fff8df;background:rgba(255,231,145,.25);box-shadow:inset 0 -.16rem 0 rgba(115,69,23,.16),0 0 0 .22rem rgba(255,229,90,.16)}.world-path-stop.is-complete{border-color:rgba(157,231,143,.86);color:#f6ffe9;background:rgba(77,166,96,.28)}.world-path-stop.is-optional{border-style:dashed}.world-path-stop.is-locked{opacity:.58}.world-level-group{display:grid;gap:.8rem}.world-level-group h2{margin:.2rem 0 0;color:#fff8df;font-size:clamp(1.25rem,5vw,1.75rem);line-height:1;text-shadow:0 .12rem 0 #6c3712,0 .32rem 0 rgba(84,39,8,.38)}.world-level-group-bonus{margin-top:.35rem;padding-top:.9rem;border-top:.14rem dashed rgba(255,231,145,.55)}.world-runner-panel{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:1rem;margin:1rem 1rem 0;padding:1.1rem;border:.26rem solid rgba(255,231,145,.96);border-radius:1.2rem;background:radial-gradient(circle at 16% 10%,rgba(255,244,171,.88),transparent 30%),radial-gradient(circle at 82% 88%,rgba(255,193,82,.44),transparent 34%),linear-gradient(135deg,#fff6cf,#d8b0ef 58%,#f7c977);box-shadow:inset 0 -.28rem 0 rgba(92,52,113,.14),0 .82rem 0 rgba(119,69,22,.36),0 1.2rem 2rem rgba(42,19,64,.24)}.world-runner-panel.is-active{outline:.28rem solid rgba(255,229,90,.28);outline-offset:.22rem}.world-runner-panel.is-complete{border-color:rgba(232,211,255,.82);background:radial-gradient(circle at 16% 10%,rgba(255,244,171,.62),transparent 30%),linear-gradient(135deg,#fff8db,#ead8ff);box-shadow:inset 0 -.22rem 0 rgba(92,52,113,.1),0 .5rem 0 rgba(96,65,139,.42),0 .9rem 1.6rem rgba(42,19,64,.14)}.world-runner-panel h2,.world-runner-panel p,.world-runner-panel span{margin:0}.world-runner-panel p{color:#8c5b24;font-size:1rem;font-weight:950}.world-runner-panel h2{color:#4a2557;font-size:clamp(2rem,8vw,3rem);line-height:1.05}.world-runner-panel span{display:block;margin-top:.25rem;color:#6d3d24;font-weight:900}.world-runner-panel a{min-height:3.7rem;display:inline-grid;place-items:center;padding-inline:1.2rem;border:.16rem solid rgba(255,231,145,.78);border-radius:1rem;color:#fff9df;background:linear-gradient(135deg,#6d3e86,#b07028);box-shadow:inset 0 -.22rem 0 rgba(67,30,89,.34),0 .55rem 1rem rgba(42,19,64,.18);font-size:clamp(1.2rem,5vw,1.55rem);font-weight:950;text-decoration:none;white-space:nowrap}.world-runner-panel.is-complete a{color:#4f285c;background:linear-gradient(180deg,#fff8db,#e4cbff);box-shadow:inset 0 -.18rem 0 rgba(92,52,113,.12),0 .42rem 0 rgba(96,65,139,.3)}.world-level-card{position:relative;display:grid;grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:.8rem;min-height:6.2rem;padding:.85rem 1rem;border:.24rem solid #7c421c;border-radius:1.15rem;color:#67310f;text-decoration:none;background:radial-gradient(circle at 82% 18%,rgba(255,244,171,.88),transparent 34%),linear-gradient(180deg,#fff9dc,#ffe7a3);box-shadow:inset 0 -.28rem 0 rgba(146,78,20,.24),0 .62rem 0 rgba(128,68,21,.72),0 1rem 1.8rem rgba(42,19,64,.18);font-family:inherit;text-align:right}.world-level-card.is-next{border-color:#2c7668;box-shadow:inset 0 -.28rem 0 rgba(42,125,104,.22),0 .62rem 0 rgba(39,103,88,.72),0 0 0 .28rem rgba(255,229,90,.34)}.world-level-card.is-locked{opacity:.7;filter:saturate(.7)}.world-level-card.is-optional{min-height:5.55rem;border-color:#7a5a9d;background:radial-gradient(circle at 82% 18%,rgba(255,244,171,.72),transparent 34%),linear-gradient(180deg,#fff8dc,#ead8ff);box-shadow:inset 0 -.24rem 0 rgba(92,52,113,.13),0 .52rem 0 rgba(96,65,139,.58),0 .9rem 1.6rem rgba(42,19,64,.15)}.world-level-card.is-runner-practice{min-height:5.4rem;background:radial-gradient(circle at 82% 18%,rgba(255,244,171,.56),transparent 34%),linear-gradient(180deg,#fff9df,#ecdfff)}.world-level-card.is-runner-practice,.world-level-card.is-runner-practice.is-next{border-color:#8767a8;box-shadow:inset 0 -.2rem 0 rgba(92,52,113,.1),0 .42rem 0 rgba(96,65,139,.42),0 .78rem 1.25rem rgba(42,19,64,.12)}.world-level-card strong{display:block;font-size:clamp(1.5rem,6vw,2.15rem);line-height:1}.world-level-copy{display:block;min-width:0}.world-level-card small{display:block;margin-top:.3rem;color:#7b4c25;font-size:clamp(.9rem,3.7vw,1.05rem);font-weight:900}.world-level-kind,.world-level-status{display:grid;width:3.2rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#fff8df;background:linear-gradient(180deg,#8c46cf,#6330a4);box-shadow:inset 0 -.18rem 0 rgba(58,25,111,.36),0 0 0 .35rem rgba(255,231,145,.28);font-size:.84rem;font-weight:950}.world-level-status{position:absolute;inset-block-start:.65rem;inset-inline-start:.65rem;width:2.35rem;color:#703506;background:linear-gradient(180deg,#fff176,#ffc533);font-size:1rem}.world-primary{position:fixed;inset-inline:50%;inset-block-end:max(1.1rem,env(safe-area-inset-bottom));display:flex;width:min(80%,24rem);min-height:4.15rem;align-items:center;justify-content:center;border:.18rem solid rgba(255,216,166,.95);border-radius:1.45rem;color:#6b3109;text-decoration:none;background:linear-gradient(180deg,#ffe06f,#f8ad2f);box-shadow:inset 0 -.24rem 0 rgba(150,75,17,.32),0 .75rem 1.4rem rgba(34,13,67,.28);font-size:clamp(1.55rem,6vw,2.1rem);font-weight:950;transform:translateX(50%)}@media (min-width:620px){.world-runner-panel{grid-template-columns:minmax(0,1fr) auto;padding:1.2rem 1.3rem}.world-runner-panel a{min-width:10.5rem}.world-level-card.is-optional strong,.world-level-card.is-runner-practice strong{font-size:clamp(1.35rem,3.6vw,1.8rem)}}.mission-shell{position:relative;isolation:isolate;width:min(100vw,980px);max-width:100vw;height:100dvh;overflow-x:hidden;overflow-y:auto;min-height:100dvh;padding-bottom:max(2.25rem,env(safe-area-inset-bottom));color:#fff8df;background:linear-gradient(180deg,rgba(28,10,76,.42),rgba(255,181,87,.24) 52%,rgba(18,69,57,.36)),#180a46;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.mission-shell:after,.mission-shell:before{position:fixed;inset:0;content:"";pointer-events:none}.mission-shell:before{z-index:-2;background-image:url(/art/magic-school-map.webp);background-size:cover;background-position:top;filter:saturate(1.12) contrast(1.03);opacity:.54}.mission-shell:after{z-index:-1;background:radial-gradient(circle at 50% 8%,rgba(255,244,176,.25),transparent 25%),linear-gradient(180deg,rgba(17,8,54,.56),rgba(255,246,210,.72) 64%,rgba(248,238,178,.84))}.mission-shell>*{position:relative;z-index:1}.mission-topbar{gap:clamp(.45rem,2vw,.9rem);padding-block:max(.6rem,env(safe-area-inset-top)) 1rem}.optional-mission-nav{display:flex;flex:0 0 auto;align-items:center;gap:.35rem}.mission-topbar .optional-mission-nav a{display:grid;width:3.5rem;min-width:3.5rem;height:3.5rem;min-height:3.5rem;padding:.25rem;place-items:center;border-radius:1rem}.optional-mission-nav a>svg{width:2.55rem;height:2.55rem}.optional-mission-nav a:last-child>svg{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mission-topbar a,.primary-link{min-height:3.45rem;padding:.75rem 1.25rem;background:linear-gradient(180deg,#8d49bd,#5c3196);color:#fff8df;box-shadow:inset 0 -.24rem 0 rgba(62,27,110,.55),0 .85rem 1.6rem rgba(31,9,65,.24);text-shadow:0 .12rem 0 rgba(50,23,90,.42)}.mission-topbar a,.primary-link,.round-counter{border:.2rem solid rgba(255,204,161,.86);border-radius:1.05rem}.round-counter{min-width:5.4rem;background:linear-gradient(180deg,#fff7d8,#f9d677);color:#4b2b13;box-shadow:inset 0 -.2rem 0 rgba(151,82,19,.18),0 .65rem 1.25rem rgba(41,18,72,.2)}.mission-journey-surface{position:relative;isolation:isolate;width:min(calc(100% - 1.35rem),44rem);flex-shrink:0;margin:0 auto .75rem;padding:.62rem;border:.18rem solid rgba(255,217,139,.92);border-radius:1rem;background:linear-gradient(135deg,rgba(88,48,150,.82),rgba(135,75,169,.7)),linear-gradient(180deg,rgba(255,246,203,.22),rgba(255,187,97,.18));box-shadow:inset 0 .16rem 0 rgba(255,255,255,.24),0 .65rem 1.35rem rgba(31,9,65,.24);color:#fff8df;text-align:right;overflow:hidden}.mission-journey-art{position:absolute;inset:0;z-index:-2;background-image:var(--journey-art);background-position:var(--journey-art-position,center);background-repeat:no-repeat;opacity:.56;pointer-events:none}.mission-journey-surface.has-art:after{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(45,20,82,.84),rgba(77,34,114,.7) 58%,rgba(91,42,122,.5)),radial-gradient(circle at 14% 40%,rgba(255,226,139,.26),transparent 34%)}.mission-journey-surface.art-scene .mission-journey-art{background-size:cover}.mission-journey-surface.art-prop .mission-journey-art{background-size:min(58%,15rem) auto;background-position:8% 52%;opacity:.72}.mission-journey-content{position:relative;z-index:1}.mission-journey-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.62rem;align-items:center}.mission-journey-heading>span{display:grid;width:3rem;min-height:3rem;place-items:center;border:.16rem solid rgba(255,235,168,.86);border-radius:.85rem;background:linear-gradient(180deg,#fff2b8,#ffc653);color:#4e2d14;font-size:.92rem;font-weight:900;box-shadow:inset 0 -.18rem 0 rgba(157,89,23,.18),0 .4rem .9rem rgba(33,13,69,.18)}.mission-journey-heading div{min-width:0}.mission-journey-heading h2,.mission-journey-heading p,.mission-journey-status{margin:0}.mission-journey-heading p{color:#ffe78e;font-size:clamp(.82rem,2.8vw,.98rem);font-weight:900;line-height:1.2;text-shadow:0 .1rem 0 rgba(31,9,65,.4)}.mission-journey-heading h2{margin-top:.08rem;color:#fff8df;font-size:clamp(1.18rem,4vw,1.55rem);line-height:1.05;overflow-wrap:anywhere;text-shadow:0 .14rem 0 rgba(88,45,17,.62),0 .32rem .8rem rgba(31,9,65,.34)}.mission-journey-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.58rem}.mission-journey-details span{display:grid;gap:.12rem;min-width:0;padding:.5rem .58rem;border:.12rem solid rgba(255,235,168,.58);border-radius:.75rem;background:rgba(255,248,223,.16)}.mission-journey-details b,.mission-journey-details small{min-width:0;overflow-wrap:anywhere}.mission-journey-details b{color:#fff7c3;font-size:.9rem;line-height:1.15}.mission-journey-details small{color:#fff8df;font-size:.78rem;font-weight:800;line-height:1.25}.mission-journey-status{margin-top:.5rem;color:#5a3318;font-size:.9rem;font-weight:900;line-height:1.25;padding:.48rem .58rem;border-radius:.75rem;background:linear-gradient(180deg,rgba(255,249,223,.95),rgba(255,225,141,.92));box-shadow:inset 0 -.12rem 0 rgba(155,94,30,.14)}@media (min-width:680px){.mission-journey-surface{padding:.82rem}}.mission-progress-track{max-width:19rem;padding:.58rem;border:.18rem solid rgba(255,232,168,.82);border-radius:1.05rem;background:rgba(70,35,125,.58);box-shadow:inset 0 .16rem 0 rgba(255,255,255,.24),0 .65rem 1.4rem rgba(31,9,65,.2)}.mission-progress-track span{height:1rem;background:rgba(255,248,223,.42)}.mission-progress-track span.filled{background:linear-gradient(180deg,#fff176,#ffc533);box-shadow:0 0 0 .35rem rgba(255,232,111,.22)}.eyebrow{color:#ffe07a;text-shadow:0 .12rem 0 rgba(31,9,65,.45)}.question-panel,.trace-intro{color:#fff8df;text-shadow:0 .18rem 0 rgba(43,22,82,.34)}.question-panel h1,.success-card h1,.trace-intro h1{color:#fff8df;font-family:Alef,Arial,sans-serif;font-weight:700;text-shadow:0 .18rem 0 #6d3b15,0 .45rem 1.1rem rgba(31,9,65,.42)}.question-panel h1{max-width:13ch;overflow-wrap:anywhere;font-size:clamp(1.85rem,5.6vw,3.05rem)}.trace-intro h1{font-size:clamp(2.65rem,8vw,4.45rem)}.mission-message,.question-panel .mission-message,.trace-intro p:last-child{color:#5a3318;text-shadow:none}.question-panel{gap:.65rem;padding-block:.35rem .6rem}.collect-panel,.round-picture,.success-card,.trace-board{border:.24rem solid #744017;border-radius:1.1rem;background:linear-gradient(180deg,rgba(255,252,234,.97),rgba(255,236,171,.95));box-shadow:inset 0 .2rem 0 rgba(255,255,255,.48),0 .48rem 0 #8a4f1d,0 1.35rem 2.6rem rgba(35,18,66,.28)}.round-picture{width:min(56vw,14rem);display:grid;place-items:center}.round-picture .shape{display:none}.picture-sticker{display:grid;width:76%;aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.82),transparent 34%),linear-gradient(180deg,#fff0a8,#f6b548);box-shadow:inset 0 -.32rem 0 rgba(151,82,19,.2),0 .8rem 1.4rem rgba(51,23,84,.22);font-size:clamp(4.2rem,18vw,7rem);line-height:1}.picture-word-placeholder{width:82%;padding:.55rem;border-radius:1.25rem;font-size:clamp(1.45rem,8vw,2.25rem);font-weight:950;color:#5a2f10;text-align:center;line-height:1.05;overflow-wrap:anywhere}.picture-art{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 .75rem .95rem rgba(51,23,84,.18))}.collect-panel button,.listen-button,.trace-controls button{min-height:3.3rem;border:.18rem solid rgba(255,227,151,.9);border-radius:1rem;background:linear-gradient(180deg,#4f86d3,#315d9f);color:#fff8df;box-shadow:inset 0 -.22rem 0 rgba(25,52,112,.55),0 .5rem 0 rgba(42,30,95,.26);text-shadow:0 .12rem 0 rgba(32,25,83,.42)}.collect-panel button,.trace-controls .trace-next{background:linear-gradient(180deg,#ffe56b,#f4a832);color:#66340d;box-shadow:inset 0 -.22rem 0 rgba(151,82,19,.3),0 .5rem 0 rgba(111,55,18,.35);text-shadow:0 .08rem 0 rgba(255,255,255,.34)}.trace-controls .trace-next:disabled{opacity:.56;filter:saturate(.55)}.choice-grid{width:min(100%,calc(100vw - 1.5rem),42rem);max-width:min(calc(100vw - 1.5rem),42rem);gap:clamp(.55rem,2.2vw,1rem);padding-inline:clamp(.35rem,2vw,.75rem)}.letter-choice{min-width:0;border-color:#744017;border-radius:1rem;background:linear-gradient(180deg,#fff9df,#ffe6a4);color:#5a2f10;display:grid;place-items:center;font-family:Alef,Arial,sans-serif;font-size:clamp(2.7rem,9.5vw,4.6rem);line-height:1;min-height:clamp(5.15rem,13vw,7.2rem);overflow:hidden;padding:0;box-shadow:inset 0 -.25rem 0 rgba(151,82,19,.12),0 .55rem 0 #9f5a20,0 1rem 1.8rem rgba(31,9,65,.18)}.letter-choice>span{display:grid;min-width:0;width:100%;height:100%;place-items:center;line-height:.82;overflow:hidden;transform:translateY(-.06em)}.letter-choice.correct{background:linear-gradient(180deg,#a4f09f,#45bd75);color:#113925}.letter-choice.wrong{background:linear-gradient(180deg,#ffb08e,#e46654)}.word-garden-question h1{max-width:15ch}.word-garden-level-strip{display:grid;gap:.2rem;width:min(100%,21rem);padding:.55rem .8rem;border:1px solid rgba(92,52,113,.14);border-radius:8px;background:rgba(255,246,214,.8);color:#4a2557;box-shadow:inset 0 -.12rem 0 rgba(93,52,113,.1)}.word-garden-level-strip span{font-size:.76rem;font-weight:900;color:#7a4f24}.word-garden-level-strip strong{font-size:.95rem;font-weight:950}.word-garden-bed{display:grid;grid-template-columns:repeat(var(--garden-count,7),minmax(0,1fr));gap:clamp(.25rem,1.2vw,.45rem);width:min(100%,calc(100vw - 2rem),34rem);margin:0 auto clamp(.6rem,2vw,.9rem);padding:.5rem .65rem .6rem;border:.16rem solid rgba(116,64,23,.52);border-radius:1rem;background:radial-gradient(ellipse at 50% 100%,rgba(86,142,67,.34),transparent 64%),linear-gradient(180deg,rgba(255,249,223,.88),rgba(148,88,41,.38));box-shadow:inset 0 -.18rem 0 rgba(73,47,27,.16),0 .55rem 1rem rgba(31,9,65,.12)}.word-garden-sprout{position:relative;display:grid;min-width:0;min-height:clamp(2.15rem,8vw,3.2rem);place-items:end center}.word-garden-sprout:before{position:absolute;inset-inline:18%;inset-block-end:.06rem;height:.5rem;border-radius:999px;content:"";background:rgba(91,59,28,.42)}.word-garden-sprout>span{position:relative;width:clamp(.85rem,4vw,1.35rem);height:clamp(.95rem,5vw,1.55rem);border-radius:999px 999px .35rem .35rem;background:linear-gradient(180deg,#8f6a32,#66401f);transform:scaleY(.42);transform-origin:bottom center;opacity:.62;transition:transform .24s ease,opacity .24s ease,background .24s ease,box-shadow .24s ease}.word-garden-sprout.is-grown>span{background:linear-gradient(180deg,#ffe56b 0 28%,#6bd583 29% 68%,#2c8d5e 69%);box-shadow:0 0 .8rem rgba(255,229,107,.46);opacity:1;transform:scaleY(1)}.word-garden-sprout.is-grown>span:after,.word-garden-sprout.is-grown>span:before{position:absolute;top:42%;width:.82rem;height:.48rem;border-radius:999px 999px 0;content:"";background:#47b970}.word-garden-sprout.is-grown>span:before{right:-.42rem;transform:rotate(-34deg)}.word-garden-sprout.is-grown>span:after{left:-.42rem;transform:scaleX(-1) rotate(-34deg)}.word-garden-sprout.is-current>span{box-shadow:0 0 0 .22rem rgba(255,229,107,.2);opacity:.9}.word-garden-mode{--garden-count:7}.word-garden-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.7rem;width:min(78vw,20rem)}.word-garden-question.picture-hidden{gap:.75rem}.word-sound-card{position:relative;display:grid;width:min(72vw,16rem);min-height:clamp(9.5rem,34vw,13rem);place-items:center;align-content:center;gap:.42rem;overflow:hidden;border:.24rem solid #744017;border-radius:1rem;background:radial-gradient(circle at 28% 24%,rgba(255,236,132,.42),transparent 30%),radial-gradient(circle at 74% 68%,rgba(126,207,146,.26),transparent 32%),linear-gradient(180deg,#6f4cc0,#3c276f);color:#fff8df;box-shadow:inset 0 -.22rem 0 rgba(24,17,65,.28),0 .55rem 0 rgba(64,39,102,.38),0 1.2rem 2rem rgba(31,9,65,.18);text-align:center}.word-sound-card span{display:grid;width:clamp(3.9rem,18vw,5.5rem);aspect-ratio:1;place-items:center;border:.18rem solid rgba(255,239,164,.9);border-radius:50%;background:radial-gradient(circle at 34% 26%,#fff7a7,#ffd34b 66%,#d98e26);color:#66340d;font-size:clamp(2.7rem,13vw,4rem);font-weight:950;line-height:1;box-shadow:inset 0 -.26rem 0 rgba(136,72,13,.24),0 0 1.2rem rgba(255,217,74,.38)}.word-sound-card small,.word-sound-card strong{max-width:14ch;line-height:1.12}.word-sound-card strong{font-size:clamp(1.35rem,6vw,1.9rem);font-weight:950}.word-sound-card small{color:#fff0b8;font-size:clamp(.9rem,3.7vw,1.08rem);font-weight:800}.garden-listen-button{position:relative;width:100%;min-width:0;overflow:hidden}.word-hint-button{display:grid;width:3.55rem;aspect-ratio:1;place-items:center;border:.18rem solid rgba(255,227,151,.95);border-radius:50%;background:linear-gradient(180deg,#ffe56b,#f4a832);color:#66340d;cursor:pointer;font-family:Alef,Arial,sans-serif;font-size:2rem;font-weight:950;line-height:1;box-shadow:inset 0 -.2rem 0 rgba(151,82,19,.28),0 .45rem 0 rgba(111,55,18,.35),0 0 1.1rem rgba(255,229,107,.28);text-shadow:0 .08rem 0 rgba(255,255,255,.32)}.word-hint-button:active{transform:translateY(.22rem);box-shadow:inset 0 -.12rem 0 rgba(151,82,19,.22),0 .18rem 0 rgba(111,55,18,.35)}.listen-spark{position:absolute;inset-inline-start:1.05rem;width:1rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf1,#ffe56b 44%,#f7a82b 75%);box-shadow:0 0 1rem rgba(255,229,107,.72);animation:successLightFloat 1.4s ease-in-out infinite}.picture-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,2.4vw,1rem);width:min(100%,34rem);margin:0 auto;padding:0 .35rem 1rem}.picture-choice{display:grid;min-width:0;min-height:clamp(8rem,31vw,11.7rem);place-items:center;border:0;border-radius:1.15rem;background:transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease}.picture-choice .round-picture{width:min(38vw,10.6rem);border-width:.2rem;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.picture-choice:not(:disabled):active{transform:translateY(.28rem)}.picture-choice:not(:disabled):active .round-picture{box-shadow:inset 0 .16rem 0 rgba(255,255,255,.48),0 .24rem 0 #8a4f1d,0 .85rem 1.4rem rgba(35,18,66,.18)}.picture-choice:disabled{cursor:default}.picture-choice.correct .round-picture{border-color:#fff0a8;box-shadow:inset 0 .2rem 0 rgba(255,255,255,.56),0 .48rem 0 #2c9d62,0 0 0 .45rem rgba(86,218,132,.28),0 1.35rem 2.6rem rgba(35,18,66,.24);transform:scale(1.04)}.picture-choice.wrong .round-picture{border-color:#ffb08e;filter:saturate(.82);transform:scale(.96)}.word-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2.6vw,1rem);width:min(100%,calc(100vw - 1.5rem),34rem);margin:0 auto;padding:0 .35rem 1rem}.word-choice{display:grid;min-width:0;min-height:clamp(5.7rem,17vw,7.6rem);place-items:center;border:.24rem solid #744017;border-radius:1.15rem;background:linear-gradient(180deg,#fff9df,#ffe6a4);color:#5a2f10;cursor:pointer;font-family:Alef,Arial,sans-serif;font-size:clamp(1.8rem,6.4vw,3.35rem);font-weight:700;line-height:1;padding:.45rem;box-shadow:inset 0 -.25rem 0 rgba(151,82,19,.12),0 .48rem 0 #9f5a20,0 1rem 1.8rem rgba(31,9,65,.18);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.word-choice>span{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.04}.word-choice:not(:disabled):active{transform:translateY(.28rem);box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.1),0 .2rem 0 #9f5a20,0 .75rem 1.2rem rgba(31,9,65,.16)}.word-choice:disabled{cursor:default}.word-choice.correct{border-color:#fff0a8;background:linear-gradient(180deg,#a4f09f,#45bd75);color:#113925;box-shadow:inset 0 .2rem 0 rgba(255,255,255,.56),0 .48rem 0 #2c9d62,0 0 0 .45rem rgba(86,218,132,.28),0 1.35rem 2.6rem rgba(35,18,66,.24);transform:translateY(-.1rem)}.word-choice.wrong{border-color:#ffb08e;background:linear-gradient(180deg,#ffb08e,#e46654);color:#4d2219;filter:saturate(.92)}.word-build-panel{display:grid;gap:clamp(.75rem,2.6vw,1rem);width:min(100%,calc(100vw - 1.5rem),34rem);margin:0 auto;padding:0 .35rem 1rem}.built-word,.letter-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,2.1vw,.85rem)}.built-word{min-height:clamp(4.5rem,14vw,6.2rem);padding:clamp(.55rem,2vw,.75rem);border:.2rem solid rgba(116,64,23,.92);border-radius:1rem;background:rgba(255,249,223,.92);box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.12),0 .5rem 1.1rem rgba(31,9,65,.14)}.word-garden-stage-build .built-word{border-color:rgba(83,135,66,.82);background:radial-gradient(ellipse at 50% 105%,rgba(112,176,82,.22),transparent 64%),rgba(255,249,223,.94)}.built-word span,.letter-tile{display:grid;min-width:0;min-height:clamp(3.8rem,14vw,5.5rem);place-items:center;border-radius:1rem;font-family:Alef,Arial,sans-serif;font-size:clamp(2rem,7.4vw,3.45rem);font-weight:950;line-height:.95;overflow:hidden}.built-word span{border:.16rem dashed rgba(116,64,23,.42);color:#5a2f10;background:rgba(255,230,164,.48)}.built-word span.is-filled{border-style:solid;border-color:rgba(255,240,168,.92);background:linear-gradient(180deg,#fff6bc,#8ee09c);box-shadow:inset 0 -.18rem 0 rgba(44,125,76,.14),0 .28rem 0 rgba(44,125,76,.34)}.letter-tile{border:.22rem solid #744017;background:linear-gradient(180deg,#fff9df,#ffd56f);color:#5a2f10;cursor:pointer;box-shadow:inset 0 -.22rem 0 rgba(151,82,19,.16),0 .44rem 0 #9f5a20,0 .9rem 1.5rem rgba(31,9,65,.16);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.letter-tile:not(:disabled):active{transform:translateY(.25rem);box-shadow:inset 0 -.14rem 0 rgba(151,82,19,.12),0 .2rem 0 #9f5a20,0 .65rem 1.1rem rgba(31,9,65,.14)}.letter-tile:disabled{cursor:default;opacity:.38}.letter-tile.is-used{border-color:rgba(83,135,66,.54);background:linear-gradient(180deg,#d9f3b4,#93d982);color:rgba(57,84,43,.72);opacity:.78;transform:translateY(.18rem);box-shadow:inset 0 -.14rem 0 rgba(44,125,76,.12),0 .18rem 0 rgba(44,125,76,.28)}.word-garden-reward{grid-template-columns:auto 1fr;border-color:rgba(255,240,168,.96);background:radial-gradient(circle at 16% 18%,rgba(255,244,171,.82),transparent 32%),linear-gradient(135deg,rgba(255,249,223,.96),rgba(168,232,143,.88))}.word-garden-reward .round-picture{width:clamp(5.4rem,22vw,7.2rem);border-width:.18rem;box-shadow:inset 0 .16rem 0 rgba(255,255,255,.48),0 .32rem 0 #8a4f1d,0 .9rem 1.4rem rgba(35,18,66,.18)}.word-bricks-mode{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.word-bricks-question{padding-block-end:.25rem}.word-bricks-touch-hint{display:grid;gap:.2rem;width:min(100%,20rem);padding:.5rem .75rem;border:1px solid rgba(116,64,23,.16);border-radius:8px;background:rgba(255,244,204,.82);color:#4a2557;box-shadow:inset 0 -.12rem 0 rgba(116,64,23,.1)}.word-bricks-touch-hint span{font-size:.76rem;font-weight:900;color:#7a4f24}.word-bricks-touch-hint strong{font-size:.95rem;font-weight:950}.word-bricks-panel{display:grid;gap:clamp(.85rem,2.8vw,1.15rem);width:min(100%,calc(100vw - 1.25rem),44rem);margin:0 auto;padding:0 .35rem 1rem}.word-brick-slots{direction:rtl;display:grid;grid-template-columns:repeat(var(--slot-count),minmax(0,1fr));gap:clamp(.45rem,1.7vw,.75rem);padding:clamp(.55rem,2vw,.8rem);border:.22rem solid rgba(116,64,23,.92);border-radius:1rem;background:linear-gradient(180deg,rgba(255,249,223,.96),rgba(255,229,161,.9));box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.12),0 .5rem 1.1rem rgba(31,9,65,.14)}.word-brick-slot,.word-brick-tile{display:grid;min-width:0;min-height:clamp(3.7rem,12vw,5.4rem);place-items:center;border-radius:.95rem;font-family:Alef,Arial,sans-serif;font-size:clamp(1.85rem,6.8vw,3.25rem);font-weight:950;line-height:.95;letter-spacing:0;overflow:hidden;overflow-wrap:anywhere;touch-action:none}.word-brick-slot{border:.17rem dashed rgba(116,64,23,.42);color:#5a2f10;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.42),transparent 36%),rgba(255,237,181,.68);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.word-brick-slot:not(:disabled){cursor:pointer}.word-brick-slot.is-targeted{border-color:#b8731c;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.62),transparent 38%),linear-gradient(180deg,#fff6c7,#ffd879);box-shadow:inset 0 -.16rem 0 rgba(151,82,19,.12),0 0 0 .28rem rgba(255,212,96,.34),0 .28rem 0 rgba(159,90,32,.62);transform:translateY(-.08rem)}.word-brick-slot.is-filled{border-style:solid;border-color:#744017;background:linear-gradient(180deg,#fff8da,#ffd56f);box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.16),0 .26rem 0 #9f5a20}.word-brick-slot.is-correct{transform:translateY(-.12rem);border-color:#2c9d62;box-shadow:inset 0 -.16rem 0 rgba(151,82,19,.1),0 .24rem 0 #2c9d62,0 0 0 .42rem rgba(91,221,135,.3)}.word-brick-slot.is-wrong{border-color:#e46654;animation:wordBrickShake .34s ease}.word-brick-bank{direction:rtl;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,2.2vw,.9rem);min-height:clamp(9rem,34vw,14rem);align-items:center;padding:clamp(.7rem,2.4vw,1rem);border-radius:1.1rem;background:radial-gradient(circle at 18% 20%,rgba(255,224,120,.4),transparent 28%),linear-gradient(180deg,rgba(99,58,148,.18),rgba(59,36,112,.1))}.word-brick-tile{border:.22rem solid #744017;background:linear-gradient(180deg,#fff9df,#ffd56f);color:#5a2f10;cursor:grab;box-shadow:inset 0 -.22rem 0 rgba(151,82,19,.16),0 .44rem 0 #9f5a20,0 .9rem 1.5rem rgba(31,9,65,.16);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;user-select:none}.word-brick-tile.scatter-1{transform:translateY(.32rem) rotate(-2deg)}.word-brick-tile.scatter-2{transform:translateY(-.18rem) rotate(2deg)}.word-brick-tile.scatter-3{transform:translateY(.18rem) rotate(1deg)}.word-brick-tile.scatter-4{transform:translateY(-.28rem) rotate(-1.5deg)}.word-brick-tile.scatter-5{transform:translateY(.24rem) rotate(2.5deg)}.word-brick-tile.is-selected{box-shadow:inset 0 -.22rem 0 rgba(151,82,19,.16),0 .44rem 0 #9f5a20,0 0 0 .34rem rgba(255,221,103,.44),0 .9rem 1.5rem rgba(31,9,65,.16)}.word-brick-tile.is-dragging{position:fixed;left:var(--drag-x);top:var(--drag-y);z-index:50;width:clamp(4.4rem,18vw,6.8rem);transform:translate(-50%,-50%) scale(1.04);cursor:grabbing;pointer-events:none}.word-brick-tile:disabled{opacity:0;pointer-events:none}@keyframes wordBrickShake{0%,to{transform:translateX(0)}25%{transform:translateX(-.18rem)}50%{transform:translateX(.16rem)}75%{transform:translateX(-.1rem)}}.routine-mode{padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}.routine-mode .mission-topbar{padding-block-end:.55rem}.routine-mode .question-panel{gap:.38rem;padding-block:.05rem .4rem}.routine-question h1{max-width:12ch;font-size:clamp(1.8rem,5.4vw,2.85rem)}.routine-cue-button{display:inline-grid;min-height:2.35rem;place-items:center;margin-inline-start:.4rem;padding:.45rem .85rem;border:.14rem solid rgba(255,224,146,.78);border-radius:999px;color:#fff8df;background:linear-gradient(180deg,rgba(123,66,183,.92),rgba(82,43,139,.94));box-shadow:0 .35rem .8rem rgba(31,9,65,.16);font-size:.88rem;font-weight:900;cursor:pointer}.routine-cue-button:disabled{cursor:default;opacity:.62}.routine-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.38rem,1.8vw,.7rem);width:min(100%,42rem);margin:0 auto .55rem;padding:0 .45rem}.routine-choice,.routine-slot{position:relative;display:grid;place-items:center;border:.2rem solid #744017;border-radius:1rem;background:linear-gradient(180deg,#fff9df,#ffe7aa);box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.12),0 .42rem 0 #9f5a20,0 .9rem 1.6rem rgba(31,9,65,.18)}.routine-slot{min-height:clamp(4.55rem,13vw,6rem);padding:.45rem .3rem .35rem;opacity:.72}.routine-slot.current{opacity:1;border-color:#fff0a8;background:linear-gradient(180deg,#fff9df,#ffe391);box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.1),0 .42rem 0 #9f5a20,0 0 0 .36rem rgba(255,224,146,.34),0 .95rem 1.6rem rgba(31,9,65,.18)}.routine-slot.filled{opacity:1;border-color:#ffe092;background:linear-gradient(180deg,#fff4bd,#ffd45d)}.routine-choice strong,.routine-slot strong{color:#5a2f10;font-size:clamp(.82rem,3.1vw,1.05rem);line-height:1.05;text-align:center}.routine-slot-number{position:absolute;inset-block-start:.28rem;inset-inline-start:.34rem;display:grid;width:1.35rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#fff8df;background:#7b42b7;font-size:.8rem;font-weight:950}.routine-empty-light{width:clamp(2.5rem,8vw,3.4rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf1,#ffe56b 44%,#f7a82b 75%);box-shadow:0 0 1.25rem rgba(255,229,107,.64);opacity:.5}.routine-slot.current .routine-empty-light{opacity:1;animation:routineNextGlow 1.4s ease-in-out infinite alternate}.routine-next-label{margin-block-start:.22rem;color:#6b3813;font-size:clamp(.62rem,2.7vw,.82rem);font-weight:950;line-height:1;text-align:center}@keyframes routineNextGlow{0%{transform:scale(.95);box-shadow:0 0 .7rem rgba(255,229,107,.54)}to{transform:scale(1.05);box-shadow:0 0 1.45rem rgba(255,229,107,.86)}}.routine-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,1.8vw,.78rem);width:min(100%,34rem);margin:0 auto;padding:0 .45rem}.routine-choice{min-height:clamp(6.7rem,24vw,8.8rem);padding:clamp(.45rem,1.8vw,.75rem);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.routine-choice:not(:disabled):active{transform:translateY(.28rem);box-shadow:inset 0 -.1rem 0 rgba(151,82,19,.12),0 .18rem 0 #9f5a20,0 .6rem 1.2rem rgba(31,9,65,.16)}.routine-choice:disabled{cursor:default}.routine-choice.correct{border-color:#fff0a8;background:linear-gradient(180deg,#d6ffc8,#58ce84);box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.08),0 .42rem 0 #2c9d62,0 0 0 .45rem rgba(86,218,132,.24),0 .9rem 1.6rem rgba(31,9,65,.16)}.routine-choice.wrong{border-color:#ffb08e;background:linear-gradient(180deg,#ffd7c5,#e96b58);filter:saturate(.94)}.routine-art{position:relative;display:block;width:clamp(4.2rem,17vw,6.9rem);aspect-ratio:1;margin-bottom:.35rem;overflow:hidden;border-radius:.75rem;box-shadow:0 .42rem .9rem rgba(90,47,16,.18)}.routine-art img{width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion:reduce){.routine-slot.current .routine-empty-light{animation:none}}.treasure-room{padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}.treasure-count{display:inline-flex;align-items:center;gap:.45rem;min-height:3.45rem;padding:.7rem 1.05rem;border:.2rem solid rgba(255,204,161,.86);border-radius:1.05rem;background:linear-gradient(180deg,#fff3ae,#ffd45d);color:#5a2f10;box-shadow:inset 0 -.2rem 0 rgba(151,82,19,.2),0 .6rem 1.2rem rgba(31,9,65,.2);font-size:1.35rem;font-weight:950}.treasure-count span{color:#8d49bd}.treasure-card{position:relative;display:grid;justify-items:center;gap:clamp(.7rem,2.4vw,1rem);width:min(100%,58rem);margin:0 auto;padding:clamp(1rem,3.2vw,1.5rem);border:.26rem solid rgba(255,227,151,.95);border-radius:1.4rem;background:radial-gradient(circle at 50% 12%,rgba(255,229,107,.3),transparent 35%),linear-gradient(180deg,rgba(126,70,189,.97),rgba(67,40,145,.98));color:#fff8df;text-align:center;box-shadow:inset 0 -.32rem 0 rgba(42,20,101,.42),0 1.2rem 2.4rem rgba(31,9,65,.28);overflow:hidden}.treasure-card:before{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.12),transparent 7%),radial-gradient(circle at 82% 26%,rgba(255,255,255,.1),transparent 8%),radial-gradient(circle at 72% 74%,rgba(255,255,255,.08),transparent 9%)}.treasure-card>*{position:relative;z-index:1}.treasure-card h1{margin:0;color:#fff8df;font-family:Alef,Arial,sans-serif;font-size:clamp(2.4rem,8vw,4.25rem);font-weight:700;line-height:1;text-shadow:0 .18rem 0 #6d3b15,0 .45rem 1.1rem rgba(31,9,65,.42)}.treasure-message{max-width:34rem;margin:0;color:#fff4c9;font-size:clamp(1.05rem,4.2vw,1.35rem);font-weight:850;line-height:1.35}.treasure-ready-ribbon{display:grid;grid-template-columns:2.6rem minmax(0,1fr);align-items:center;gap:.22rem .65rem;width:min(100%,30rem);padding:.7rem .9rem;border:.14rem solid rgba(255,231,145,.72);border-radius:1rem;background:radial-gradient(circle at 10% 20%,rgba(255,229,107,.36),transparent 34%),rgba(255,248,223,.14);box-shadow:inset 0 -.16rem 0 rgba(42,20,101,.18),0 .45rem 1rem rgba(31,9,65,.16);text-align:start}.treasure-ready-ribbon span{grid-row:span 2;display:grid;width:2.55rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#7b3c08;background:radial-gradient(circle at 35% 30%,#fffdf1,#ffe56b 44%,#f7a82b 75%);box-shadow:0 0 1rem rgba(255,229,107,.54);font-size:1.55rem;font-weight:950}.treasure-ready-ribbon small,.treasure-ready-ribbon strong{min-width:0}.treasure-ready-ribbon strong{color:#fff8df;font-size:clamp(1.08rem,4.2vw,1.45rem);font-weight:950;line-height:1.05}.treasure-ready-ribbon small{color:#fff0b7;font-size:clamp(.86rem,3.3vw,1rem);font-weight:850;line-height:1.15}.treasure-nuri{width:clamp(7.8rem,30vw,11.5rem);aspect-ratio:1;overflow:hidden;border:.22rem solid #ffe092;border-radius:50%;background:#5b329d;box-shadow:inset 0 .2rem 0 rgba(255,255,255,.38),0 .45rem 0 rgba(62,27,110,.45),0 0 1.8rem rgba(255,229,107,.22)}.treasure-nuri img{width:100%;height:100%;object-fit:cover}.treasure-chest{position:relative;width:clamp(9rem,36vw,14rem);height:clamp(6.4rem,24vw,9.4rem);margin-block:.1rem}.chest-body,.chest-lid{position:absolute;inset-inline:0;border:.22rem solid #6a3107;background:linear-gradient(180deg,#ffe56b,#f0a029);box-shadow:inset 0 -.28rem 0 rgba(151,82,19,.22)}.chest-lid{inset-block-start:0;height:44%;border-radius:1.2rem 1.2rem .45rem .45rem;transform:rotate(-2deg)}.chest-body{inset-block-end:0;height:62%;border-radius:.6rem .6rem 1.1rem 1.1rem;background:linear-gradient(180deg,#f9b042,#a85b1a)}.chest-lock{position:absolute;inset-inline:50%;inset-block-start:47%;display:grid;width:clamp(2.4rem,9vw,3.2rem);aspect-ratio:1;place-items:center;border:.18rem solid #6a3107;border-radius:50%;color:#6a3107;background:linear-gradient(180deg,#fff4a2,#ffd04d);font-weight:950;transform:translateX(50%)}.treasure-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:min(100%,26rem);margin-block:.25rem}.treasure-summary span{display:grid;min-height:4.4rem;place-items:center;padding:.55rem;border:.13rem solid rgba(255,227,151,.55);border-radius:.9rem;background:rgba(255,248,223,.13);color:#fff4c9;font-size:clamp(.92rem,3.4vw,1.02rem);font-weight:850;line-height:1.1}.treasure-summary strong{color:#ffe56b;font-size:clamp(1.45rem,6vw,2rem);font-weight:950;line-height:1}.treasure-museum{display:grid;gap:.9rem;width:100%;text-align:initial}.treasure-empty,.treasure-locked-panel,.treasure-shelf{display:grid;gap:.75rem;width:100%;padding:clamp(.75rem,2.8vw,1rem);border:.14rem solid rgba(255,227,151,.5);border-radius:1rem;background:linear-gradient(180deg,rgba(255,248,223,.13),rgba(255,248,223,.07)),rgba(47,23,104,.28);box-shadow:inset 0 -.16rem 0 rgba(42,20,101,.24)}.treasure-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.treasure-shelf-heading h2{margin:0;color:#fff8df;font-size:clamp(1.25rem,4.8vw,1.75rem);font-weight:950;line-height:1.08}.treasure-shelf-heading span{display:inline-flex;align-items:center;justify-content:center;min-width:4.1rem;min-height:2.4rem;border:.12rem solid rgba(255,227,151,.54);border-radius:999px;background:rgba(255,229,107,.16);color:#ffe56b;font-size:1rem;font-weight:950}.treasure-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.35rem,1fr));gap:.55rem}.treasure-badge{display:grid;min-height:5.7rem;place-items:center;gap:.2rem;padding:.52rem .4rem;border:.13rem solid rgba(255,227,151,.62);border-radius:.95rem;color:#fff8df;background:radial-gradient(circle at 50% 18%,rgba(255,229,107,.28),transparent 45%),rgba(255,248,223,.12);box-shadow:inset 0 -.18rem 0 rgba(42,20,101,.22),0 .35rem .75rem rgba(31,9,65,.14);font:inherit;text-align:center;touch-action:manipulation}.treasure-badge.earned:active{transform:translateY(.08rem)}.treasure-badge.locked{border-style:dashed;opacity:.62;filter:saturate(.72)}.treasure-badge-star{display:grid;width:2.25rem;aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf1,#ffe56b 44%,#f7a82b 75%);color:#7b3c08;font-size:1.35rem;font-weight:950;box-shadow:0 0 0 .16rem rgba(255,229,107,.16),0 0 .8rem rgba(255,229,107,.45)}.treasure-badge.locked .treasure-badge-star{background:rgba(255,248,223,.16);color:rgba(255,248,223,.48);box-shadow:inset 0 0 0 .12rem rgba(255,248,223,.18)}.treasure-badge strong{max-width:100%;color:inherit;font-size:clamp(.88rem,3.3vw,1.04rem);font-weight:900;line-height:1.05;overflow-wrap:anywhere}.treasure-replay-link{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:2.75rem;padding:.55rem .9rem;border:.12rem solid rgba(255,227,151,.62);border-radius:999px;background:rgba(255,229,107,.2);color:#fff8df;font-size:clamp(.96rem,3.5vw,1.08rem);font-weight:900;text-decoration:none}.treasure-empty,.treasure-locked-panel{justify-items:center;text-align:center}.treasure-empty p,.treasure-locked-panel p{max-width:25rem;margin:0;color:#fff4c9;font-size:clamp(1.05rem,4vw,1.22rem);font-weight:850;line-height:1.35}.treasure-empty-stars{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;width:min(100%,13rem)}.treasure-empty-stars span{display:grid;aspect-ratio:1;place-items:center;border-radius:50%;background:rgba(255,248,223,.11);color:rgba(255,248,223,.42);font-size:1.25rem;box-shadow:inset 0 0 0 .12rem rgba(255,248,223,.16)}.treasure-audio-button{min-width:min(78vw,15rem)}.treasure-card.is-locked{filter:saturate(.86)}@media (min-width:760px){.treasure-summary{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,42rem)}.treasure-badge-grid{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}}.feelings-mode{padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}.feelings-question h1{max-width:12ch;font-size:clamp(1.95rem,6vw,3.05rem)}.feeling-listen-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.feeling-step-strip{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem;width:min(100%,14rem);min-height:2.1rem;padding:.22rem;border:.12rem solid rgba(255,224,146,.8);border-radius:999px;background:rgba(255,249,223,.64);box-shadow:inset 0 .1rem 0 rgba(255,255,255,.42)}.feeling-step-strip span{display:grid;min-width:0;place-items:center;padding:.28rem .45rem;border-radius:999px;color:#6f3a13;font-size:clamp(.78rem,3vw,.92rem);font-weight:950;line-height:1}.feeling-step-strip .active{color:#fff8df;background:linear-gradient(180deg,#7b42b7,#56309a);box-shadow:0 .26rem .65rem rgba(31,9,65,.18)}.feeling-step-strip .done{color:#4c6f22;background:linear-gradient(180deg,#e8ffd6,#bce889)}.feeling-scene{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:stretch;gap:.65rem;width:min(100%,34rem);margin:0 auto .9rem;padding:clamp(.95rem,3vw,1.2rem);border:.22rem solid #744017;border-radius:1.2rem;background:radial-gradient(circle at 50% 15%,rgba(255,229,107,.22),transparent 42%),linear-gradient(180deg,rgba(255,249,223,.96),rgba(255,230,164,.94));box-shadow:inset 0 .2rem 0 rgba(255,255,255,.48),0 .48rem 0 #8a4f1d,0 1rem 1.9rem rgba(35,18,66,.22);overflow:hidden}.feeling-light{position:absolute;width:4.8rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,231,112,.52),rgba(255,231,112,0));pointer-events:none}.feeling-light-one{inset-block-start:-1.4rem;inset-inline-start:10%}.feeling-light-two{inset-block-end:-2rem;inset-inline-end:4%}.feeling-copy{position:relative;z-index:1;display:grid;gap:.42rem}.feeling-pill{justify-self:start;padding:.24rem .7rem;border-radius:999px;background:rgba(91,50,157,.13);color:#6f3a13;font-size:clamp(.78rem,3vw,.92rem);font-weight:900}.feeling-scene p{max-width:24rem;margin:0;color:#5a2f10;font-size:clamp(1.06rem,4.2vw,1.35rem);font-weight:850;line-height:1.28;text-align:start}.feeling-nuri{position:relative;z-index:1;width:clamp(6.1rem,22vw,8.1rem);aspect-ratio:1;border:.18rem solid #ffe092;border-radius:50%;background:#5b329d;box-shadow:inset 0 .2rem 0 rgba(255,255,255,.36),0 .55rem 1rem rgba(90,47,16,.18),0 0 1.7rem rgba(255,229,107,.18);overflow:hidden}.feeling-nuri img{width:100%;height:100%;object-fit:cover}.feedback-correct .feeling-nuri{animation:feelingNuriHappy .68s ease both}.feeling-feedback-badge{position:absolute;inset-block-start:.7rem;inset-inline-end:.7rem;z-index:3;padding:.42rem .76rem;border-radius:999px;color:#fff8df;font-size:clamp(.84rem,3vw,1rem);font-weight:950;box-shadow:0 .34rem .9rem rgba(90,47,16,.22);animation:feelingBadgePop .42s ease both}.feeling-feedback-badge.correct{background:linear-gradient(180deg,#35c789,#209266)}.feeling-feedback-badge.wrong{background:linear-gradient(180deg,#ffb066,#d86b49)}.emotion-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.58rem,2vw,.78rem);width:min(100%,34rem);margin:0 auto;padding:0 .35rem 1rem}.emotion-choice{position:relative;display:grid;min-height:clamp(7.6rem,28vw,10.4rem);place-items:center;gap:.22rem;border:.22rem solid #744017;border-radius:1.1rem;background:linear-gradient(180deg,#fff9df,#ffe6a4);color:#5a2f10;cursor:pointer;box-shadow:inset 0 -.2rem 0 rgba(151,82,19,.1),0 .45rem 0 #9f5a20,0 .95rem 1.6rem rgba(31,9,65,.16);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.emotion-choice:not(:disabled):hover{filter:brightness(1.035)}.emotion-choice:not(:disabled):active{transform:translateY(.25rem);box-shadow:inset 0 -.12rem 0 rgba(151,82,19,.1),0 .18rem 0 #9f5a20}.emotion-choice:disabled{cursor:default;filter:saturate(.78) brightness(.95)}.emotion-choice.correct,.emotion-choice.wrong{filter:none}.emotion-choice strong{color:#5a2f10;font-size:clamp(.92rem,3.5vw,1.08rem);line-height:1.05;text-align:center}.emotion-choice.correct{border-color:#fff0a8;background:linear-gradient(180deg,#d6ffc8,#58ce84);box-shadow:inset 0 -.18rem 0 rgba(151,82,19,.08),0 .45rem 0 #2c9d62,0 0 0 .42rem rgba(86,218,132,.24);animation:feelingChoiceCorrect .56s ease both}.emotion-choice.wrong{border:.26rem dashed #7d3e52;background:linear-gradient(180deg,#ffe4d5,#f4a06f);animation:feelingChoiceWrong .38s ease both}.optional-feelings-retry{display:inline-grid;min-width:8.5rem;min-height:3.5rem;grid-template-columns:2rem auto;align-items:center;justify-content:center;gap:.35rem;margin-top:.45rem;padding:.35rem .65rem;border:.18rem solid #633b5e;border-radius:1rem;color:#492748;font:inherit;font-weight:950;background:#ffe899;box-shadow:0 .25rem 0 #a97762;cursor:pointer;touch-action:manipulation}.optional-feelings-choice-state svg,.optional-feelings-retry svg{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.optional-feelings-retry svg{width:2rem;height:2rem}.optional-feelings-choice-state{position:absolute;inset:.3rem .3rem auto;z-index:4;display:flex;min-height:2.25rem;align-items:center;justify-content:center;gap:.25rem;padding:.2rem .35rem;border:.15rem solid #633b5e;border-radius:.75rem;color:#492748;background:#fff8e6;box-shadow:0 .25rem .5rem rgba(73,39,72,.2)}.optional-feelings-choice-state svg{width:1.6rem;min-width:1.6rem;height:1.6rem}.optional-feelings-choice-state span{font-size:clamp(.72rem,3vw,.88rem);font-weight:950;line-height:1}@media (forced-colors:active){.emotion-choice.wrong{border:.3rem dashed CanvasText}.emotion-choice.correct{border:.3rem double CanvasText}.optional-feelings-choice-state,.optional-feelings-retry{border-color:CanvasText}}@media (prefers-reduced-motion:reduce){.emotion-choice.correct,.emotion-choice.wrong,.feeling-feedback-badge{animation:none}}.emotion-icon{position:relative;display:grid;width:clamp(5rem,20vw,7.2rem);aspect-ratio:1;place-items:center;border-radius:50%;background:transparent;box-shadow:0 .42rem .78rem rgba(90,47,16,.14)}.emotion-icon img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .2rem .28rem rgba(90,47,16,.18))}.emotion-choice.correct .emotion-icon{background:transparent;box-shadow:0 .42rem .78rem rgba(90,47,16,.12),0 0 1.8rem rgba(255,239,141,.82)}.emotion-icon b{position:relative;z-index:2;color:#5a2f10;font-family:Alef,Arial,sans-serif;font-size:clamp(2.2rem,8vw,3.25rem);font-weight:950;line-height:1;text-shadow:0 .08rem 0 rgba(255,255,255,.32)}.emotion-icon span{position:absolute;display:block;background:#5a2f10}.emotion-breathe span:first-child,.emotion-breathe span:nth-child(2),.emotion-breathe span:nth-child(3){width:64%;height:.32rem;border-radius:999px;background:#2f8a75;opacity:.45}.emotion-breathe span:first-child{transform:translateY(-.72rem)}.emotion-breathe span:nth-child(2){transform:translateY(0)}.emotion-breathe span:nth-child(3){transform:translateY(.72rem)}.emotion-friend span:first-child,.emotion-teacher span:first-child{width:38%;aspect-ratio:1;border-radius:50%;transform:translateY(-.55rem)}.emotion-friend span:nth-child(2),.emotion-teacher span:nth-child(2){width:58%;height:34%;border-radius:999px 999px .5rem .5rem;transform:translateY(.75rem)}.emotion-teacher span:nth-child(3){width:42%;height:.25rem;background:#2f8a75;transform:translate(.95rem,-.1rem) rotate(-24deg)}.emotion-friend span:nth-child(3){width:50%;height:.22rem;border-radius:999px;background:#2f8a75;transform:translateY(.12rem)}.emotion-bag span:first-child{width:54%;height:46%;border-radius:.55rem;background:#7b42b7;transform:translateY(.35rem)}.emotion-bag span:nth-child(2){width:32%;height:24%;border:.18rem solid #5a2f10;border-block-end:0;border-radius:999px 999px 0 0;background:transparent;transform:translateY(-.72rem)}.emotion-bag span:nth-child(3){width:34%;height:.22rem;border-radius:999px;background:#ffe092;transform:translateY(.38rem)}.emotion-hide span:first-child,.emotion-run span:first-child,.emotion-shout span:first-child,.emotion-sleep span:first-child{width:44%;aspect-ratio:1;border-radius:50%;transform:translateY(-.45rem)}.emotion-run span:nth-child(2){width:55%;height:.28rem;border-radius:999px;transform:translateY(.38rem) rotate(-24deg)}.emotion-run span:nth-child(3){width:44%;height:.24rem;border-radius:999px;transform:translate(-.45rem,.95rem) rotate(28deg)}.emotion-hide span:nth-child(2){width:64%;height:44%;border-radius:.5rem;background:#7b42b7;transform:translateY(.58rem)}.emotion-hide span:nth-child(3){width:42%;height:.22rem;border-radius:999px;background:#ffe092;transform:translateY(.58rem)}.emotion-shout span:nth-child(2),.emotion-shout span:nth-child(3){width:.35rem;height:1.5rem;border-radius:999px;background:#e46654}.emotion-shout span:nth-child(2){transform:translate(-.55rem,.55rem) rotate(-18deg)}.emotion-shout span:nth-child(3){transform:translate(.55rem,.55rem) rotate(18deg)}.emotion-sleep span:nth-child(2),.emotion-sleep span:nth-child(3){width:55%;height:.28rem;border-radius:999px}.emotion-sleep span:nth-child(2){transform:translateY(.22rem)}.emotion-sleep span:nth-child(3){transform:translateY(.82rem)}@keyframes feelingNuriHappy{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-.25rem) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes feelingBadgePop{0%{opacity:0;transform:translateY(-.4rem) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feelingChoiceCorrect{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-.2rem) scale(1.035)}to{transform:translateY(0) scale(1)}}@keyframes feelingChoiceWrong{0%,to{transform:translateX(0)}28%{transform:translateX(-.24rem)}58%{transform:translateX(.2rem)}}.classroom-question h1{max-width:12ch}.classroom-listen{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.classroom-scene{position:relative;width:min(100%,36rem);min-height:clamp(22rem,67vw,32rem);margin:0 auto .9rem;border:.24rem solid #744017;border-radius:1.25rem;background:radial-gradient(circle at 50% 18%,rgba(255,241,153,.36),transparent 36%),linear-gradient(180deg,#f6d49d 0 53%,#e9b877 53% 100%);box-shadow:inset 0 .22rem 0 rgba(255,255,255,.55),0 .5rem 0 #8a4f1d,0 1.1rem 2rem rgba(35,18,66,.22);overflow:hidden}.classroom-wall{position:absolute;inset:0 0 43%;background:radial-gradient(circle at 15% 18%,rgba(255,244,190,.52),transparent 16%),linear-gradient(180deg,#ffe9bc,#f7d69d)}.classroom-floor{position:absolute;inset:57% 0 0;background:linear-gradient(90deg,rgba(116,64,23,.1) 1px,transparent 0) 0 0 /4rem 100%,linear-gradient(180deg,#e5a65d,#cf8641)}.classroom-wall-board{position:absolute;inset-block-start:9%;inset-inline:20%;display:grid;min-height:28%;place-items:center;border:.18rem solid #795030;border-radius:.7rem;background:linear-gradient(180deg,#2d8a72,#1f6656);box-shadow:inset 0 .12rem 0 rgba(255,255,255,.2),0 .4rem .9rem rgba(90,47,16,.2)}.classroom-wall-board span{color:#fff8df;font-family:Alef,Arial,sans-serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:700;text-shadow:0 .14rem 0 rgba(43,22,82,.3)}.classroom-window{position:absolute;inset-block-start:13%;inset-inline-end:6%;display:grid;grid-template-columns:repeat(2,1fr);width:clamp(4.4rem,16vw,6.6rem);aspect-ratio:1.12;border:.18rem solid #7c552b;border-radius:.65rem;background:linear-gradient(180deg,#8fd9ff,#f6f0b2);overflow:hidden}.classroom-window span:first-child{border-inline-end:.12rem solid rgba(124,85,43,.62)}.classroom-window span:last-child{border-inline-start:.12rem solid rgba(255,255,255,.46)}.classroom-desk{position:absolute;inset-inline:19%;inset-block-end:13%;height:21%;border:.16rem solid #754318;border-radius:1rem 1rem .55rem .55rem;background:linear-gradient(180deg,#d89145,#a75d23);box-shadow:inset 0 .18rem 0 rgba(255,224,146,.42),0 .6rem 0 rgba(88,45,16,.36)}.classroom-desk span{position:absolute;inset-block-end:-36%;width:.55rem;height:42%;border-radius:999px;background:#724016}.classroom-desk span:first-child{inset-inline-start:12%}.classroom-desk span:last-child{inset-inline-end:12%}.classroom-target{position:absolute;display:grid;min-width:0;place-items:center;border:0;border-radius:1rem;padding:0;color:#5a2f10;background:transparent;box-shadow:none;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.classroom-target:after{position:absolute;inset:-.35rem;z-index:-1;border:.16rem solid rgba(255,230,128,.78);border-radius:1.1rem;background:rgba(255,248,223,.18);box-shadow:0 0 1.25rem rgba(255,224,96,.34);content:"";opacity:0;transform:scale(.96);transition:opacity .16s ease,transform .16s ease}.classroom-stage-find .classroom-target:not(:disabled):active:after,.classroom-stage-find .classroom-target:not(:disabled):focus-visible:after,.classroom-stage-instructions .classroom-target:not(:disabled):focus-visible:after{opacity:1;transform:scale(1)}.classroom-stage-instructions .classroom-target:not(:disabled):active:after{opacity:1;transform:scale(1)}.classroom-target:not(:disabled):active{transform:translateY(.18rem) scale(.98)}.classroom-target:disabled{cursor:default;filter:saturate(.78)}.classroom-target.correct{filter:brightness(1.08) saturate(1.12)}.classroom-target.correct:after{border-color:#fff3a8;background:rgba(108,215,137,.24);box-shadow:0 0 0 .35rem rgba(86,218,132,.22),0 0 1.6rem rgba(255,243,168,.62);opacity:1;transform:scale(1)}.classroom-target.wrong{filter:sepia(.24) saturate(.82)}.classroom-target strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.target-board{inset-block-start:8%;inset-inline-start:20%;width:60%;height:30%}.target-chair{inset-block-end:9%;inset-inline-end:6%;width:clamp(5rem,18vw,7.8rem);height:clamp(5rem,18vw,7.8rem)}.target-table{inset-block-end:13%;inset-inline-start:18%;width:64%;height:24%}.target-pencilCase{inset-block-end:34%;inset-inline-start:20%;width:clamp(5rem,18vw,7.4rem);height:clamp(4.4rem,15vw,6.4rem)}.classroom-object{position:relative;display:block;width:100%;aspect-ratio:1;filter:drop-shadow(0 .34rem .35rem rgba(90,47,16,.24))}.classroom-object img{display:block;width:100%;height:100%;object-fit:contain}.classroom-object span{position:absolute;display:block}.classroom-chair span:first-child{inset:12% 28% 38% 20%;border-radius:.38rem;background:linear-gradient(180deg,#ffcf5d,#c7772a)}.classroom-chair span:nth-child(2){inset:50% 14% 28% 14%;border-radius:.42rem;background:linear-gradient(180deg,#e89936,#9b551d)}.classroom-chair span:nth-child(3){inset:70% 23% 6% 23%;border-inline:.34rem solid #744017}.classroom-table span:first-child{inset:22% 5% 48% 5%;border-radius:.48rem;background:linear-gradient(180deg,#ffd37a,#b96a27)}.classroom-table span:nth-child(2),.classroom-table span:nth-child(3){inset-block:49% 9%;width:.42rem;border-radius:999px;background:#744017}.classroom-table span:nth-child(2){inset-inline-start:24%}.classroom-table span:nth-child(3){inset-inline-end:24%}.target-board .classroom-object,.target-table .classroom-object{display:none}.target-chair .classroom-object,.target-pencilCase .classroom-object{width:100%}.target-board:after,.target-table:after{inset:0;border-radius:.75rem;background:transparent}.target-table:after{border-radius:1rem}.target-board.correct:after,.target-table.correct:after{opacity:1}.target-board .classroom-object span:first-child{inset:14% 6% 22% 6%;border:.18rem solid #744017;border-radius:.42rem;background:linear-gradient(180deg,#36a985,#23745d)}.target-board .classroom-object span:nth-child(2){inset:70% 18% 20% 18%;border-radius:999px;background:#ffe092}.target-board .classroom-object span:nth-child(3){inset:36% 29% 46% 29%;border-radius:999px;background:rgba(255,248,223,.82)}.classroom-pencilCase span:first-child{inset:28% 8% 28% 8%;border-radius:999px;background:linear-gradient(180deg,#8d49bd,#5c3196)}.classroom-pencilCase span:nth-child(2){inset:42% 22% 42% 22%;border-radius:999px;background:#ffe092}.classroom-pencilCase span:nth-child(3){inset-block-start:13%;inset-inline-start:28%;width:44%;height:.42rem;border-radius:999px;background:#ffcf5d;transform:rotate(-14deg)}.classroom-letter-panel{display:grid;gap:.7rem;width:min(100%,36rem);margin:0 auto;padding:clamp(.85rem,3vw,1rem);border:.22rem solid #744017;border-radius:1.1rem;background:linear-gradient(180deg,#fff9df,#ffe6a4);color:#5a2f10;box-shadow:inset 0 .18rem 0 rgba(255,255,255,.54),0 .45rem 0 #9f5a20}.classroom-letter-panel p{margin:.25rem 0 0;color:#6b3a15;font-size:clamp(1rem,3.7vw,1.2rem);font-weight:850}.classroom-found-word{display:block;color:#5a2f10;font-family:Alef,Arial,sans-serif;font-size:clamp(2rem,8vw,3rem);font-weight:700;line-height:1}.classroom-letter-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.classroom-letter-choice{min-width:0;min-height:clamp(4.6rem,17vw,6.2rem);border:.2rem solid #744017;border-radius:.95rem;background:linear-gradient(180deg,#fff8df,#ffd978);color:#5a2f10;font-family:Alef,Arial,sans-serif;font-size:clamp(2.15rem,8.4vw,3.7rem);font-weight:700;line-height:.95;overflow:hidden;box-shadow:inset 0 -.2rem 0 rgba(151,82,19,.12),0 .38rem 0 #9f5a20}.classroom-letter-choice.correct{border-color:#fff3a8;background:linear-gradient(180deg,#d8ffc9,#4ec878)}.classroom-letter-choice.wrong{border-color:#ffb08e;background:linear-gradient(180deg,#ffe0d1,#f1a16e)}.classroom-mode .question-panel{padding-block-end:.55rem}.classroom-mode .mission-message{max-width:24rem;margin-inline:auto}.classroom-stage-strip{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:min(17rem,82vw);margin:.15rem auto .45rem;padding:.22rem;border:.13rem solid rgba(255,231,145,.62);border-radius:999px;background:rgba(53,29,100,.28)}.classroom-stage-strip span{display:grid;min-height:1.8rem;place-items:center;border-radius:999px;color:rgba(255,248,223,.74);font-size:clamp(.78rem,3.1vw,.95rem);font-weight:950}.classroom-stage-strip .active{color:#5a2f10;background:linear-gradient(180deg,#fff3a8,#ffc342);box-shadow:0 .18rem 0 rgba(116,64,23,.34)}.classroom-stage-single{grid-template-columns:minmax(0,1fr)}.classroom-instruction-strip{grid-template-columns:repeat(auto-fit,minmax(2.7rem,1fr));width:min(10rem,56vw)}.classroom-stage-strip .done{color:#5a2f10;background:linear-gradient(180deg,#d8ffc9,#69d487);box-shadow:0 .18rem 0 rgba(27,104,67,.28)}.classroom-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(2,minmax(clamp(9.6rem,34vw,12.8rem),1fr));align-items:stretch;gap:clamp(.7rem,3vw,1rem);min-height:0;padding:clamp(.9rem,3vw,1.1rem);background:radial-gradient(circle at 50% 0,rgba(255,239,132,.34),transparent 36%),linear-gradient(180deg,rgba(255,249,223,.96),rgba(255,231,160,.96));overflow:visible}.classroom-desk,.classroom-floor,.classroom-wall,.classroom-wall-board,.classroom-window{display:none}.classroom-scene-title{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:.65rem;min-height:3.2rem;border:.18rem solid rgba(255,231,145,.9);border-radius:1rem;color:#fff8df;background:linear-gradient(180deg,#2f917c,#236756);box-shadow:inset 0 -.18rem 0 rgba(31,83,70,.46),0 .45rem 0 rgba(126,68,24,.24);font-weight:950}.classroom-scene-title span{color:#ffe98a;font-size:clamp(.95rem,3.8vw,1.1rem)}.classroom-scene-title strong{color:#fff8df;font-size:clamp(1.18rem,5.1vw,1.85rem);line-height:1;text-shadow:0 .12rem 0 rgba(78,38,12,.6)}.classroom-target,.classroom-target.target-bag,.classroom-target.target-board,.classroom-target.target-book,.classroom-target.target-chair,.classroom-target.target-pencilCase,.classroom-target.target-table{position:relative;inset:auto;display:grid;width:100%;height:100%;aspect-ratio:1.04;min-height:clamp(9.6rem,34vw,12.8rem);place-items:center;grid-template-rows:minmax(5.8rem,1fr) auto;gap:.45rem;padding:.75rem .55rem .7rem;border:.22rem solid #744017;border-radius:1.05rem;color:#5a2f10;background:radial-gradient(circle at 50% 22%,rgba(255,239,132,.46),transparent 44%),linear-gradient(180deg,#fff8df,#ffe3a0);box-shadow:inset 0 -.16rem 0 rgba(151,82,19,.13),0 .45rem 0 #9f5a20,0 .8rem 1.3rem rgba(35,18,66,.16)}.classroom-target.target-board:after,.classroom-target.target-table:after,.classroom-target:after{inset:-.2rem;z-index:0;border-radius:1rem}.classroom-target>*{position:relative;z-index:1}.classroom-target strong{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;color:#63310f;font-size:clamp(1.15rem,4.8vw,1.65rem);line-height:1;white-space:normal}.classroom-target .classroom-object,.target-bag .classroom-object,.target-board .classroom-object,.target-book .classroom-object,.target-chair .classroom-object,.target-pencilCase .classroom-object,.target-table .classroom-object{display:block;align-self:end;width:clamp(6rem,23vw,8.6rem);max-width:88%}.target-board .classroom-object{aspect-ratio:1.35}.target-table .classroom-object{aspect-ratio:1.28}.classroom-target.target-board .classroom-object,.classroom-target.target-table .classroom-object{width:clamp(7.1rem,26vw,9.8rem)}.classroom-target.correct{border-color:#2a8b6d;background:linear-gradient(180deg,#efffde,#baf4b6)}.classroom-target.wrong{border-color:#b9654b;background:linear-gradient(180deg,#ffe6d9,#f5b489)}.classroom-letter-panel{gap:1rem}.classroom-found-card{display:grid;grid-template-columns:clamp(5rem,18vw,7rem) minmax(0,1fr);align-items:center;gap:.8rem;min-height:7rem;padding:.75rem;border:.18rem solid rgba(116,64,23,.32);border-radius:1rem;background:rgba(255,248,223,.58)}.classroom-found-card .classroom-object{width:100%}.classroom-found-label{display:inline-block;margin-block-end:.15rem;padding:.16rem .55rem;border-radius:999px;color:#6b3a15;background:rgba(255,224,146,.62);font-size:clamp(.8rem,3.2vw,.95rem);font-weight:950}.classroom-found-card p{margin:.2rem 0 0}.collect-panel,.success-card{color:#4b2b13}.collect-panel .eyebrow,.success-card .eyebrow{color:#7a3d05;text-shadow:none}.collect-panel p:last-child,.success-card p{color:#6b4a25}.success-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem;width:min(100%,24rem)}.success-actions .primary-link,.success-actions .secondary-link{min-width:min(100%,10.5rem)}.secondary-link{display:inline-grid;min-height:3.1rem;place-items:center;padding:.72rem 1.15rem;border:.16rem solid rgba(255,225,145,.82);border-radius:.82rem;background:linear-gradient(180deg,rgba(255,248,216,.96),rgba(255,219,111,.94));color:#6a350c;font-size:clamp(.98rem,3.5vw,1.15rem);font-weight:950;text-decoration:none;box-shadow:inset 0 .16rem 0 rgba(255,255,255,.55),0 .32rem 0 rgba(120,65,16,.32)}.trace-board{width:min(100%,28.4rem);padding:clamp(.55rem,1.6vw,.9rem);background:linear-gradient(90deg,rgba(116,64,23,.07) 1px,transparent 0),linear-gradient(180deg,rgba(116,64,23,.07) 1px,transparent 0),linear-gradient(180deg,#fff9e5,#fff1bf);background-size:2.1rem 2.1rem,2.1rem 2.1rem,auto}.trace-board svg{width:min(68vw,24.25rem)}.word-trace-shell .trace-board svg{width:min(74vw,27rem)}.word-trace-shell .trace-guide-path{stroke-width:10}.word-trace-shell .trace-drawn-path{stroke-width:6}.word-trace-shell .trace-complete-path,.word-trace-shell .trace-finger-path{stroke-width:16.5}.trace-ghost-letter,.trace-letter-clip-text{font-family:Alef,Arial,sans-serif;font-size:88px;font-weight:700;dominant-baseline:central;alignment-baseline:central;letter-spacing:0}.trace-ghost-letter{fill:rgba(76,45,18,.18);stroke:rgba(116,64,23,.18);stroke-width:.55}.trace-complete-letter{font-family:Alef,Arial,sans-serif;font-size:88px;font-weight:700;dominant-baseline:central;alignment-baseline:central;letter-spacing:0;fill:rgba(40,185,120,.86);stroke:rgba(26,112,76,.2);stroke-width:.35;pointer-events:none;filter:drop-shadow(0 .14rem 0 rgba(20,84,52,.18)) drop-shadow(0 0 .42rem rgba(255,234,113,.24))}.trace-guide-path{stroke:rgba(255,248,223,.7);stroke-width:8;opacity:.34;filter:drop-shadow(0 0 .34rem rgba(255,225,112,.32)) drop-shadow(0 .12rem 0 rgba(84,44,128,.12))}.trace-drawn-path{stroke:rgba(255,248,223,.5);stroke-width:5;opacity:.68;filter:drop-shadow(0 0 .18rem rgba(255,225,112,.24))}.trace-complete-path{fill:none;stroke:#28b978;stroke-width:14.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 .14rem 0 rgba(20,84,52,.2)) drop-shadow(0 0 .34rem rgba(255,234,113,.2))}.trace-finger-path{fill:none;stroke:#2fb879;stroke-width:15.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 .16rem 0 rgba(20,84,52,.18)) drop-shadow(0 0 .34rem rgba(255,234,113,.18))}.trace-start-dot{fill:#fff8df;stroke:#25b59a;stroke-width:.75;filter:drop-shadow(0 0 .18rem rgba(37,181,154,.42)) drop-shadow(0 .1rem 0 rgba(63,32,92,.16))}.trace-start-dot.current{fill:#fff8df;stroke:#ff7d7d;animation:traceDotGlow 1.1s ease-in-out infinite}.trace-writing-guide{pointer-events:none}.trace-writing-line{stroke:rgba(116,64,23,.2);stroke-width:.55;stroke-linecap:round;stroke-dasharray:2.2 2.8}.trace-writing-line.strong{stroke:rgba(116,64,23,.28);stroke-width:.72}.trace-writing-line.optional{stroke:rgba(83,56,131,.24);stroke-width:.6;stroke-dasharray:1.4 3.4}.trace-cue{pointer-events:none}.trace-cue.is-current{filter:drop-shadow(0 0 .28rem rgba(226,53,72,.82)) drop-shadow(0 0 1rem rgba(255,226,112,.68));animation:traceCuePulse .95s ease-in-out infinite}.trace-cue.is-quiet{opacity:.56;filter:drop-shadow(0 0 .08rem rgba(78,83,96,.16)) drop-shadow(0 0 .24rem rgba(255,255,255,.18))}.trace-cue-halo{fill:rgba(255,211,75,.22)}.trace-cue-ring{fill:#e73549}.trace-cue-core{fill:#fff8df}.trace-cue.is-current .trace-cue-halo{fill:rgba(255,205,82,.42)}.trace-cue.is-current .trace-cue-ring{fill:#e73549}.trace-cue.is-current .trace-cue-core{fill:#fffdf4}.trace-cue.is-quiet .trace-cue-halo{fill:rgba(120,126,138,.12)}.trace-cue.is-quiet .trace-cue-ring{fill:rgba(126,132,143,.76)}.trace-cue.is-quiet .trace-cue-core{fill:rgba(244,243,238,.9)}.trace-visible-message{width:min(100%,28.4rem);margin:-.25rem auto .6rem;padding:.45rem .75rem;border:.14rem solid rgba(255,227,151,.78);border-radius:.9rem;color:#fff8df;background:rgba(89,49,142,.52);box-shadow:inset 0 .12rem 0 rgba(255,255,255,.16),0 .36rem 0 rgba(42,30,95,.18);text-align:center;text-shadow:0 .12rem 0 rgba(43,22,82,.4)}.trace-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.48rem}.trace-controls button.control-confirm{transform:translateY(.18rem);filter:brightness(1.12) saturate(1.08)}.button-icon{display:inline-grid;width:1.65rem;aspect-ratio:1;place-items:center;flex:0 0 auto;border-radius:50%;color:#5d2f0e;background:linear-gradient(180deg,#fff8cf,#ffd053);box-shadow:inset 0 -.12rem 0 rgba(151,82,19,.2),0 .12rem 0 rgba(30,20,72,.18);font-size:1rem;line-height:1;text-shadow:none}.button-icon.next-icon{width:1.95rem;font-size:1.25rem}.number-trace-shell .trace-intro h1{font-size:clamp(1.9rem,7.8vw,3.35rem)}.math-trace-intro{margin-bottom:.2rem}.math-equation-preview{display:grid;grid-template-columns:repeat(5,minmax(2.25rem,1fr));gap:clamp(.32rem,1.4vw,.62rem);width:min(100%,28.4rem);margin:0 auto .62rem;direction:ltr}.math-equation-preview span{display:grid;min-height:clamp(2.6rem,11vw,3.8rem);place-items:center;border:.16rem solid rgba(255,227,151,.66);border-radius:.82rem;background:rgba(255,248,223,.72);color:rgba(93,47,14,.52);font-family:Alef,Arial,sans-serif;font-size:clamp(1.5rem,7vw,2.55rem);font-weight:950;line-height:1;box-shadow:inset 0 .12rem 0 rgba(255,255,255,.44),0 .24rem 0 rgba(84,44,128,.14)}.math-equation-preview span.active{color:#6a350c;background:linear-gradient(180deg,#fff6ce,#ffd86d);border-color:rgba(255,229,145,.95);box-shadow:0 0 0 .18rem rgba(255,211,75,.24),0 0 1.2rem rgba(255,211,75,.38),0 .28rem 0 rgba(84,44,128,.16)}.math-equation-preview span.done{color:#fff8df;background:linear-gradient(180deg,#37c58a,#259a6f);border-color:rgba(192,255,222,.72)}.number-trace-board svg{width:min(70vw,23rem)}.math-trace-glyph{font-family:Alef,Arial,sans-serif;font-size:86px;font-weight:950}.math-equation-row{direction:ltr}@keyframes traceDotGlow{0%,to{filter:drop-shadow(0 0 .18rem rgba(255,125,125,.48)) drop-shadow(0 0 0 rgba(255,226,112,0))}50%{filter:drop-shadow(0 0 .42rem rgba(255,125,125,.84)) drop-shadow(0 0 .78rem rgba(255,226,112,.58))}}@keyframes traceCuePulse{0%,to{opacity:.9}50%{opacity:1}}.success-screen{min-height:100svh;padding:max(1.2rem,env(safe-area-inset-top)) 1rem max(1.4rem,env(safe-area-inset-bottom));place-items:center}.success-screen:after{background:radial-gradient(circle at 50% 28%,rgba(255,230,105,.34),transparent 22%),linear-gradient(180deg,rgba(18,7,58,.66),rgba(70,39,112,.48) 42%,rgba(255,234,168,.8))}.success-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.success-sky span{position:absolute;width:clamp(.75rem,3vw,1.2rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffef6,#ffe45f 48%,#f6a52e 78%);box-shadow:0 0 .85rem rgba(255,230,98,.88),0 0 2.4rem rgba(255,181,47,.48);animation:successLightFloat 3.8s ease-in-out infinite}.success-sky span:first-child{right:12%;top:18%}.success-sky span:nth-child(2){right:76%;top:24%;width:clamp(.6rem,2.5vw,1rem);animation-delay:.35s}.success-sky span:nth-child(3){right:22%;top:74%;width:clamp(.55rem,2.2vw,.9rem);animation-delay:.65s}.success-sky span:nth-child(4){right:68%;top:78%;animation-delay:1s}.success-sky span:nth-child(5){right:48%;top:12%;width:clamp(.5rem,2vw,.82rem);animation-delay:1.35s}.success-sky span:nth-child(6){right:43%;top:86%;width:clamp(.68rem,2.5vw,1.05rem);animation-delay:1.7s}.magic-success-card{width:min(92vw,34rem);gap:clamp(.65rem,2vw,1rem);padding:clamp(1.1rem,4vw,1.8rem);border:.24rem solid rgba(255,218,137,.94);border-radius:1.65rem;color:#fff8df;background:radial-gradient(circle at 50% 0,rgba(255,238,138,.42),transparent 36%),linear-gradient(180deg,rgba(123,66,183,.94),rgba(73,43,144,.94));box-shadow:inset 0 .18rem 0 rgba(255,255,255,.34),inset 0 -.26rem 0 rgba(44,20,96,.35),0 .65rem 0 rgba(255,185,84,.36),0 1.6rem 3rem rgba(24,8,63,.38)}.reward-success-card{width:min(92vw,37rem);padding:clamp(1rem,3.2vw,1.7rem);overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(255,235,142,.5),transparent 34%),radial-gradient(circle at 18% 80%,rgba(255,190,103,.24),transparent 30%),linear-gradient(180deg,rgba(123,66,183,.96),rgba(64,38,137,.96))}.nuri-reward-companion{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.68rem,2.4vw,1rem);width:min(100%,30rem);padding:.68rem;border:.16rem solid rgba(255,232,160,.88);border-radius:1.15rem;overflow:hidden;color:#fff8df;background:linear-gradient(135deg,rgba(255,249,221,.18),rgba(255,193,87,.1)),rgba(73,40,144,.76);box-shadow:inset 0 .14rem 0 rgba(255,255,255,.24),0 .52rem 1.1rem rgba(31,9,65,.2);text-align:start}.nuri-reward-companion:before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0 16%,rgba(255,232,117,.16) 16% 17%,transparent 17% 100%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 52%)}.nuri-reward-hero{margin-block:.1rem .2rem}.nuri-reward-compact{grid-template-columns:auto minmax(0,1fr) auto;width:min(100%,31rem);margin-inline:auto;padding:.56rem;border-color:rgba(255,229,143,.74);background:linear-gradient(135deg,rgba(255,246,203,.18),rgba(255,188,95,.1)),rgba(94,52,154,.54)}.nuri-reward-portrait{position:relative;display:grid;width:clamp(5.7rem,21vw,8.2rem);aspect-ratio:1;place-items:center;border:.18rem solid rgba(255,232,153,.92);border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff8d6,#ffc84e 70%,#9a5017);box-shadow:inset 0 .15rem 0 rgba(255,255,255,.48),0 .42rem 0 rgba(78,37,12,.22),0 0 1.25rem rgba(255,230,112,.26);animation:nuriRewardFloat 2.8s ease-in-out infinite}.nuri-reward-compact .nuri-reward-portrait{width:clamp(4.4rem,18vw,5.9rem)}.nuri-reward-portrait img{width:112%;height:112%;border-radius:inherit;object-fit:cover;transform:translateY(2%)}.nuri-reward-sparkle{position:absolute;width:.74rem;aspect-ratio:1;clip-path:polygon(50% 0,61% 36%,98% 50%,61% 64%,50% 100%,39% 64%,2% 50%,39% 36%);background:#fff4a8;box-shadow:0 0 .72rem rgba(255,238,128,.86);animation:nuriRewardSparkle 1.85s ease-in-out infinite}.sparkle-one{inset-block-start:12%;inset-inline-start:4%}.sparkle-two{inset-block-start:18%;inset-inline-end:2%;width:.56rem;animation-delay:.55s}.sparkle-three{inset-block-end:14%;inset-inline-end:8%;width:.48rem;animation-delay:1.05s}.nuri-reward-copy{display:grid;gap:.18rem;min-width:0}.nuri-reward-copy p,.nuri-reward-copy small,.nuri-reward-copy strong{min-width:0;margin:0;overflow-wrap:anywhere}.nuri-reward-copy p{color:#ffe88d;font-size:clamp(.9rem,3vw,1rem);font-weight:950;line-height:1.05;text-shadow:0 .1rem 0 rgba(31,9,65,.38)}.nuri-reward-copy strong{color:#fff8df;font-size:clamp(1.18rem,4.8vw,1.55rem);line-height:1.05;text-shadow:0 .12rem 0 rgba(89,47,17,.56),0 .34rem .8rem rgba(31,9,65,.32)}.nuri-reward-copy small{color:#fff0b6;font-size:clamp(.84rem,3vw,.98rem);font-weight:850;line-height:1.2}.nuri-reward-light-row{grid-column:1/-1;display:inline-flex;align-items:center;justify-self:center;gap:.42rem;min-height:2.25rem;padding:.36rem .72rem;border:.12rem solid rgba(255,232,143,.76);border-radius:.8rem;background:linear-gradient(180deg,rgba(255,247,209,.94),rgba(255,207,91,.9));color:#60320d;box-shadow:inset 0 -.12rem 0 rgba(151,82,19,.14),0 .32rem .74rem rgba(31,9,65,.14);font-weight:950}.nuri-reward-light-row span{color:#8a43b7;text-shadow:0 0 .5rem rgba(255,229,107,.58)}.nuri-reward-compact .nuri-reward-light-row{grid-column:auto;justify-self:end;min-height:2rem;padding-inline:.58rem}@media (max-width:430px){.nuri-reward-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.nuri-reward-compact{grid-template-columns:auto minmax(0,1fr)}.nuri-reward-compact .nuri-reward-light-row{grid-column:1/-1;justify-self:center}}.success-mascot{position:relative;display:grid;width:clamp(8.4rem,33vw,13.2rem);aspect-ratio:1;margin-bottom:-.25rem;overflow:hidden;place-items:center;border:.18rem solid rgba(255,231,153,.86);border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff7cf,#ffc753 72%,#8b4b18);box-shadow:inset 0 .16rem 0 rgba(255,255,255,.5),0 .45rem 0 rgba(80,38,13,.22);filter:drop-shadow(0 .75rem 1.25rem rgba(35,15,76,.34))}.success-mascot:before{position:absolute;inset:7%;content:"";border-radius:inherit;background:radial-gradient(circle,rgba(255,244,166,.72),rgba(255,199,69,.18) 62%,transparent 70%);animation:successStarPulse 1.9s ease-in-out infinite}.success-mascot img{position:relative;z-index:1;width:112%;height:112%;object-fit:cover}.magic-success-card .eyebrow,.magic-success-card p{color:#ffe98e;text-shadow:0 .12rem 0 rgba(42,19,89,.42)}.magic-success-card h1{margin:0;color:#fff8df;font-size:clamp(2.7rem,12vw,5rem);line-height:.95}.magic-success-card .success-message{max-width:28rem;color:#fff4c8;font-size:clamp(1rem,3.5vw,1.22rem)}.success-orbit{position:relative;display:grid;width:clamp(6.2rem,24vw,8.2rem);aspect-ratio:1;place-items:center}.success-star-core{position:relative;z-index:2;width:56%;aspect-ratio:1;clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,80% 91%,50% 70%,20% 91%,31% 56%,2% 35%,38% 34%);background:linear-gradient(180deg,#fff176,#ffc533 72%,#f18c24);filter:drop-shadow(0 0 .8rem rgba(255,232,94,.8)) drop-shadow(0 .32rem 0 rgba(97,44,13,.26));animation:successStarPulse 1.7s ease-in-out infinite}.success-ring{position:absolute;inset:.35rem;border:.18rem solid rgba(255,238,161,.75);border-radius:50%;transform:rotate(-12deg);animation:successRingSpin 4.2s linear infinite}.success-ring.ring-two{inset:1.05rem;border-color:rgba(255,184,91,.62);animation-duration:5.4s;animation-direction:reverse}.success-lights-path{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,1.8vw,.65rem);max-width:25rem}.success-lights-path .score-light{width:clamp(1rem,3.8vw,1.45rem);height:auto;aspect-ratio:1;background:rgba(255,248,223,.32);box-shadow:inset 0 0 0 .12rem rgba(255,248,223,.28)}.success-lights-path .score-light.on{background:radial-gradient(circle at 35% 28%,#fffdf1,#ffe56b 42%,#f8ae2f 76%);box-shadow:0 0 0 .32rem rgba(255,229,107,.2),0 0 1rem rgba(255,226,93,.72);animation:successLightPop .95s ease-out both}.earned-badges{max-width:28rem}.earned-badges span,.trace-letter-row span{border-color:rgba(255,226,145,.76);border-radius:.8rem;color:#5b2d0b;background:linear-gradient(180deg,#fff5bf,#ffc849);box-shadow:inset 0 -.14rem 0 rgba(146,75,12,.18),0 .38rem 0 rgba(80,38,13,.22)}.magic-success-card .primary-link{margin-top:.2rem;min-width:min(72vw,13rem);justify-content:center;background:linear-gradient(180deg,#ffe56b,#f4a832);color:#66340d;text-shadow:0 .08rem 0 rgba(255,255,255,.34)}@keyframes successLightFloat{0%,to{opacity:.65;transform:translateY(0) scale(.92)}50%{opacity:1;transform:translateY(-1.2rem) scale(1.16)}}@keyframes successStarPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.08) rotate(3deg)}}@keyframes successRingSpin{to{transform:rotate(348deg)}}@keyframes successLightPop{0%{opacity:0;transform:translateY(.45rem) scale(.6)}65%{opacity:1;transform:translateY(-.12rem) scale(1.15)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nuriRewardFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-.28rem) rotate(-1.8deg)}}@keyframes nuriRewardSparkle{0%,to{opacity:.58;transform:scale(.82) rotate(0deg)}50%{opacity:1;transform:scale(1.16) rotate(18deg)}}@media (prefers-reduced-motion:reduce){.nuri-reward-portrait,.nuri-reward-sparkle{animation:none}}.number-mode .mission-message{color:#653813}.number-mode{padding-bottom:1rem}.number-mode .mission-topbar{padding-block:max(.45rem,env(safe-area-inset-top)) .45rem}.number-mode .question-panel{padding-block:0 .35rem}.number-question{gap:.45rem}.number-question h1{max-width:11ch;margin-inline:auto;font-size:clamp(2.45rem,12vw,4.25rem)}.number-listen{min-width:min(82vw,19rem);min-height:3.35rem}.number-count-card{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(13.5rem,34svh,21rem);margin:clamp(.45rem,1.2svh,.9rem) auto .85rem;padding:clamp(1.25rem,5vw,2rem);width:min(100%,42rem);border:.32rem solid #7d4116;border-radius:1.45rem;overflow:hidden;background:linear-gradient(rgba(136,84,25,.08) 1px,transparent 0),linear-gradient(90deg,rgba(136,84,25,.08) 1px,transparent 0),radial-gradient(circle at 50% 24%,rgba(255,230,116,.35),transparent 38%),linear-gradient(180deg,#fff8de,#ffefb5);background-size:54px 54px,54px 54px,auto,auto;box-shadow:inset 0 -.35rem 0 rgba(255,201,93,.35),0 .9rem 0 #9c5318,0 1.25rem 2rem rgba(43,25,14,.24)}.number-count-card.is-rewarding{box-shadow:inset 0 -.35rem 0 rgba(255,201,93,.35),0 .9rem 0 #9c5318,0 0 2.8rem rgba(255,220,80,.64)}.number-count-orb{position:absolute;top:clamp(.7rem,2vw,1rem);right:clamp(.7rem,2vw,1rem);z-index:2;display:grid;place-items:center;width:clamp(3.1rem,12vw,4.4rem);aspect-ratio:1;border:.22rem solid #285140;border-radius:50%;color:#65350f;background:radial-gradient(circle at 34% 26%,#fff8ca,#ffd14c 58%,#eea326);box-shadow:0 0 0 .55rem rgba(255,226,116,.34),0 .4rem 0 rgba(126,69,18,.35);font-size:clamp(1.65rem,7vw,2.6rem);font-weight:1000}.number-count-card.is-rewarding .number-count-orb{animation:numberGlow .9s ease-in-out infinite alternate}.number-count-beads{position:absolute;top:clamp(.9rem,2.4vw,1.25rem);left:50%;z-index:2;display:flex;gap:.38rem;transform:translateX(-50%)}.number-count-beads span{width:clamp(.72rem,3vw,1rem);aspect-ratio:1;border-radius:50%;background:rgba(92,60,32,.22);box-shadow:inset 0 .1rem 0 rgba(255,255,255,.4)}.number-count-beads span.lit{background:radial-gradient(circle at 34% 28%,#fffdf1,#ffe56b 42%,#f8ae2f 76%);box-shadow:0 0 0 .22rem rgba(255,229,107,.22),0 0 .8rem rgba(255,226,93,.65)}.number-count-shelf{position:absolute;inset-inline:11%;bottom:12%;height:.42rem;border-radius:999px;background:rgba(104,62,26,.22);box-shadow:0 .45rem 0 rgba(104,62,26,.1)}.number-object-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(4.5rem,1fr));gap:clamp(.55rem,2.4vw,.95rem);width:min(100%,26rem);justify-items:center;align-items:end}.number-object{position:relative;display:grid;width:clamp(4.7rem,19vw,7.1rem);aspect-ratio:1;place-items:center;filter:drop-shadow(0 .5rem 0 rgba(93,58,24,.2));transform-origin:center bottom}.number-object.lit{animation:numberPop .52s ease both}.number-object span{position:absolute;display:block}.number-object img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.number-pencil span:first-child{width:76%;height:24%;border-radius:999px .35rem .35rem 999px;background:linear-gradient(90deg,#fbd14e 0 66%,#f48e49 66% 82%,#5e351a 82%);transform:rotate(-18deg)}.number-pencil span:nth-child(2){left:12%;width:17%;height:25%;border-radius:45%;background:#ffe9a1;transform:rotate(-18deg)}.number-pencil span:nth-child(3){right:11%;width:17%;height:28%;border-radius:50%;background:#7b3f76;transform:rotate(-18deg)}.number-notebook span:first-child{width:72%;height:82%;border:.22rem solid #6c4b88;border-radius:.7rem;background:linear-gradient(90deg,#8457d8 0 20%,#fff7c9 20%)}.number-notebook span:nth-child(2),.number-notebook span:nth-child(3){width:38%;height:.2rem;border-radius:999px;background:rgba(94,62,37,.35)}.number-notebook span:nth-child(2){top:38%;right:21%}.number-notebook span:nth-child(3){top:54%;right:21%}.number-chair span:first-child{width:52%;height:42%;top:15%;border-radius:.75rem .75rem .35rem .35rem;background:linear-gradient(180deg,#f0c66f,#bf7b3a)}.number-chair span:nth-child(2){width:65%;height:22%;top:50%;border-radius:.55rem;background:linear-gradient(180deg,#d79c50,#8d5836)}.number-chair span:nth-child(3){width:48%;height:36%;bottom:7%;border-inline:.32rem solid #6f4633}.number-star span:first-child{width:74%;height:74%;background:linear-gradient(180deg,#ffe76e,#f9b52f);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%)}.number-star span:nth-child(2){width:44%;height:44%;border-radius:50%;background:rgba(255,255,255,.23)}.number-star span:nth-child(3){width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,rgba(255,228,99,.35),transparent 62%)}.number-bag span:first-child{width:72%;height:68%;bottom:5%;border:.24rem solid #335a82;border-radius:.95rem .95rem 1.2rem 1.2rem;background:linear-gradient(180deg,#5da4e7,#2662b8)}.number-bag span:nth-child(2){top:13%;width:36%;height:24%;border:.22rem solid #335a82;border-bottom:0;border-radius:999px 999px 0 0}.number-bag span:nth-child(3){width:30%;height:30%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffdf1,#ffe56b 42%,#f8ae2f 76%);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%)}.number-object.lit:after{content:"";position:absolute;inset:-.25rem;border-radius:50%;background:radial-gradient(circle,rgba(255,239,126,.76),transparent 64%);z-index:-1;animation:numberGlow .9s ease-in-out infinite alternate}.pattern-mode .mission-message{color:#653813}.pattern-question{gap:.48rem;padding-block:0 .35rem}.pattern-question h1{max-width:11ch;margin-inline:auto;font-size:clamp(2.25rem,11vw,4.05rem)}.pattern-actions{display:flex;align-items:center;justify-content:center;gap:.65rem;width:min(100%,24rem);margin-inline:auto}.pattern-listen{min-width:0;flex:1}.pattern-hint-button{display:grid;flex:0 0 auto;place-items:center;width:3.8rem;aspect-ratio:1;border:.2rem solid rgba(255,232,168,.94);border-radius:50%;color:#6a350e;background:radial-gradient(circle at 35% 25%,#fff7bf,#ffd44e 58%,#f0a32b);box-shadow:inset 0 -.2rem 0 rgba(126,69,18,.2),0 .45rem 0 #9c5318;font-size:2rem;font-weight:1000}.pattern-board{display:grid;place-items:center;min-height:clamp(14rem,34svh,22rem);margin:clamp(.45rem,1.2svh,.9rem) auto .95rem;padding:clamp(1rem,4vw,1.6rem);width:min(100%,46rem);border:.32rem solid #7d4116;border-radius:1.45rem;background:linear-gradient(rgba(136,84,25,.08) 1px,transparent 0),linear-gradient(90deg,rgba(136,84,25,.08) 1px,transparent 0),radial-gradient(circle at 50% 20%,rgba(255,230,116,.35),transparent 42%),linear-gradient(180deg,#fff8de,#ffefb5);background-size:54px 54px,54px 54px,auto,auto;box-shadow:inset 0 -.35rem 0 rgba(255,201,93,.35),0 .9rem 0 #9c5318,0 1.25rem 2rem rgba(43,25,14,.24)}.pattern-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.38rem,1.8vw,.75rem);width:100%;align-items:center}.pattern-slot{position:relative;display:grid;place-items:center;min-height:clamp(4.4rem,15vw,6.5rem);border:.16rem solid rgba(126,68,23,.18);border-radius:1rem;background:rgba(255,251,224,.58);box-shadow:inset 0 -.18rem 0 rgba(110,63,23,.08)}.pattern-slot .number-object{width:clamp(3.2rem,12vw,5rem)}.pattern-slot.missing{border:.22rem dashed rgba(42,81,64,.85);background:radial-gradient(circle,rgba(255,232,102,.32),rgba(255,249,218,.72));color:#6a350e;font-size:clamp(2.2rem,9vw,3.4rem);font-weight:1000;animation:patternMissingPulse 1.1s ease-in-out infinite alternate}.pattern-slot.missing.filled{border-style:solid;border-color:#176046;animation:none}.pattern-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,2.5vw,.85rem);width:min(100%,38rem);margin:0 auto}.pattern-choice{display:grid;place-items:center;gap:.1rem;min-height:clamp(6rem,18vw,8rem);border:.24rem solid #7d4116;border-radius:1.15rem;color:#62330f;background:linear-gradient(180deg,#fff9de,#ffe59d);box-shadow:inset 0 -.18rem 0 rgba(255,255,255,.55),0 .48rem 0 #9c5318}.pattern-choice .number-object{width:clamp(3.4rem,12vw,5.4rem)}.pattern-choice span:last-child{font-size:clamp(.95rem,3.6vw,1.2rem);font-weight:950}.pattern-choice:disabled{opacity:.84}.pattern-choice.correct{border-color:#176046;background:linear-gradient(180deg,#dfffe7,#80dca9)}.pattern-choice.wrong{border-color:#bb4e36;background:linear-gradient(180deg,#ffd8ce,#ee8d75);animation:wrongShake .3s ease-in-out 1}@keyframes patternMissingPulse{0%{box-shadow:inset 0 -.18rem 0 rgba(110,63,23,.08),0 0 0 rgba(255,222,82,0)}to{box-shadow:inset 0 -.18rem 0 rgba(110,63,23,.08),0 0 1.6rem rgba(255,222,82,.62)}}.compare-mode .mission-message{color:#653813}.compare-question{gap:.48rem;padding-block:0 .35rem}.compare-question h1{max-width:10ch;margin-inline:auto;font-size:clamp(2.25rem,11vw,4.05rem)}.compare-listen{min-width:min(82vw,19rem);min-height:3.35rem}.compare-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));direction:ltr;gap:clamp(.75rem,3vw,1rem);width:min(100%,46rem);margin:clamp(.45rem,1.2svh,.9rem) auto 1rem}.compare-group{position:relative;display:grid;grid-template-rows:auto auto 1fr;direction:rtl;min-height:clamp(16rem,44svh,25rem);padding:clamp(.85rem,3vw,1.2rem);border:.32rem solid #7d4116;border-radius:1.45rem;color:#63350f;background:linear-gradient(rgba(136,84,25,.08) 1px,transparent 0),linear-gradient(90deg,rgba(136,84,25,.08) 1px,transparent 0),radial-gradient(circle at 50% 22%,rgba(255,230,116,.33),transparent 42%),linear-gradient(180deg,#fff8de,#ffefb5);background-size:46px 46px,46px 46px,auto,auto;box-shadow:inset 0 -.35rem 0 rgba(255,201,93,.35),0 .8rem 0 #9c5318,0 1.15rem 1.8rem rgba(43,25,14,.2)}.compare-group.correct{border-color:#176046;box-shadow:inset 0 -.35rem 0 rgba(255,201,93,.35),0 .8rem 0 #176046,0 0 2.4rem rgba(91,230,151,.5)}.compare-group.wrong{border-color:#bb4e36;animation:wrongShake .3s ease-in-out 1}.compare-side-label{justify-self:start;padding:.28rem .65rem;border-radius:999px;color:#fff8df;background:linear-gradient(180deg,#8d49bd,#5c3196);box-shadow:inset 0 -.14rem 0 rgba(62,27,110,.45);font-size:clamp(.85rem,3.2vw,1.05rem);font-weight:950}.compare-count{display:grid;place-items:center;justify-self:center;width:clamp(3.4rem,13vw,4.8rem);aspect-ratio:1;margin-block:.35rem .25rem;border:.22rem solid #285140;border-radius:50%;color:#65350f;background:radial-gradient(circle at 34% 26%,#fff8ca,#ffd14c 58%,#eea326);box-shadow:0 0 0 .45rem rgba(255,226,116,.28),0 .32rem 0 rgba(126,69,18,.3);font-size:clamp(1.85rem,8vw,3rem);font-weight:1000}.compare-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.35rem,1.8vw,.65rem);align-content:center;justify-items:center;width:100%}.compare-items .number-object{width:clamp(3rem,11vw,4.8rem)}.compare-equal{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:clamp(4rem,13vw,5.4rem);width:min(100%,24rem);margin:0 auto;border:.24rem solid #7d4116;border-radius:1.15rem;color:#62330f;background:linear-gradient(180deg,#fff9de,#ffe59d);box-shadow:inset 0 -.18rem 0 rgba(255,255,255,.55),0 .48rem 0 #9c5318;font-weight:1000}.compare-equal span{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border-radius:50%;color:#fff8df;background:#5c3196;font-size:2rem}.compare-equal strong{font-size:clamp(1.45rem,6vw,2.1rem)}.compare-equal.correct{border-color:#176046;background:linear-gradient(180deg,#dfffe7,#80dca9)}.compare-equal.wrong{border-color:#bb4e36;background:linear-gradient(180deg,#ffd8ce,#ee8d75);animation:wrongShake .3s ease-in-out 1}.number-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,2.5vw,.85rem);width:min(100%,calc(100vw - 1.5rem),35rem);margin:0 auto}.number-choice{min-width:0;min-height:clamp(4.6rem,14vw,6.5rem);border:.24rem solid #7d4116;border-radius:1.15rem;color:#62330f;background:linear-gradient(180deg,#fff9de,#ffe59d);box-shadow:inset 0 -.18rem 0 rgba(255,255,255,.55),0 .48rem 0 #9c5318;font-size:clamp(2.15rem,8.8vw,3.75rem);font-weight:1000;line-height:.95;overflow:hidden}.number-choice:disabled{opacity:.82}.number-choice.correct{border-color:#176046;color:#fff8df;background:linear-gradient(180deg,#45ce88,#20865f)}.number-choice.wrong{border-color:#bb4e36;background:linear-gradient(180deg,#ffd8ce,#ee8d75);animation:wrongShake .3s ease-in-out 1}@media (max-width:560px){.mission-topbar{display:flex;direction:rtl;justify-content:space-between;gap:.42rem;width:100%;max-width:100%}.mission-topbar>*{direction:rtl}.mission-topbar a,.primary-link{flex:0 0 auto;min-height:3rem;padding-inline:.7rem;white-space:nowrap}.round-counter{flex:0 0 auto;direction:ltr;min-width:4.45rem;padding-inline:.65rem;white-space:nowrap}.mission-progress-track{flex:0 1 8.5rem;width:min(34vw,8.5rem);min-width:0;max-width:min(34vw,8.5rem);padding:.42rem}.question-panel{gap:.5rem;padding-block:.2rem .55rem}.classroom-question h1,.compare-question h1,.question-panel h1,.routine-question h1{margin-block:0;line-height:1.08}.mission-message,.question-panel .eyebrow{max-width:min(100%,21rem);line-height:1.22}.listen-button{min-height:3rem;min-width:min(100%,9.75rem);padding:.55rem .95rem;line-height:1.1}.question-panel h1,.word-garden-question h1{max-width:min(100%,12ch);font-size:clamp(1.75rem,9vw,2.55rem)}.round-picture,.sound-challenge-card,.word-sound-card{width:min(62vw,12.25rem)}.choice-grid{width:min(100%,calc(100vw - 4.5rem),18rem);gap:.65rem;padding-inline:.25rem}.letter-choice{min-height:clamp(5rem,27vw,6.5rem);font-size:clamp(2.75rem,16vw,4.1rem)}.word-bricks-panel,.word-build-panel,.word-choice-grid{width:min(100%,calc(100vw - 4.5rem),18rem);gap:.65rem;padding-inline:.25rem}.word-choice{min-height:clamp(5.15rem,24vw,6.35rem);font-size:clamp(1.75rem,9vw,2.85rem)}.classroom-stage-strip span,.classroom-target strong,.pattern-choice span:last-child,.routine-choice strong,.routine-slot strong,.word-choice>span{max-width:100%;overflow-wrap:anywhere;line-height:1.08}.classroom-stage-strip span{min-width:0;padding-inline:.2rem}.built-word,.letter-bank{gap:.5rem}.built-word span,.letter-tile,.word-brick-slot,.word-brick-tile{min-height:clamp(3.65rem,17vw,4.75rem);font-size:clamp(2rem,10.5vw,3rem)}.classroom-letter-choice,.number-choice{min-height:clamp(4.35rem,19vw,5.65rem);font-size:clamp(2rem,10vw,3.2rem)}}@media (max-width:360px){.mission-topbar{gap:.32rem;padding-block:max(.45rem,env(safe-area-inset-top)) .55rem}.mission-topbar a,.primary-link{min-height:2.8rem;padding-inline:.58rem;font-size:.94rem}.round-counter{min-width:4.05rem;padding-inline:.52rem}.mission-progress-track{flex-basis:7.35rem;width:min(31vw,7.35rem);max-width:min(31vw,7.35rem);gap:.24rem;padding:.34rem}.question-panel{gap:.36rem;padding-block:.05rem .42rem}.classroom-question h1,.compare-question h1,.question-panel h1,.routine-question h1,.word-garden-question h1{max-width:min(100%,11ch);font-size:clamp(1.5rem,8.4vw,2.18rem)}.mission-message{min-height:0;font-size:clamp(.95rem,4.2vw,1.04rem)}.round-picture,.sound-challenge-card,.word-sound-card{width:min(56vw,10.8rem)}.word-garden-actions{width:min(84vw,17.25rem);gap:.45rem}.word-hint-button{width:3.15rem}.choice-grid,.word-bricks-panel,.word-build-panel,.word-choice-grid{width:min(100%,calc(100vw - 3rem),18rem);gap:.52rem}.letter-choice{min-height:clamp(4.45rem,22vw,5.45rem);font-size:clamp(2.55rem,15vw,3.65rem)}.word-choice{min-height:clamp(4.55rem,22vw,5.65rem);padding:.35rem;font-size:clamp(1.55rem,8.1vw,2.45rem)}.built-word,.letter-bank{gap:.42rem}.built-word span,.letter-tile,.word-brick-slot,.word-brick-tile{min-height:clamp(3.25rem,15vw,4.2rem);border-radius:.82rem;font-size:clamp(1.75rem,9.2vw,2.65rem)}.word-brick-bank,.word-brick-slots{gap:.42rem;padding:.52rem}.routine-path{gap:.28rem;padding-inline:.28rem}.routine-slot{min-height:clamp(4.05rem,12vw,5.25rem);padding-inline:.18rem}.routine-choice-grid{gap:.45rem;padding-inline:.35rem}.routine-choice{min-height:clamp(6.1rem,22vw,7.6rem);padding:.42rem}.routine-cue-button{min-height:2.12rem;margin-inline-start:.24rem;padding:.36rem .65rem;font-size:.78rem}.routine-art{width:clamp(3.55rem,15vw,5.25rem);margin-bottom:.22rem}.routine-choice strong,.routine-slot strong{font-size:clamp(.74rem,3.6vw,.92rem)}.classroom-stage-strip{margin-block:.05rem .28rem}.classroom-scene{grid-template-rows:auto repeat(2,minmax(clamp(8.65rem,30vw,11rem),1fr));gap:.55rem;padding:.7rem}.classroom-target,.classroom-target.target-bag,.classroom-target.target-board,.classroom-target.target-book,.classroom-target.target-chair,.classroom-target.target-pencilCase,.classroom-target.target-table{min-height:clamp(8.65rem,30vw,11rem);padding:.55rem .42rem}.classroom-target .classroom-object,.target-bag .classroom-object,.target-board .classroom-object,.target-book .classroom-object,.target-chair .classroom-object,.target-pencilCase .classroom-object,.target-table .classroom-object{width:clamp(5rem,20vw,7.2rem)}.classroom-letter-choice,.number-choice{min-height:clamp(4rem,17vw,5.1rem);font-size:clamp(1.85rem,9.2vw,2.85rem)}.number-choice-grid,.pattern-choice-grid{gap:.45rem;width:min(100%,calc(100vw - 1.4rem),35rem)}.pattern-choice{min-height:clamp(5.3rem,17vw,6.8rem)}}@keyframes numberPop{0%{transform:scale(.92) translateY(.2rem)}60%{transform:scale(1.08) translateY(-.25rem)}to{transform:scale(1) translateY(0)}}@keyframes numberGlow{0%{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1.12)}}.runner-shell{position:relative;min-height:100svh;overflow:hidden;direction:rtl;color:#35213e;background:radial-gradient(circle at 50% 9%,rgba(255,244,188,.56),transparent 28%),linear-gradient(180deg,#9c6ed8,#f2b870 40%,#f7d28a);touch-action:manipulation}.runner-canvas{position:absolute;inset:0;z-index:0}.runner-canvas canvas{display:block}.runner-hud{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding:max(.75rem,env(safe-area-inset-top)) .85rem max(.9rem,env(safe-area-inset-bottom));pointer-events:none}.runner-topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3rem;padding:.45rem .55rem;border:.12rem solid rgba(255,228,149,.58);border-radius:1.2rem;background:radial-gradient(circle at 20% 0,rgba(255,230,137,.18),transparent 40%),rgba(67,39,76,.74);color:#fff8d8;box-shadow:inset 0 -.18rem 0 rgba(34,18,46,.24),0 .8rem 2rem rgba(57,30,57,.2);backdrop-filter:blur(12px);pointer-events:auto}.runner-topbar a{min-width:4rem;min-height:2.75rem;display:inline-grid;place-items:center;padding-inline:.72rem;border-radius:999px;background:linear-gradient(180deg,#fff3b7,#ffd874);color:#4a2e58;font-weight:900;text-decoration:none;box-shadow:inset 0 -.12rem 0 rgba(133,78,30,.16)}.runner-audio-button{min-width:3.65rem;min-height:2.75rem;border:.1rem solid rgba(255,232,152,.74);border-radius:999px;background:rgba(255,248,216,.16);color:#fff8d8;font:inherit;font-weight:950;box-shadow:inset 0 -.12rem 0 rgba(34,18,42,.2)}.runner-audio-button:disabled{opacity:.64}.runner-topbar strong{min-width:3rem;text-align:center;font-size:.95rem}.runner-progress{display:grid;grid-auto-flow:column;gap:.35rem;align-items:center}.runner-progress span{height:.62rem;border-radius:999px;background:rgba(255,255,255,.35);box-shadow:inset 0 .08rem .1rem rgba(47,28,59,.24)}.runner-progress span.is-filled{background:#ffd85f;box-shadow:inset 0 -.1rem 0 rgba(143,82,17,.18),0 0 .7rem rgba(255,216,95,.66)}.runner-card{align-self:end;width:min(100%,34rem);margin:0 auto;padding:clamp(1rem,3.6vw,1.35rem);border:.14rem solid rgba(255,230,145,.88);border-radius:1.25rem;background:radial-gradient(circle at 18% 0,rgba(255,228,136,.38),transparent 38%),linear-gradient(180deg,rgba(255,252,229,.96),rgba(255,244,204,.93));box-shadow:inset 0 -.2rem 0 rgba(158,105,44,.08),0 1.2rem 3rem rgba(59,31,65,.26);pointer-events:auto;backdrop-filter:blur(10px)}.runner-play-status{justify-self:center;align-self:start;margin-top:.85rem;display:inline-flex;align-items:center;gap:.55rem;max-width:calc(100vw - 2rem);padding:.5rem .8rem;border-radius:999px;border:.1rem solid rgba(255,225,132,.86);background:rgba(255,247,218,.92);color:#44264f;font-weight:900;box-shadow:0 .75rem 1.8rem rgba(59,31,65,.14);pointer-events:none}.runner-play-status-ready{min-height:3rem;margin-top:.7rem}.runner-play-status span{min-width:3.2rem;text-align:center;color:#8c5b24}.runner-controls{position:fixed;left:50%;bottom:max(.85rem,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;display:grid;grid-template-columns:4.4rem minmax(7.2rem,10rem) 4.4rem;gap:.55rem;width:min(calc(100vw - 1.4rem),24rem);pointer-events:auto}.runner-bump-count{position:absolute;top:-.7rem;right:.2rem;min-width:1.7rem;min-height:1.7rem;display:inline-grid;place-items:center;border-radius:999px;background:#ffe8a6;color:#5d315f;font-size:.88rem;font-weight:950;box-shadow:0 .5rem 1rem rgba(57,30,57,.18)}.runner-controls button{min-height:3.55rem;border:.12rem solid rgba(255,224,140,.72);border-radius:999px;background:radial-gradient(circle at 50% 0,rgba(255,231,153,.18),transparent 38%),rgba(73,42,76,.86);color:#fff8d8;font:inherit;font-size:1rem;font-weight:950;box-shadow:inset 0 -.18rem 0 rgba(34,18,42,.24),0 .75rem 1.7rem rgba(57,30,57,.24)}.runner-controls button:first-child,.runner-controls button:last-child{font-size:2.15rem;line-height:1}.runner-card h1,.runner-card p,.runner-card span{margin:0}.runner-card p{color:#8a5727;font-weight:900}.runner-card h1{margin-block:.28rem;font-size:clamp(1.9rem,9vw,3.2rem);line-height:1.05;color:#462553;text-shadow:0 .08rem 0 rgba(255,245,197,.78)}.runner-card>span{display:block;font-weight:800;line-height:1.45}.runner-instruction-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.85rem}.runner-instruction-strip span{min-height:2.6rem;display:inline-grid;place-items:center;padding:.35rem;border:.1rem solid rgba(122,74,145,.16);border-radius:.95rem;background:rgba(255,255,255,.62);color:#4a2557;font-size:clamp(.82rem,3.4vw,.98rem);font-weight:950;text-align:center}.runner-card button,.runner-complete a{min-height:3.1rem;border:0;border-radius:999px;font:inherit;font-weight:900;cursor:pointer}.runner-complete a,.runner-intro button{display:inline-grid;place-items:center;width:100%;margin-top:.85rem;background:linear-gradient(135deg,#6d3e86,#a56b27);color:#fff9df;text-decoration:none;box-shadow:inset 0 -.18rem 0 rgba(48,25,72,.24),0 .55rem 1.2rem rgba(72,35,70,.2)}.runner-intro .runner-instruction-listen{margin-top:.75rem;width:100%;border:1px solid rgba(79,128,101,.32);background:linear-gradient(135deg,#3f887f,#4f8065);color:#fff9df}.runner-intro .runner-instruction-listen:disabled{opacity:.72}.runner-complete-actions{display:grid;gap:.65rem;margin-top:.85rem}.runner-complete-actions a{margin-top:0}.runner-complete-actions .runner-complete-secondary{background:rgba(255,249,223,.78);color:#4b285a;border:1px solid rgba(92,52,113,.2);box-shadow:none}.runner-score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:.95rem 0 0}.runner-score-grid div{min-height:4.2rem;display:grid;place-items:center;padding:.45rem;border:1px solid rgba(92,52,113,.14);border-radius:.9rem;background:rgba(255,255,255,.58)}.runner-score-grid dd,.runner-score-grid dt{margin:0}.runner-score-grid dt{color:#8c5b24;font-size:.82rem;font-weight:900}.runner-score-grid dd{color:#462553;font-size:1.35rem;font-weight:950}.runner-gate-panel{display:grid;gap:.75rem}.runner-zone-panel{position:relative;overflow:hidden;border-color:rgba(255,216,103,.95);background:radial-gradient(circle at 14% 0,rgba(255,230,138,.48),transparent 38%),linear-gradient(180deg,rgba(255,251,229,.97),rgba(244,218,171,.94))}.runner-zone-heading{display:flex;align-items:center;gap:.58rem}.runner-zone-heading>span{display:inline-grid;min-width:3.4rem;min-height:2.3rem;place-items:center;border-radius:999px;background:linear-gradient(180deg,#6f4387,#4d2a64);color:#fff8df;font-size:.82rem;font-weight:950;box-shadow:inset 0 -.12rem 0 rgba(24,10,50,.28)}.runner-zone-heading div{min-width:0}.runner-zone-heading p,.runner-zone-heading strong{display:block;margin:0}.runner-zone-heading p{color:#8a5727;font-size:.78rem;font-weight:900}.runner-zone-heading strong{color:#462553;font-size:clamp(1.1rem,4.8vw,1.55rem);line-height:1.05}.runner-zone-stage{position:relative;overflow:hidden;padding:.72rem;border:.12rem solid rgba(255,224,140,.74);border-radius:1.05rem;background:radial-gradient(circle at 50% 0,rgba(255,240,168,.58),transparent 45%),linear-gradient(180deg,rgba(135,84,142,.18),rgba(255,246,218,.5));box-shadow:inset 0 -.2rem 0 rgba(99,53,92,.08)}.runner-zone-glow{position:absolute;inset:auto 12% -42% 12%;height:72%;border-radius:999px 999px 0 0;background:radial-gradient(circle,rgba(255,221,93,.42),transparent 67%);pointer-events:none}.runner-gate-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(6.2rem,34%) minmax(0,1fr);align-items:center;gap:.85rem}.runner-gate-picture{position:relative;display:grid;place-items:center;min-height:clamp(7rem,25vw,9.2rem);border:.12rem solid rgba(255,224,140,.72);border-radius:1.1rem;background:radial-gradient(circle at 50% 25%,rgba(255,246,190,.82),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.78),rgba(245,222,176,.5));overflow:hidden;box-shadow:inset 0 -.16rem 0 rgba(138,88,40,.1)}.runner-gate-picture .round-picture{width:min(86%,8.4rem);min-height:0;aspect-ratio:1;border:0;background:transparent;box-shadow:none}.runner-gate-picture .round-picture .shape,.runner-gate-picture .round-picture:after,.runner-gate-picture .round-picture:before{display:none}.runner-gate-picture .picture-art{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .32rem .35rem rgba(58,31,47,.18))}.runner-gate-word{min-width:0;text-align:right}.runner-gate-word h1{font-size:clamp(3rem,16vw,5.1rem)}.runner-zone-reward{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:.42rem;min-height:2.4rem;padding:.35rem .65rem;border-radius:999px;background:rgba(255,241,168,.68);color:#5d315f;font-weight:950}.runner-zone-reward span{color:#9a641d}.runner-zone-reward small{min-width:0;overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.runner-trace-panel{display:grid;gap:.65rem;align-self:end}.runner-trace-hall{overflow:hidden;border-color:rgba(255,216,103,.95);background:radial-gradient(circle at 20% 0,rgba(255,230,138,.42),transparent 36%),linear-gradient(180deg,rgba(255,251,229,.98),rgba(241,218,181,.95))}.runner-trace-heading{display:flex;align-items:start;justify-content:space-between;gap:.65rem}.runner-trace-hall-heading{align-items:center}.runner-trace-hall-heading>span{display:inline-grid;min-width:3.2rem;min-height:2.3rem;place-items:center;border-radius:999px;background:linear-gradient(180deg,#6f4387,#4d2a64);color:#fff8df;font-size:.82rem;font-weight:950;box-shadow:inset 0 -.12rem 0 rgba(24,10,50,.28)}.runner-trace-heading>div{min-width:0}.runner-trace-heading h1,.runner-trace-heading p,.runner-trace-heading small{margin:0}.runner-trace-heading p{color:#8a5727;font-size:.78rem;font-weight:900}.runner-trace-heading h1{color:#462553;font-size:clamp(1.15rem,5vw,1.65rem);line-height:1.05}.runner-trace-heading small{display:block;margin-top:.16rem;color:#6e4b35;font-size:.82rem;font-weight:850;line-height:1.2}.runner-trace-heading strong{display:inline-grid;place-items:center;min-width:3.2rem;min-height:2.4rem;border-radius:999px;background:#fff0b8;color:#4a2557;font-size:1rem;font-weight:950;box-shadow:inset 0 -.14rem 0 rgba(93,52,113,.12)}.runner-trace-stage{position:relative;display:grid;gap:.48rem;overflow:hidden;padding:.58rem;border:.12rem solid rgba(255,224,140,.76);border-radius:1.05rem;background:radial-gradient(circle at 50% 0,rgba(255,239,168,.6),transparent 45%),linear-gradient(180deg,rgba(135,84,142,.18),rgba(255,246,218,.5));box-shadow:inset 0 -.2rem 0 rgba(99,53,92,.08)}.runner-trace-board-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:2.25rem;padding:.22rem .35rem;color:#4a2557}.runner-trace-board-header span,.runner-trace-board-header strong{min-width:0}.runner-trace-board-header strong{font-size:clamp(1.05rem,5vw,1.45rem);font-weight:950}.runner-trace-board-header span{overflow:hidden;color:#6e4b35;font-size:.88rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.runner-trace-panel svg{position:relative;z-index:1;width:100%;max-height:min(36svh,19rem);border:1px solid rgba(92,52,113,.14);border-radius:1rem;background:radial-gradient(circle at 50% 18%,rgba(255,238,166,.55),transparent 36%),rgba(255,255,255,.62);touch-action:none}.runner-trace-reward{justify-self:center;max-width:100%}.runner-trace-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:.45rem}.runner-trace-actions button{min-height:2.8rem;border:0;border-radius:999px;background:#fff0b8;color:#4a2557;font:inherit;font-size:.95rem;font-weight:950}.runner-trace-actions .runner-trace-finish{background:linear-gradient(135deg,#6d3e86,#a06d2f);color:#fff9df}.runner-trace-actions button:disabled{opacity:.52}.runner-listen{width:100%;background:linear-gradient(135deg,#3f887f,#4f8065);color:#fff9df;box-shadow:inset 0 -.16rem 0 rgba(25,79,73,.22)}.runner-listen:disabled{opacity:.7}.runner-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.62rem}.runner-choice-grid button{aspect-ratio:1;min-height:4.1rem;border:.18rem solid rgba(103,62,135,.18);border-radius:1.05rem;background:linear-gradient(180deg,#fffdf3,#e9f4ff);color:#482650;font-size:clamp(2rem,12vw,3.6rem);font-weight:950;box-shadow:inset 0 -.35rem 0 rgba(77,42,87,.08),0 .34rem .9rem rgba(59,31,65,.09)}.runner-choice-grid button.is-correct{background:#dff5b0;border-color:#6a9830}.runner-choice-grid button.is-wrong{background:#ffd1c5;border-color:#b55a43}@media (min-width:760px){.runner-hud{padding-inline:max(1.3rem,env(safe-area-inset-left)) max(1.3rem,env(safe-area-inset-right))}.runner-card{margin-bottom:1.25rem}}.play-hall-shell{--hall-accent:#ffd76a;--hall-glow:rgba(255,222,117,0.56);--hall-deep:#3c345f;--hall-shadow:rgba(35,28,64,0.28);--hall-ground:#315f5a;--play-hall-art:url(/art/map/map-section-02-path-continuation.webp);--play-hall-art-position:center;width:min(100%,560px);min-height:calc(100svh - 63px);grid-template-rows:minmax(8.8rem,22svh) auto;align-content:start;padding:0 0 max(.55rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,239,179,.14),rgba(31,44,67,.12)),var(--play-hall-art) var(--play-hall-art-position) /cover no-repeat}.play-hall-letter-gate{--hall-accent:#f6c05a;--hall-deep:#49385f;--hall-ground:#665945}.play-hall-word-garden{--hall-accent:#bfe96e;--hall-deep:#284d57;--hall-ground:#446f3d}.play-hall-school-path{--hall-accent:#f2b757;--hall-deep:#3d536d;--hall-ground:#7b6540}.play-hall-feelings-room{--hall-accent:#ffb5a2;--hall-deep:#57446c;--hall-ground:#5d6a84}.play-hall-classroom{--hall-accent:#90d2ff;--hall-deep:#334d68;--hall-ground:#5c6b55}.play-hall-numbers{--hall-accent:#8ff0d2;--hall-deep:#294765;--hall-ground:#3d6465}.play-hall-star-treasure{--hall-accent:#ffe16d;--hall-deep:#44306f;--hall-ground:#6a5531}.play-hall-backdrop{position:relative;min-height:8.8rem;overflow:hidden;border-radius:0;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,var(--hall-glow),transparent 44%),linear-gradient(180deg,rgba(23,22,49,.08),rgba(20,24,42,.22)),var(--play-hall-art) var(--play-hall-art-position) /cover no-repeat;box-shadow:inset 0 -1.7rem 2.6rem var(--hall-shadow)}.play-hall-art-prop .play-hall-backdrop{background:radial-gradient(ellipse at 50% 42%,var(--hall-glow),transparent 44%),var(--play-hall-art) center bottom /min(62vw,18rem) auto no-repeat,linear-gradient(180deg,#685898,var(--hall-ground))}.play-hall-backdrop span{position:absolute;inset-inline:0;bottom:-.15rem;z-index:1;height:36%;background:radial-gradient(ellipse at 50% 0,rgba(255,236,154,.26),transparent 62%),linear-gradient(180deg,transparent,rgba(26,31,48,.4))}.play-hall-backdrop strong{position:relative;z-index:3;align-self:end;margin-bottom:.55rem;max-width:min(78vw,22rem);color:#fff8db;background:rgba(28,26,52,.66);box-shadow:0 .45rem 1rem rgba(24,19,48,.2)}.play-hall-nuri{z-index:2;inset-inline-start:.65rem;inset-block-end:.15rem;width:clamp(3.65rem,16vw,5.8rem)}.play-spatial-panel{align-content:start;border-radius:0;border:0;padding:.65rem .75rem .85rem;color:#fff8df;background:radial-gradient(ellipse at 50% 0,rgba(255,238,162,.17),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--hall-deep) 90%,#ffffff 10%),color-mix(in srgb,var(--hall-ground) 84%,#10152f 16%));box-shadow:inset 0 .12rem 0 rgba(255,244,189,.2),inset 0 1.3rem 2.6rem rgba(255,224,136,.08)}.play-spatial-panel .play-feedback-line,.play-spatial-panel .play-kicker{color:var(--hall-accent)}.play-spatial-panel .play-hall-prompt{grid-template-columns:minmax(6.6rem,34%) 1fr;gap:.55rem;color:#fff8df}.play-spatial-panel .play-hall-prompt h1{color:#fffbe6;font-size:clamp(1.28rem,5.7vw,2rem);text-shadow:0 .16rem 0 rgba(23,19,45,.42)}.play-spatial-panel .play-audio-pill{color:#3d2b14;background:linear-gradient(180deg,#fff3a8,var(--hall-accent))}.play-spatial-panel .play-round-track span{background:rgba(255,245,195,.38);box-shadow:inset 0 0 0 .1rem rgba(255,239,169,.4)}.play-spatial-panel .play-round-track span.is-current,.play-spatial-panel .play-round-track span.is-done{background:var(--hall-accent);box-shadow:0 0 .75rem color-mix(in srgb,var(--hall-accent) 58%,transparent)}.play-spatial-panel .play-choice-grid{gap:.72rem;align-items:stretch}.play-spatial-panel .play-choice-grid button{position:relative;min-height:clamp(5rem,12svh,7.2rem);overflow:hidden;border:.12rem solid color-mix(in srgb,var(--hall-accent) 44%,transparent);border-radius:42% 42% 34% 34%/36% 36% 25% 25%;color:#fff9df;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--hall-accent) 30%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--hall-deep) 64%,#ffffff 18%),var(--hall-deep) 68%,color-mix(in srgb,var(--hall-deep) 76%,#111322 24%));box-shadow:inset 0 -.5rem 0 rgba(13,16,34,.24),0 .65rem 1.1rem rgba(18,19,44,.24);text-shadow:0 .12rem 0 rgba(30,24,52,.5)}.play-spatial-panel .play-choice-grid button:after{position:absolute;inset-inline:18%;bottom:.62rem;height:.5rem;border-radius:999px;content:"";background:color-mix(in srgb,var(--hall-accent) 30%,transparent)}.play-spatial-panel .play-choice-grid button.is-correct{border-color:rgba(205,255,177,.86);background:radial-gradient(circle at 50% 28%,rgba(227,255,166,.46),transparent 34%),linear-gradient(180deg,#74a969,#3c7556 68%,#244d3d)}.play-spatial-panel .play-choice-grid button.is-wrong{border-color:rgba(255,208,164,.76);background:radial-gradient(circle at 50% 28%,rgba(255,219,166,.34),transparent 34%),linear-gradient(180deg,#9a6d79,#64415c 68%,#3e304c)}.play-classroom-instruction-grid button,.play-spatial-panel .play-picture-grid button{min-height:clamp(7.2rem,15svh,9.4rem);border-radius:1.1rem 1.1rem 1.65rem 1.65rem}.play-spatial-panel .play-choice-grid button img,.play-spatial-panel .play-picture-grid button img{width:min(25vw,6.8rem);max-height:6.6rem}.play-sound-picture-pedestal,.play-word-picture-pedestal{position:relative;display:grid;place-items:center;padding-bottom:.65rem}.play-sound-picture-pedestal:after,.play-word-picture-pedestal:after{width:82%;height:1.05rem;border-radius:999px;content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--hall-accent) 70%,#8a663b 30%),#6e513e);box-shadow:0 .35rem 0 rgba(25,22,45,.18),0 0 1.2rem color-mix(in srgb,var(--hall-accent) 32%,transparent)}.play-sound-picture-pedestal.is-lit .round-picture,.play-word-picture-pedestal.is-lit .round-picture{filter:drop-shadow(0 0 1rem color-mix(in srgb,var(--hall-accent) 70%,transparent))}.play-spatial-panel .round-picture{width:min(24vw,6.4rem);height:auto;max-width:none}.play-spatial-panel.play-sound-hall-panel .play-choice-grid button{min-height:clamp(6.4rem,15svh,8.5rem);border-radius:46% 46% 38% 38%/42% 42% 28% 28%;background:radial-gradient(circle at 50% 26%,rgba(255,234,131,.34),transparent 32%),linear-gradient(180deg,#8d71ad,#4c386d 68%,#35294e)}.play-word-slots{width:min(100%,24rem);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(3rem,1fr);gap:.45rem;direction:rtl}.play-word-slots span{min-height:3.6rem;border:.12rem dashed color-mix(in srgb,var(--hall-accent) 48%,transparent);border-radius:.8rem;display:grid;place-items:center;color:#54370c;background:rgba(255,244,198,.16);font-size:clamp(1.45rem,8vw,2.3rem);font-weight:950}.play-word-slots span.is-filled{border-style:solid;background:linear-gradient(180deg,#fff2a9,var(--hall-accent));box-shadow:0 0 .9rem color-mix(in srgb,var(--hall-accent) 34%,transparent)}.play-word-brick-grid button span{position:relative;z-index:1;display:grid;place-items:center;min-width:3.2rem;min-height:3.2rem;border-radius:.7rem;color:#56320b;background:linear-gradient(180deg,#fff3b4,var(--hall-accent));box-shadow:inset 0 -.16rem 0 rgba(84,52,19,.18);font-size:clamp(1.7rem,9vw,2.8rem)}.play-compare-stage,.play-object-cluster,.play-pattern-row{padding:.4rem;border-radius:1.2rem;background:radial-gradient(ellipse at 50% 50%,rgba(255,240,166,.2),transparent 70%),rgba(24,24,47,.28)}.play-compare-stage>div{border:.1rem solid color-mix(in srgb,var(--hall-accent) 28%,transparent);background:rgba(255,246,210,.12)}.play-trace-board{background:linear-gradient(180deg,rgba(255,246,211,.94),rgba(229,218,178,.94)),radial-gradient(ellipse at 50% 0,rgba(255,255,255,.38),transparent 52%);box-shadow:inset 0 0 0 .16rem color-mix(in srgb,var(--hall-accent) 38%,transparent),0 .7rem 1.3rem rgba(20,18,42,.2)}.play-number-trace-board .math-trace-glyph{font-size:4rem;font-weight:950}.play-finale-panel{align-content:center}.play-finale-panel p:not(.play-kicker){max-width:18rem;margin:0;color:#fff2bd;font-weight:900}@media (min-width:720px) and (max-width:899px){.play-hall-shell{width:min(100%,640px);grid-template-columns:1fr;grid-template-rows:minmax(9.2rem,21svh) auto}.play-hall-backdrop{min-height:9.2rem}.play-spatial-panel{min-height:0;align-content:start}.play-spatial-panel .play-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.play-hall-shell{width:min(100%,980px);grid-template-columns:.82fr 1.18fr;grid-template-rows:minmax(0,1fr);align-items:stretch;padding:1rem}.play-hall-backdrop{min-height:calc(100svh - 106px)}.play-hall-art-prop .play-hall-backdrop{background-size:auto,min(28vw,18rem) auto,auto}.play-spatial-panel{min-height:calc(100svh - 106px);align-content:center}.play-spatial-panel .play-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.play-number-trace-panel,.play-trace-panel,.play-word-bricks-panel{align-content:start}}.sound-gate-camera-shell{color:#fff8df;background:#23164a;direction:rtl}.sound-gate-camera-stage{position:absolute;inset:0;z-index:0;overflow:hidden}.sound-gate-camera-stage canvas{display:block;width:100%!important;height:100%!important}.sound-gate-room-replay{position:absolute;z-index:2;min-width:56px;min-height:56px;padding:0;border:0;border-radius:999px;transform:translate(-50%,-50%);cursor:pointer;background-color:transparent;background-image:url(/art/runner/sound-gate/ui/sound_gate_replay_sound_control_v1_alpha.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 .35rem .5rem rgba(45,20,65,.34));touch-action:manipulation}.sound-gate-room-replay:focus-visible{outline:4px solid #fff1a6;outline-offset:3px;box-shadow:0 0 0 7px rgba(105,52,146,.7)}.sound-gate-camera-hud,.sound-gate-camera-live{position:absolute;z-index:3}.sound-gate-camera-hud{inset-block-start:max(.45rem,calc(env(safe-area-inset-top) + .28rem));inset-inline:max(.55rem,env(safe-area-inset-left)) max(.55rem,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:.42rem;pointer-events:none}.sound-gate-camera-counter,.sound-gate-camera-hud a,.sound-gate-camera-hud button{pointer-events:auto;min-width:3rem;min-height:3rem;border:1px solid rgba(255,214,109,.4);border-radius:999px;display:grid;place-items:center;padding:.3rem .52rem;color:#3a2154;font:inherit;font-size:.82rem;font-weight:950;text-decoration:none;background:rgba(255,248,224,.62);box-shadow:0 .24rem .62rem rgba(31,19,55,.13);backdrop-filter:blur(4px)}.sound-gate-camera-hud .sound-gate-camera-home{width:4.25rem;min-width:4.25rem;height:4.25rem;min-height:4.25rem;border:0;border-radius:0;padding:.2rem;background:transparent;box-shadow:none;backdrop-filter:none;line-height:1}.sound-gate-camera-home:focus-visible{outline:4px solid #fff1a6;outline-offset:2px}.sound-gate-camera-counter{min-width:3.85rem;display:inline-grid;grid-template-columns:auto auto;gap:.26rem;align-items:center;justify-content:center;color:#fff8df;background:radial-gradient(circle at 50% 0,rgba(255,239,164,.42),transparent 45%),rgba(72,39,92,.72);box-shadow:inset 0 -.14rem 0 rgba(31,19,55,.2),0 .24rem .68rem rgba(31,19,55,.16)}.sound-gate-camera-counter span{color:#ffe890;font-size:1.08rem;font-weight:1000;line-height:1;text-shadow:0 0 .38rem rgba(255,223,111,.62)}.sound-gate-camera-counter strong{display:inline-grid;min-width:1.72rem;min-height:1.72rem;place-items:center;border-radius:999px;color:#4a2455;background:radial-gradient(circle at 35% 28%,#fffdf0,#ffe47b 54%,#f4aa35);font-size:1rem;font-weight:1000;box-shadow:0 0 0 .2rem rgba(255,229,121,.18),0 0 .65rem rgba(255,223,111,.55)}.sound-gate-camera-hud button:disabled{opacity:.68}.shared-runner-hud{position:absolute;z-index:12;inset-block-start:max(.45rem,calc(env(safe-area-inset-top) + .28rem));inset-inline:max(.55rem,env(safe-area-inset-left)) max(.55rem,env(safe-area-inset-right));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.42rem;pointer-events:none}.shared-runner-counter,.shared-runner-home{pointer-events:auto}.shared-runner-counters{display:flex;min-width:0;align-items:center;gap:.32rem;direction:ltr;pointer-events:none}.shared-runner-home{width:4.25rem;min-width:4.25rem;height:4.25rem;min-height:4.25rem;border:0;border-radius:0;display:grid;place-items:center;padding:.2rem;color:inherit;background:transparent;box-shadow:none;backdrop-filter:none;text-decoration:none}.shared-runner-counter{min-width:4.15rem;min-height:2.8rem;border:1px solid rgba(255,214,109,.4);border-radius:999px;display:inline-grid;grid-template-columns:2.05rem auto;gap:.12rem;align-items:center;justify-content:center;padding:.2rem .45rem .2rem .28rem;color:#fff8df;background:radial-gradient(circle at 50% 0,rgba(255,239,164,.42),transparent 45%),rgba(72,39,92,.78);box-shadow:inset 0 -.14rem 0 rgba(31,19,55,.2),0 .24rem .68rem rgba(31,19,55,.16);backdrop-filter:blur(4px)}.shared-runner-counter img{width:2.05rem;height:2.05rem;object-fit:contain;filter:drop-shadow(0 0 .5rem rgba(255,218,92,.72))}.shared-runner-counter strong{min-width:1.15rem;color:#fff8df;background:transparent;font-size:.98rem;font-weight:1000;line-height:1;text-shadow:0 0 .38rem rgba(255,223,111,.62);box-shadow:none}.shared-runner-home:focus-visible{outline:4px solid #fff1a6;outline-offset:2px}.sound-gate-melody-controls{position:absolute;z-index:11;top:max(4.85rem,calc(env(safe-area-inset-top) + 4.55rem));left:50%;width:min(calc(100% - .5rem),22rem);display:flex;align-items:center;justify-content:center;gap:.35rem;transform:translateX(-50%);direction:rtl;pointer-events:none}.sound-gate-melody-hud{position:relative;flex:0 1 18.5rem;width:18.5rem;max-width:100%;min-height:2.65rem;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.2rem;padding:.26rem .32rem;border:.08rem solid rgba(255,224,126,.64);border-radius:999px;direction:ltr;pointer-events:none;background:rgba(52,29,78,.56);box-shadow:inset 0 .08rem 0 rgba(255,255,255,.14),0 .22rem .65rem rgba(29,15,54,.2);backdrop-filter:blur(3px)}.sound-gate-melody-controls.has-replay .sound-gate-melody-hud{flex-shrink:1;min-width:0}.sound-gate-melody-replay{flex:0 0 3rem;width:3rem;height:3rem;display:grid;place-items:center;padding:0;border:0;border-radius:999px;pointer-events:auto;cursor:pointer;background:transparent;filter:drop-shadow(0 .18rem .35rem rgba(31,16,54,.34))}.sound-gate-melody-replay img{width:100%;height:100%;object-fit:contain}.sound-gate-melody-replay:active{transform:scale(.94)}.sound-gate-melody-replay:focus-visible{outline:.2rem solid #fff1a6;outline-offset:.12rem}.sound-gate-melody-hud.is-complete{border-color:rgba(255,238,164,.94);box-shadow:inset 0 .08rem 0 rgba(255,255,255,.24),0 0 .8rem rgba(255,222,108,.54)}.sound-gate-melody-slot{position:relative;min-width:0;height:2rem;display:grid;place-items:center;border:.09rem solid rgba(255,241,191,.42);border-radius:999px;color:rgba(255,248,224,.72);background:rgba(36,20,61,.48)}.sound-gate-melody-slot.is-current{border:.18rem double #fff1a6;color:#fff1a6;box-shadow:0 0 .42rem rgba(255,232,137,.46)}.sound-gate-melody-slot.is-missed{border-style:dashed;border-color:rgba(255,248,224,.48);background:rgba(35,24,57,.34)}.sound-gate-melody-slot.is-collected{border-color:rgba(255,233,143,.92);background:rgba(255,248,224,.76);box-shadow:0 0 .42rem rgba(255,220,102,.38)}.sound-gate-melody-slot img{width:1.72rem;height:1.58rem;object-fit:contain;filter:drop-shadow(0 0 .22rem rgba(255,224,111,.7))}.sound-gate-melody-empty-mark{font-size:1.12rem;font-weight:1000;line-height:1}.sound-gate-melody-check{position:absolute;right:-.08rem;bottom:-.14rem;width:.74rem;height:.74rem;display:grid;place-items:center;border-radius:999px;color:#40204f;background:#fff4b1;font-size:.58rem;font-weight:1000;box-shadow:0 0 0 .08rem rgba(91,43,120,.64)}.sound-gate-melody-pitch-dots{position:absolute;bottom:.12rem;display:flex;gap:.08rem}.sound-gate-melody-pitch-dots i{width:.18rem;height:.18rem;border-radius:999px;background:#ffe981;box-shadow:0 0 0 .04rem rgba(64,32,79,.78)}@media (max-width:370px){.sound-gate-melody-controls{width:calc(100% - .4rem);gap:.22rem}.sound-gate-melody-hud{gap:.14rem;padding-inline:.24rem}.sound-gate-melody-replay{flex-basis:2.8rem;width:2.8rem;height:2.8rem}}@media (prefers-reduced-motion:reduce){.sound-gate-melody-hud,.sound-gate-melody-replay,.sound-gate-melody-slot{animation:none!important;transition:none!important}}.sound-gate-camera-live{width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sound-gate-collection-board{position:absolute;z-index:3;inset-block-start:max(3.8rem,calc(env(safe-area-inset-top) + 3.55rem));inset-inline:max(.72rem,env(safe-area-inset-left)) max(.72rem,env(safe-area-inset-right));display:grid;gap:.32rem;padding:.42rem .52rem .5rem;border:.12rem solid rgba(255,214,109,.78);border-radius:1rem;color:#fff8df;text-align:center;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(255,232,139,.28),transparent 56%),linear-gradient(180deg,rgba(92,52,108,.78),rgba(54,31,82,.78));box-shadow:inset 0 .08rem 0 rgba(255,255,255,.12),0 .28rem .72rem rgba(31,19,55,.18),0 0 .8rem rgba(255,214,109,.12);backdrop-filter:blur(4px)}.sound-gate-collection-title{color:#ffe994;font-size:.78rem;font-weight:1000;line-height:1;text-shadow:0 .08rem .16rem rgba(31,19,55,.32)}.sound-gate-collection-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.sound-gate-collection-slot{display:grid;min-height:4.25rem;grid-template-rows:1.58rem auto auto;align-items:center;justify-items:center;gap:.08rem;padding:.32rem .24rem .34rem;border:.08rem solid rgba(255,214,109,.52);border-radius:.82rem;background:rgba(255,248,224,.16);box-shadow:inset 0 .08rem .24rem rgba(255,255,255,.12)}.sound-gate-collection-slot.is-empty{color:rgba(255,248,224,.76);background:rgba(37,24,65,.42)}.sound-gate-collection-slot.is-collected{color:#3d1e50;border-color:rgba(255,229,121,.9);background:radial-gradient(circle at 50% 0,rgba(255,242,166,.66),transparent 62%),rgba(255,248,224,.86);box-shadow:inset 0 .08rem .2rem rgba(255,255,255,.22),0 0 .62rem rgba(255,221,102,.36)}.sound-gate-collection-icon{display:grid;width:1.58rem;height:1.58rem;place-items:center;border-radius:999px;color:#5a2d68;background:radial-gradient(circle at 35% 28%,#fffdf0,#ffe47b 56%,#f4aa35);font-size:1.05rem;font-weight:1000;line-height:1;box-shadow:0 0 0 .16rem rgba(255,229,121,.18),0 0 .48rem rgba(255,223,111,.48)}.sound-gate-collection-slot.is-empty .sound-gate-collection-icon{color:rgba(255,248,224,.74);background:rgba(255,248,224,.12);box-shadow:inset 0 0 0 .08rem rgba(255,214,109,.34)}.sound-gate-collection-label,.sound-gate-collection-state{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.05}.sound-gate-collection-label{font-size:clamp(.66rem,2.55vw,.82rem);font-weight:1000}.sound-gate-collection-state{color:inherit;font-size:clamp(.58rem,2.15vw,.7rem);font-weight:900;opacity:.86}.sound-gate-orientation-gate{position:absolute;z-index:6;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));color:#fff8df;text-align:center;pointer-events:auto;touch-action:auto;background:radial-gradient(circle at 50% 22%,rgba(255,232,139,.28),transparent 28%),linear-gradient(180deg,rgba(43,24,79,.94),rgba(28,18,57,.96))}.sound-gate-orientation-card{display:grid;width:min(100%,24rem);max-height:calc(100svh - 2rem);justify-items:center;gap:.46rem;overflow:auto;padding:1rem 1rem 1.08rem;border:.2rem solid rgba(255,214,109,.86);border-radius:1.25rem;color:#482253;background:radial-gradient(circle at 50% 0,rgba(255,238,164,.66),transparent 38%),rgba(255,248,224,.95);box-shadow:0 .55rem 1.3rem rgba(12,8,30,.32),0 0 1.2rem rgba(255,214,109,.28)}.sound-gate-orientation-icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:999px;color:#542b69;background:radial-gradient(circle at 35% 28%,#fffdf0,#ffe47b 54%,#f4aa35);font-size:2rem;line-height:1;box-shadow:0 0 0 .3rem rgba(255,229,121,.2),0 0 .75rem rgba(255,223,111,.55)}.sound-gate-orientation-card p,.sound-gate-orientation-card span,.sound-gate-orientation-card strong{margin:0}.sound-gate-orientation-card p{color:#3d1e50;font-size:1.7rem;font-weight:1000;line-height:1.05}.sound-gate-orientation-card span,.sound-gate-orientation-card strong{max-width:18rem;color:#6b3979;font-size:1rem;line-height:1.28}.sound-gate-orientation-card strong{color:#4d285d;font-weight:1000}.sound-gate-orientation-card a{display:grid;width:min(100%,16rem);min-height:3rem;margin-block-start:.2rem;place-items:center;border:.16rem solid rgba(255,214,109,.92);border-radius:999px;color:#fff8df;background:linear-gradient(180deg,rgba(134,75,151,.98),rgba(84,43,105,.98));box-shadow:inset 0 .16rem 0 rgba(255,255,255,.15),0 .34rem .75rem rgba(31,19,55,.18);font-size:1.15rem;font-weight:1000;text-decoration:none}@media (min-width:720px){.sound-gate-camera-hud{inset-inline:1.2rem}.sound-gate-collection-board{width:min(24rem,calc(100% - 2.4rem));inset-inline:50% auto;transform:translateX(50%)}}.play-letter-gate-challenge{width:min(100%,680px);min-height:calc(100svh - 4rem);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-content:center;padding:clamp(.55rem,2vw,1rem);background:linear-gradient(180deg,rgba(255,248,224,.04),rgba(78,43,103,.08)),var(--play-hall-art) var(--play-hall-art-position) /cover no-repeat}.play-letter-gate-challenge .letter-gate-collection-board,.play-letter-gate-challenge .play-hall-backdrop{display:none}.play-letter-gate-challenge .play-trace-panel{width:100%;min-height:0;align-self:center;gap:clamp(.42rem,1.3svh,.72rem);padding:clamp(.7rem,2.4vw,1rem);border:.16rem solid rgba(255,225,143,.88);border-radius:1.4rem;color:#4b2a58;background:rgba(255,249,228,.91);box-shadow:inset 0 .12rem 0 rgba(255,255,255,.72),0 .85rem 2rem rgba(49,29,67,.22);backdrop-filter:blur(.28rem)}.play-letter-gate-challenge .play-round-track span{background:rgba(105,67,122,.22);box-shadow:inset 0 0 0 .1rem rgba(83,48,101,.18)}.play-letter-gate-challenge .play-round-track span.is-current,.play-letter-gate-challenge .play-round-track span.is-done{background:#e8ae39;box-shadow:0 0 .6rem rgba(232,174,57,.46)}.play-trace-heading{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;text-align:start}.play-trace-heading h1,.play-trace-heading p{margin:0}.play-letter-gate-challenge .play-trace-heading h1{color:#4c2857;font-size:clamp(1.5rem,7vw,2.15rem);line-height:1;text-align:start;text-shadow:none}.play-letter-gate-challenge .play-feedback-line,.play-letter-gate-challenge .play-kicker{color:#7b4a22}.play-trace-hint{margin-top:.2rem!important;color:#72586d;font-size:clamp(.82rem,3.2vw,.98rem);font-weight:850;line-height:1.2}.play-trace-message{min-height:1.25rem;font-size:.9rem;line-height:1.15}.play-trace-surface{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .55rem;align-items:center}.play-trace-surface .play-trace-board{grid-column:1/-1;width:100%;overflow:hidden;border:.18rem solid rgba(111,67,43,.48);border-radius:1.15rem;background:linear-gradient(rgba(129,91,50,.075) 1px,transparent 0),linear-gradient(90deg,rgba(129,91,50,.075) 1px,transparent 0),rgba(255,250,231,.97);background-size:2.1rem 2.1rem;box-shadow:inset 0 0 0 .12rem rgba(255,225,145,.58),0 .45rem 1rem rgba(65,39,71,.12)}.play-trace-surface .play-trace-board svg{width:100%;max-height:min(44svh,23rem);display:block}.play-trace-surface.is-letter .play-trace-board svg{width:min(100%,30rem,50svh);height:auto;max-height:none;margin-inline:auto}.play-trace-surface.is-word .play-trace-board svg{max-height:min(34svh,16rem)}:root{--trace-letter-outline-stroke:rgba(127,84,46,0.28);--trace-letter-active-color:#2da979;--trace-letter-complete-color:#2da979;--trace-number-ghost-fill:#e2d4ea;--trace-number-ghost-stroke:#a888b7;--trace-number-guide-color:#b58bc3;--trace-number-active-color:#73518a;--trace-number-complete-color:#46a974}.letter-trace-studio .trace-guide-path,.practice-letter-trace-visual .trace-guide-path,.trace-target-path{fill:none;stroke:transparent;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;opacity:0;pointer-events:none;filter:none}.play-trace-surface.is-word .trace-target-path,.word-trace-studio .trace-guide-path{stroke-width:4.5}.letter-trace-studio .trace-ghost-letter,.play-trace-surface .trace-ghost-letter,.practice-letter-trace-visual .trace-ghost-letter{fill:none;stroke:var(--trace-letter-outline-stroke);stroke-width:.55;filter:none}.letter-trace-studio .trace-drawn-path,.letter-trace-studio .trace-finger-path,.play-trace-surface .trace-drawn-path,.practice-letter-trace-visual .trace-drawn-path{fill:none;stroke:var(--trace-letter-active-color);stroke-width:11.5;stroke-linecap:round;stroke-linejoin:round;opacity:1;filter:none;pointer-events:none}.play-trace-surface.is-word .trace-drawn-path,.word-trace-studio .trace-drawn-path,.word-trace-studio .trace-finger-path{stroke-width:8.5}.letter-trace-studio .trace-complete-path,.play-trace-surface .trace-complete-path,.practice-letter-trace-visual .trace-complete-path{fill:none;stroke:var(--trace-letter-complete-color);stroke-width:12.5;stroke-linecap:round;stroke-linejoin:round;opacity:1;filter:none;pointer-events:none}.trace-target-region{fill:#fff;opacity:0;pointer-events:none}.letter-trace-studio .trace-complete-region,.play-trace-surface .trace-complete-region,.practice-letter-trace-visual .trace-complete-region{fill:var(--trace-letter-complete-color);stroke:none;opacity:1;filter:none;pointer-events:none}.letter-trace-studio .trace-complete-letter,.play-trace-surface .trace-complete-letter,.practice-letter-trace-visual .trace-complete-letter{fill:var(--trace-letter-complete-color);stroke:none;filter:none}.practice-number-trace-visual .trace-ghost-letter{fill:var(--trace-number-ghost-fill);stroke:var(--trace-number-ghost-stroke);stroke-width:.7;filter:none}.practice-number-trace-visual .trace-guide-path{fill:none;stroke:var(--trace-number-guide-color);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.4 3.5;opacity:1;filter:none}.practice-number-trace-visual .trace-drawn-path{fill:none;stroke:var(--trace-number-active-color);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:1;filter:none}.practice-number-trace-visual .trace-complete-letter,.practice-number-trace-visual .trace-complete-region{fill:var(--trace-number-complete-color);stroke:none;opacity:1;filter:none;pointer-events:none}.trace-sequenced-cue{transform-box:fill-box;transform-origin:center}.trace-sequenced-cue .trace-cue-halo{fill:rgba(255,206,75,.42)}.trace-sequenced-cue .trace-cue-ring{fill:#df5a67;stroke:#fff0a8;stroke-width:.65}.trace-sequenced-cue .trace-cue-core{fill:#fff8df}.trace-cue-number{fill:#6b3145;font-family:Arial,sans-serif;font-size:3.15px;font-weight:900;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.play-trace-coverage,.trace-coverage{height:.56rem;overflow:hidden;border-radius:999px;background:rgba(102,65,111,.16);box-shadow:inset 0 .08rem .15rem rgba(70,42,77,.12)}.play-trace-coverage{width:100%}.play-trace-coverage span,.trace-coverage span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7047a3,#2da979);transition:width .1s linear}.play-trace-clear{min-width:5.6rem;min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:.13rem solid rgba(111,69,121,.26);border-radius:999px;color:#55305e;background:rgba(255,248,219,.96);box-shadow:inset 0 -.14rem 0 rgba(93,57,102,.1);font:inherit;font-size:.95rem;font-weight:950}.play-trace-clear span{font-size:1.25rem}.play-trace-actions{width:100%;display:grid;place-items:center}.play-letter-gate-challenge .play-trace-actions .play-primary-action{min-width:min(100%,18rem);min-height:3.35rem}.letter-trace-studio .trace-controls .trace-next,.trace-forward-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.trace-forward-arrow{font-size:1.6em;font-weight:950;line-height:1}.letter-trace-studio .trace-controls .trace-next.is-ready,.trace-forward-action.is-ready{border-color:#fff0a8;outline:.18rem solid rgba(255,216,91,.72);outline-offset:.12rem;box-shadow:inset 0 -.18rem 0 rgba(49,27,69,.28),0 0 .95rem rgba(255,214,83,.72),0 .4rem .8rem rgba(51,29,65,.18);animation:trace-ready-glow .95s ease-out 1}.letter-trace-studio .trace-controls .trace-next:focus-visible,.trace-forward-action:focus-visible{outline:.25rem solid #fff4a8;outline-offset:.2rem}@keyframes trace-ready-glow{0%{box-shadow:inset 0 -.18rem 0 rgba(49,27,69,.28),0 0 0 rgba(255,214,83,0),0 .4rem .8rem rgba(51,29,65,.18)}55%{box-shadow:inset 0 -.18rem 0 rgba(49,27,69,.28),0 0 1.4rem rgba(255,214,83,.95),0 .4rem .8rem rgba(51,29,65,.18)}}.play-letter-gate-challenge .play-audio-pill{min-width:5.8rem;min-height:3rem;margin:0;color:#4e3158;background:linear-gradient(180deg,#fff0a7,#f1c45c)}.letter-trace-studio{display:flex;flex-direction:column;min-height:100svh;align-content:start;gap:clamp(.45rem,1.2svh,.75rem);padding-inline:clamp(.55rem,2.5vw,.7rem);padding-bottom:max(.8rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,250,229,.06),rgba(75,40,95,.1)),#d8a45f}.letter-trace-studio.word-trace-studio{background:#d5b878}.letter-trace-studio:before{background-image:url(/art/runner/letter-gate/challenges/tracing-letter-studio-v1.webp);background-position:50%;background-size:cover;filter:none;opacity:1}.letter-trace-studio.word-trace-studio:before{background-image:url(/art/runner/letter-gate/challenges/tracing-word-studio-v1.webp)}.letter-trace-studio:after{background:linear-gradient(180deg,rgba(255,248,222,.04),transparent 35%),linear-gradient(0deg,rgba(66,37,83,.08),transparent 40%)}.letter-trace-studio .mission-topbar,.letter-trace-studio .trace-controls,.letter-trace-studio .trace-coverage,.letter-trace-studio .trace-intro,.letter-trace-studio .trace-visible-message{width:min(calc(100% - 1rem),40rem);margin-inline:auto}.letter-trace-studio .trace-board{width:min(100%,40rem);margin-inline:auto}.letter-trace-studio .mission-topbar{border:.12rem solid rgba(255,225,143,.76);border-radius:1.05rem;color:#4c2857;background:rgba(255,249,226,.9);box-shadow:0 .5rem 1rem rgba(51,29,65,.14)}.letter-trace-studio .trace-intro{gap:.15rem;padding:.55rem .75rem;border-radius:1rem;color:#4c2857;background:rgba(255,249,226,.88);box-shadow:0 .45rem 1rem rgba(51,29,65,.12)}.letter-trace-studio .trace-intro h1{margin:0;font-size:clamp(1.7rem,8vw,2.6rem);line-height:1}.letter-trace-studio .trace-intro p{margin:0}.letter-trace-studio .trace-visible-message{min-height:1.5rem;margin-block:0;padding:.34rem .6rem;border:.1rem solid rgba(111,69,121,.16);border-radius:999px;color:#5b355f;background:rgba(255,249,226,.88);box-shadow:0 .35rem .8rem rgba(51,29,65,.1);text-align:center}.letter-trace-studio .trace-board{padding:clamp(.35rem,1.4vw,.6rem);border:.18rem solid rgba(111,67,43,.5);border-radius:1.2rem;background:linear-gradient(rgba(129,91,50,.075) 1px,transparent 0),linear-gradient(90deg,rgba(129,91,50,.075) 1px,transparent 0),rgba(255,250,231,.96);background-size:2.1rem 2.1rem;box-shadow:0 .7rem 1.5rem rgba(57,34,68,.17)}.letter-trace-studio .trace-board svg{width:min(100%,32rem,52svh);height:auto;max-height:none}.letter-trace-studio.word-trace-studio .trace-board svg{width:min(100%,31rem);height:auto;max-height:min(34svh,17rem)}.letter-trace-studio .trace-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.5rem;border-radius:1.1rem;background:rgba(255,249,226,.9);box-shadow:0 .5rem 1rem rgba(51,29,65,.14)}.letter-trace-studio .trace-controls button{min-width:0;min-height:3.35rem;padding-inline:.35rem;border:.12rem solid rgba(111,69,121,.22);border-radius:1rem;color:#55305e;background:rgba(255,248,219,.96);box-shadow:inset 0 -.14rem 0 rgba(93,57,102,.1);font-size:clamp(.82rem,3.4vw,1rem)}.letter-trace-studio .trace-controls .trace-next{color:#fff9e6;background:linear-gradient(180deg,#8650b0,#68408d);box-shadow:inset 0 -.18rem 0 rgba(49,27,69,.28),0 .35rem .75rem rgba(51,29,65,.14)}.letter-trace-studio .trace-controls .trace-next:disabled{color:#7d6f79;background:rgba(236,224,199,.94);box-shadow:inset 0 -.12rem 0 rgba(93,57,102,.08)}.letter-trace-studio .trace-coverage{margin-block:-.15rem 0}@media (min-height:820px){.letter-trace-studio{justify-content:center}}@media (min-width:720px){.play-letter-gate-challenge{width:min(100%,680px)}.letter-trace-studio{width:min(100vw,680px);margin-inline:auto;box-shadow:0 1rem 2.4rem rgba(45,24,61,.22),0 0 0 100vmax #2d173f}}@media (orientation:landscape) and (pointer:fine) and (min-width:800px){.play-letter-gate-direct>.play-letter-gate-challenge{width:min(680px,calc((100svh - 6.25rem) * .9),calc(100vw - 2rem));min-height:0;height:min(780px,calc(100svh - 6.25rem));margin:1rem auto;overflow:hidden;border:.12rem solid rgba(255,214,109,.42);border-radius:1.35rem;box-shadow:0 1rem 2.4rem rgba(45,24,61,.28),0 0 0 100vmax #2d173f}.letter-trace-studio:not(.word-trace-studio) .trace-board svg{width:min(100%,32rem,49svh)}}@media (max-height:700px){.play-letter-gate-challenge .play-trace-panel{gap:.35rem;padding:.55rem}.play-trace-surface .play-trace-board svg{max-height:36svh}.letter-trace-studio .trace-intro{padding-block:.4rem}.letter-trace-studio .trace-board svg{width:min(100%,32rem,44svh)}}@media (max-width:719px){.play-letter-gate-challenge{padding-inline:.35rem}.play-letter-gate-challenge .play-trace-panel{padding-inline:.55rem}.letter-trace-studio{padding-inline:.25rem}.letter-trace-studio:not(.word-trace-studio) .trace-board{padding:.25rem}}.play-trace-board,.play-trace-board svg,.trace-board,.trace-board svg,[data-qa-trace-profile],[data-qa-trace-profile] svg{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;overscroll-behavior:contain}[data-qa-trace-profile] img,[data-qa-trace-profile] svg *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}@media (prefers-reduced-motion:reduce){.letter-trace-studio .trace-controls .trace-next.is-ready,.trace-cue.is-current,.trace-forward-action.is-ready{animation:none}.play-trace-coverage span,.trace-coverage span,.trace-drawn-path{transition:none}}:root{--screen-family-runner-cap:430px;--screen-family-challenge-cap:768px;--screen-family-tracing-cap:680px;--screen-family-reward-cap:720px}.screen-family-shell{box-sizing:border-box;max-inline-size:var(--screen-family-cap)!important;inline-size:min(100%,var(--screen-family-cap))!important;margin-inline:auto}.screen-family-runner{--screen-family-cap:var(--screen-family-runner-cap)}.screen-family-challenge{--screen-family-cap:var(--screen-family-challenge-cap)}.screen-family-tracing{--screen-family-cap:var(--screen-family-tracing-cap)}.screen-family-reward{--screen-family-cap:var(--screen-family-reward-cap)}.phase-focus-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.mission-shell{width:min(100%,var(--screen-family-challenge-cap))!important;max-width:var(--screen-family-challenge-cap)!important;margin-inline:auto}.mission-shell.number-trace-shell,.mission-shell.trace-mode,.mission-shell.trace-shell{width:min(100%,var(--screen-family-tracing-cap))!important;max-width:var(--screen-family-tracing-cap)!important}.mission-shell.success-screen{width:min(100%,var(--screen-family-reward-cap))!important;max-width:var(--screen-family-reward-cap)!important}.play-runner-stage{width:min(100%,var(--screen-family-runner-cap))!important;max-width:var(--screen-family-runner-cap)!important}.play-hall-shell{width:min(100%,var(--screen-family-challenge-cap))!important;max-width:var(--screen-family-challenge-cap)!important}.play-hall-shell.play-letter-gate-challenge,.play-hall-shell:has(.play-trace-panel){width:min(100%,var(--screen-family-tracing-cap))!important;max-width:var(--screen-family-tracing-cap)!important}@media (orientation:landscape) and (pointer:fine) and (min-width:800px){.play-hall-shell.play-letter-gate-challenge{width:min(var(--screen-family-tracing-cap),calc((100svh - 6.25rem) * .9),calc(100vw - 2rem))!important;max-width:min(var(--screen-family-tracing-cap),calc((100svh - 6.25rem) * .9),calc(100vw - 2rem))!important}}.play-reward-panel{width:min(100%,var(--screen-family-reward-cap))!important;max-width:var(--screen-family-reward-cap)!important}