.ispy-world{--ink:#433879;--violet:#6251b3;--cream:#fffaf0;--mint:#4fb69d;min-height:100svh;color:var(--ink);font-family:var(--font-playful),sans-serif;background:#e9f5ef}.ispy-world button,.ispy-world a{font:inherit}.spy-topbar,.playbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#fffaf0ef;border-bottom:3px solid #ffffffa8;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:8px clamp(12px,3vw,34px);display:grid;position:relative;box-shadow:0 7px 24px #3d356616}.spy-topbar>a,.playbar>a{color:#5e5198;width:max-content;font-size:.72rem;font-weight:950;text-decoration:none}.spy-brand{align-items:center;gap:9px;display:flex}.spy-brand>span{background:#6a58b8;border:4px solid #fff;border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.45rem;display:grid;box-shadow:0 6px 14px #41366b26}.spy-brand>b{font-size:1rem}.spy-brand small{color:#8c82a6;font-size:.53rem;display:block}.spy-controls,.play-controls{justify-self:end;gap:7px;display:flex}.spy-controls button,.play-controls button{color:#54478d;background:#ece8f6;border:3px solid #fff;border-radius:50%;min-width:42px;height:42px;font-weight:950;box-shadow:0 5px 12px #4338731b}.welcome-scene{min-height:690px;position:relative;overflow:hidden}.welcome-scene>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.welcome-wash{background:linear-gradient(90deg,#26315ac9 0,#28345ba3 38%,#29335622 70%),linear-gradient(#0000 55%,#29335a77);position:absolute;inset:0}.welcome-copy{z-index:3;color:#fff;width:min(1160px,100% - 34px);margin:auto;padding:clamp(70px,9vw,125px) 0;position:relative}.spy-kicker{color:#ffe398;letter-spacing:.18em;margin:0;font-size:.65rem;font-weight:950}.welcome-copy h1{letter-spacing:-.065em;text-shadow:0 5px 20px #17223d55;max-width:750px;margin:12px 0 18px;font-size:clamp(3.1rem,7vw,6.5rem);line-height:.86}.welcome-copy h1 em{color:#ffe195;font-style:normal}.welcome-copy>p:not(.spy-kicker){color:#fffdf4;max-width:585px;font-size:clamp(.9rem,1.5vw,1.08rem);font-weight:800;line-height:1.55}.spy-primary{color:#fff;background:#6b58bd;border:0;border-bottom:6px solid #3f3377;border-radius:20px;min-height:58px;padding:13px 21px;font-weight:950;box-shadow:0 12px 28px #1722474b}.spy-primary:hover{translate:0 -2px}.welcome-copy>.spy-primary{margin:16px 0 10px}.welcome-copy>small{color:#efe8d6;font-size:.62rem;font-weight:850;display:block}.world-postcards{z-index:4;gap:8px;display:flex;position:absolute;bottom:42px;right:clamp(16px,5vw,70px)}.world-postcards article{color:#50457d;text-align:center;width:105px;rotate:var(--tilt,-2deg);background:#fffaf0df;border:3px solid #ffffffd8;border-radius:17px;padding:5px 5px 8px;box-shadow:0 9px 24px #1a244d3b}.world-postcards article:nth-child(2n){--tilt:2deg}.world-postcards img{object-fit:cover;border-radius:11px;width:100%;height:72px}.world-postcards span{font-size:.6rem;font-weight:950}.welcome-method{z-index:8;background:#fffaf0;border:4px solid #fff;border-radius:30px;grid-template-columns:repeat(3,1fr) auto auto;gap:11px;width:min(1120px,100% - 30px);margin:-22px auto 0;padding:12px;display:grid;position:relative;box-shadow:0 18px 45px #3d356523}.welcome-method article{background:#f1edf8;border-radius:20px;grid-template-columns:auto 1fr;gap:1px 8px;padding:10px;display:grid}.welcome-method article>span{color:#fff;background:#6856b7;border-radius:12px;grid-row:1/3;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:950;display:grid}.welcome-method article>b{font-size:.72rem}.welcome-method article>p{color:#81769e;margin:0;font-size:.55rem;font-weight:800;line-height:1.35}.welcome-method>div{text-align:center;border-left:2px dashed #dbd4e7;place-content:center;min-width:105px;padding:7px;display:grid}.welcome-method>div>b{color:#4dac95;font-size:1.65rem}.welcome-method>div>small{color:#887da3;font-size:.5rem;font-weight:900}.spy-play{background:linear-gradient(#e6f6ff,#eff8e7);min-height:100svh;padding-bottom:25px}.playbar{grid-template-columns:1fr auto 1fr auto;height:68px}.level-title{text-align:center}.level-title small{color:#e06f65;letter-spacing:.14em;font-size:.52rem;font-weight:950;display:block}.level-title b{font-size:.88rem}.round-dots{gap:5px;margin-left:20px;display:flex}.round-dots i{background:#fff;border:3px solid #d6d0e4;border-radius:50%;width:12px;height:12px}.round-dots i.now{background:#ffe292;border-color:#6a58b8}.round-dots i.done{background:#4db49a;border-color:#4db49a}.play-controls button{border-radius:13px}.play-controls button small{font-size:.43rem}.mission-strip{background:#fffaf0;border:4px solid #fff;border-radius:30px 30px 10px 10px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:min(850px,100% - 24px);min-height:104px;margin:14px auto -25px;padding:12px 17px 34px;display:grid;box-shadow:0 10px 28px #3d35651b}.target-medallion{color:#fff;background:#6a58b8;border:5px solid #fff;border-radius:24px;place-items:center;width:75px;height:75px;font:900 4rem Arial;display:grid;box-shadow:0 8px #4a3c84}.mission-strip small{color:#e06f65;letter-spacing:.14em;font-size:.54rem;font-weight:950}.mission-strip h1{color:#423678;margin:1px 0;font-size:1.6rem}.mission-strip p{color:#81769f;margin:0;font-size:.66rem;font-weight:850}.mission-strip>button{color:#5d4f98;background:#f0ecf8;border:3px solid #ded7ea;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-width:150px;min-height:56px;font-size:.66rem;font-weight:950;display:flex}.mission-strip>button span{font-size:1.2rem}.scene-shell{background:#fff;border:6px solid #fff;border-radius:38px;width:min(1280px,100% - 20px);margin:auto;padding-top:12px;position:relative;overflow:hidden;box-shadow:0 24px 55px #3c35652c}.scene-scroll{touch-action:pan-x pan-y;overflow:auto}.story-scene{width:calc(100% * var(--zoom));aspect-ratio:16/9;isolation:isolate;background:#d9e8df;min-width:100%;position:relative;overflow:hidden}.story-scene>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.scene-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 50%,#2831512c 100%);position:absolute;inset:0}.formed-letter{z-index:4;filter:drop-shadow(0 3px 2px #1d294a40);cursor:pointer;background:0 0;border:0;min-width:64px;min-height:64px;padding:0;transition:all .22s;display:block;position:absolute}.formed-letter svg{width:100%;height:100%;overflow:visible}.formed-letter path{fill:none;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;transition:all .24s}.material-branch path{stroke:#684322}.material-branch path:nth-child(2n){stroke:#66894b;stroke-width:6px;stroke-dasharray:3 12}.material-ribbon path{stroke:#cb6e75;stroke-width:9px;stroke-dasharray:26 3}.material-people path{stroke:#365e73;stroke-width:13px}.material-people path:nth-child(2n){stroke:#a85d58;stroke-width:9px}.material-people circle{fill:#9f6845;stroke:#f4c99b;stroke-width:2px}.material-stone path{stroke:#b99667;stroke-width:14px;stroke-dasharray:14 3}.material-path path{stroke:#c7ae82;stroke-width:16px;stroke-dasharray:5 4}.material-furniture path{stroke:#77503a;stroke-width:13px}:is(.formed-letter:hover,.formed-letter:focus-visible){opacity:.9;filter:drop-shadow(0 0 8px #fff)}.hint-2 .target-shape{animation:1.15s ease-in-out infinite spy-nudge}.hint-3 .target-shape{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 12px #ffd75b);opacity:1!important}.hint-3 .target-shape path{stroke:#f8cf54}.found-shape{z-index:9;animation:.55s ease-out found-pop;opacity:1!important}.found-shape path{stroke-width:13px;stroke-dasharray:420;animation:1.2s ease-out both trace-found;stroke:#ffd451!important}.letter-reveal{color:#fff;background:#6856b7;border:5px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;font:900 3.4rem Arial;animation:.55s .65s both reveal-letter;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 8px 20px #2e285565}.tap-ripple{z-index:6;pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin:-10px;animation:.7s ease-out both tap-ripple;position:absolute}.region-hint{z-index:12;color:#5a4c88;background:#fff6cbe8;border:4px solid #fff;border-radius:18px;padding:9px 14px;font-size:.65rem;font-weight:950;animation:.35s ease-out hint-drop;position:absolute;top:12px;left:50%;translate:-50%;box-shadow:0 8px 20px #34305032}.scene-label{z-index:10;color:#fff;background:#40376cba;border:3px solid #ffffffd9;border-radius:13px;padding:7px 11px;font-size:.55rem;font-weight:950;position:absolute;bottom:12px;right:13px}.coach-panel{z-index:15;background:#fffaf0;border:5px solid #fff;border-radius:0 0 28px 28px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(980px,100% - 30px);min-height:90px;margin:-5px auto 0;padding:13px 16px;display:grid;position:relative;box-shadow:0 16px 36px #3d35651d}.coach-panel>span{background:#ece7f7;border-radius:17px;place-items:center;width:52px;height:52px;font-size:1.7rem;display:grid}.coach-panel b{font-size:.82rem}.coach-panel p{color:#83789e;margin:3px 0 0;font-size:.6rem;font-weight:800}.coach-panel>button{color:#5c4f92;background:#f1edf8;border:3px solid #ddd5e8;border-radius:15px;min-height:45px;padding:9px 13px;font-size:.58rem;font-weight:950}.coach-panel.success{background:#edfaea}.coach-panel.success>span{background:#fff0b7}.coach-panel .next-find{color:#fff;background:#6654b7;border-color:#5c4ca4}.score-note{color:#5b4f8e;justify-content:center;gap:10px;margin:10px;font-size:.61rem;font-weight:950;display:flex}.score-note span{color:#8a80a3;font-weight:800}.spy-finish{background:linear-gradient(#27345e80,#27345ea0),url(/ispy/sukkah.png) 50%/cover;place-items:center;min-height:100svh;padding:24px;display:grid}.finish-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf0ef;border:6px solid #fff;border-radius:45px;width:min(780px,100%);padding:36px;box-shadow:0 30px 70px #17204466}.finish-icon{font-size:5rem;display:block}.finish-card .spy-kicker{color:#dc7164}.finish-card h1{color:#413575;letter-spacing:-.05em;margin:7px;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.93}.finish-card>p:not(.spy-kicker){color:#7b7099;max-width:590px;margin:14px auto;font-weight:800;line-height:1.5}.finish-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px auto;display:grid}.finish-stats div{background:#eeebf7;border:3px solid #fff;border-radius:22px;padding:14px}.finish-stats b{color:#4db29a;font-size:2rem;display:block}.finish-stats small{color:#82779f;font-size:.55rem;font-weight:900}.detective-rule{text-align:left;background:#fff3c8;border:3px solid #fff;border-radius:22px;align-items:center;gap:11px;padding:13px 17px;display:flex}.detective-rule>span{font-size:2.2rem}.detective-rule p{color:#76698f;margin:0;font-size:.67rem;line-height:1.45}.finish-actions{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.finish-actions>a{color:#62559a;padding:14px;font-size:.66rem;font-weight:950;text-decoration:none}.finish-actions .spy-primary{min-height:52px}.high-contrast .story-scene>img{filter:contrast(1.2)saturate(.8)brightness(.86)}.high-contrast .formed-letter{filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 5px #111);opacity:1!important}.high-contrast .formed-letter path{stroke:#171226}@keyframes spy-nudge{50%{transform:translateY(-5px)rotate(1deg)}}@keyframes found-pop{50%{transform:scale(1.08)}}@keyframes trace-found{0%{stroke-dashoffset:420px}to{stroke-dashoffset:0}}@keyframes reveal-letter{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes tap-ripple{to{opacity:0;width:74px;height:74px;margin:-37px}}@keyframes hint-drop{0%{opacity:0;transform:translateY(-10px)}}@media (max-width:880px){.welcome-method{grid-template-columns:repeat(3,1fr)}.welcome-method>div{border-top:2px dashed #dbd4e7;border-left:0}.world-postcards{right:18px}.playbar{grid-template-columns:auto 1fr auto}.round-dots{display:none}.level-title{text-align:left}.play-controls button:first-child,.play-controls button:nth-child(2){display:none}.mission-strip{grid-template-columns:auto 1fr}.mission-strip>button{grid-column:1/-1}.story-scene{min-width:900px}.scene-shell{border-radius:25px}.coach-panel{grid-template-columns:auto 1fr}.coach-panel>button{grid-column:1/-1}.score-note span{display:none}}@media (max-width:620px){.spy-topbar{grid-template-columns:auto 1fr auto;height:64px}.spy-topbar>a{font-size:0}.spy-topbar>a:after{content:"←";font-size:1rem}.spy-brand{justify-self:center}.spy-brand>span{width:40px;height:40px}.spy-brand>b{font-size:.82rem}.spy-brand small{display:none}.spy-controls button{min-width:38px;height:38px}.welcome-scene{min-height:720px}.welcome-wash{background:linear-gradient(#25315b24,#25315b9c 38%,#25315be8 95%)}.welcome-copy{padding-top:290px}.welcome-copy h1{font-size:3.25rem}.world-postcards{bottom:17px;left:16px;right:16px}.world-postcards article{width:25%}.world-postcards img{height:54px}.welcome-method{grid-template-columns:1fr;margin-top:0}.welcome-method>div{display:none}.playbar{height:62px;padding:7px 9px}.playbar>a span{display:none}.level-title b{font-size:.75rem}.play-controls button{min-width:38px;height:38px}.mission-strip{width:calc(100% - 14px);margin-top:8px;padding:9px 10px 29px}.target-medallion{width:62px;height:62px;font-size:3.4rem}.mission-strip h1{font-size:1.25rem}.mission-strip p{font-size:.58rem}.mission-strip>button{min-height:45px}.scene-shell{border-width:4px;width:calc(100% - 8px)}.story-scene{min-width:850px}.formed-letter{min-width:68px;min-height:68px}.region-hint{text-align:center;width:calc(100% - 25px);position:fixed;top:70px}.coach-panel{border-radius:0 0 22px 22px;width:calc(100% - 14px);padding:10px}.coach-panel>span{width:44px;height:44px}.finish-card{border-radius:30px;padding:25px 15px}.finish-stats{gap:5px}.finish-stats div{padding:9px 4px}.finish-stats b{font-size:1.6rem}.finish-actions{flex-direction:column-reverse}.finish-actions .spy-primary{width:100%}}@media (prefers-reduced-motion:reduce){.ispy-world *,.ispy-world :before,.ispy-world :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.welcome-buttons{align-items:center;gap:9px;margin:16px 0 10px;display:flex}.welcome-buttons>button:not(.spy-primary){color:#fff;background:#28355b9e;border:3px solid #ffffff9e;border-radius:17px;min-height:49px;padding:10px 14px;font-size:.62rem;font-weight:950}.scene-hotspot{z-index:4;cursor:pointer;background:0 0;border:0;min-width:64px;min-height:64px;padding:0;display:block;position:absolute}.scene-hotspot:not(.formed-letter){opacity:0}.scene-hotspot:focus-visible{opacity:1;background:#fff3;border-radius:20px;outline:5px solid #fff}.formed-letter{filter:drop-shadow(0 2px 2px #1d294a32);mix-blend-mode:multiply;transition:all .22s}.material-stone path{stroke:#9c805d}.material-path path{stroke:#a98f68}.material-furniture path{stroke:#63432f}.level-1 .formed-letter{opacity:.52;filter:drop-shadow(0 2px 2px #1d294a35)}.level-2 .formed-letter{opacity:.31}.level-3 .formed-letter{opacity:.18;filter:drop-shadow(0 1px 1px #1d294a2b)}:is(.formed-letter:hover,.formed-letter:focus-visible){opacity:.65}.hint-2 .target-shape{opacity:.58}.hint-3 .target-shape,.found-shape{mix-blend-mode:normal}.coach-panel>button.hint-ready{background:#fff3bf;border-color:#e3a945;animation:1.5s ease-in-out infinite hint-pulse}.shape-compare{align-items:center;gap:7px;margin-top:7px;display:flex}.shape-compare span,.shape-compare b{color:#56498b;background:#ded8ea;border:3px solid #fff;border-radius:11px;place-items:center;width:38px;height:38px;font:900 2rem Arial;display:grid}.shape-compare b{color:#413678;background:#fff0ae}.shape-compare i{color:#9a6d55;font-size:.5rem;font-style:normal;font-weight:950}.spy-chapter{background:linear-gradient(#27345e80,#27345ea0),url(/ispy/library.png) 50%/cover;place-items:center;min-height:100svh;padding:24px;display:grid}.chapter-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf0ef;border:6px solid #fff;border-radius:45px;width:min(720px,100%);padding:36px;box-shadow:0 30px 70px #17204466}.chapter-card>span{font-size:5rem;display:block}.chapter-card .spy-kicker{color:#dc7164}.chapter-card h1{color:#413575;letter-spacing:-.05em;margin:7px;font-size:clamp(2.4rem,6vw,4.3rem);line-height:.93}.chapter-card>p:not(.spy-kicker){color:#7b7099;max-width:560px;margin:14px auto;font-weight:800;line-height:1.5}.chapter-actions{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.chapter-actions>a{color:#62559a;padding:14px;font-size:.66rem;font-weight:950;text-decoration:none}.chapter-actions .spy-primary{min-height:52px}.chapter-card>small{color:#8c82a4;font-size:.55rem;font-weight:850;display:block}@keyframes hint-pulse{50%{translate:0 -2px;box-shadow:0 0 0 5px #ffe08344}}@media (max-width:880px){.play-controls button{width:36px;min-width:36px;height:36px;font-size:.72rem;display:block!important}.play-controls button small{display:none}.story-scene{min-width:100%}.chapter-card{padding:28px 18px}}@media (max-width:620px){.welcome-buttons{flex-direction:column;align-items:flex-start}.playbar{padding:7px 6px}.play-controls{gap:2px}.play-controls button{border-width:2px;height:44px;width:44px!important;min-width:44px!important}.level-title{display:none}.story-scene{width:calc(145% * var(--zoom));min-width:145%}.scene-hotspot{min-width:58px;min-height:58px}.chapter-card{border-radius:30px;padding:25px 15px}.chapter-actions{flex-direction:column-reverse}.chapter-actions .spy-primary{width:100%}}