@font-face{font-family:Fredoka;src:url(./Fredoka-Variable-CZEo1nSa.woff2)format("woff2");font-weight:300 700;font-stretch:75% 125%;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(./AtkinsonHyperlegibleNext-Variable-BibZIDMC.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--navy:#233d4d;--navy-700:#152732;--navy-800:#0f1e26;--navy-400:#4f6471;--navy-200:#aab4bb;--orange:#fe7f2d;--orange-100:#ffe9dd;--orange-700:#9d5b37;--yellow:#fcca46;--yellow-100:#fff6e2;--yellow-200:#feedc5;--yellow-600:#c7a548;--yellow-700:#9a8445;--yellow-800:#6e6540;--sage:#a1c181;--sage-100:#eef4e8;--sage-200:#dce9d1;--sage-700:#647e5f;--sage-800:#49604f;--teal-100:#e2ede9;--teal-700:#3f6862;--cream:#fff9ec;--paper:#fffdf7;--sand:#e6ddc1;--danger:#b5452f;--font-heading:"Fredoka", ui-rounded, system-ui, sans-serif;--font-body:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-xs:8px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--pill:999px;--round:50%}*{box-sizing:border-box}html,body{background:var(--navy-800);height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--navy);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}h1,h2,button,a.btn,.back-link,.kicker,.chapHead,#hudName,#hudMoves span,.barbtn span,.lvl .num,.star small{font-family:var(--font-heading)}#game{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}body.touch .keys-only,body:not(.touch) .touch-only{display:none}:focus{outline:none}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 10px var(--navy-700)!important}#hud{pointer-events:none;position:fixed;inset:0}#hudTop{padding:max(10px, env(safe-area-inset-top)) 12px 0;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}#hudInfo{border:3px solid var(--navy);border-radius:var(--radius-sm);background:#fffdf7f2;min-width:0;max-width:62vw;padding:4px 12px}#hudLevel{color:var(--navy-400);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}#hudName{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}#hudRight{align-items:center;gap:8px;display:flex}#hudMoves{border:3px solid var(--navy);border-radius:var(--radius-sm);background:#fffdf7f2;flex-direction:column;align-items:center;min-width:58px;padding:1px 10px;display:flex}#hudMoves span{font-size:21px;font-weight:700;line-height:1.1}#hudMoves small{color:var(--navy-400);white-space:nowrap;font-size:13px;font-weight:800}#hudMoves.over small{color:var(--orange-700)}button.icon{pointer-events:auto;background:var(--paper);width:48px;min-width:48px;min-height:48px;color:var(--navy);box-shadow:0 4px 0 var(--navy-700);border-width:3px;border-radius:50%;margin:0;padding:0;font-size:16px}#chips{left:12px;top:max(74px, calc(env(safe-area-inset-top) + 64px));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.chip{border:2px solid var(--navy);border-radius:var(--pill);background:#fffdf7f2;padding:2px 11px;font-size:15px;font-weight:800}.chip.gold{background:var(--yellow);color:var(--navy-700)}.chip.green{background:var(--sage-200)}.chip.cloak{background:var(--sand)}#tip{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 84px);background:var(--paper);border:3px solid var(--navy);border-radius:var(--radius-sm);text-align:center;width:max-content;max-width:min(560px,94vw);padding:7px 14px;font-size:16px;font-weight:700;animation:.25s cubic-bezier(.34,1.45,.64,1) pop;position:absolute;transform:translate(-50%)}#tip.blue{background:var(--teal-100)}#tip.warn{background:var(--orange-100)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.85)}}#bar{padding:0 8px max(10px, env(safe-area-inset-bottom));justify-content:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.barbtn{pointer-events:auto;border-radius:var(--radius-md);background:var(--paper);min-width:64px;height:70px;color:var(--navy);box-shadow:0 4px 0 var(--navy-700);border-width:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:4px 6px;font-size:15px;display:flex}.barbtn b{min-height:24px;font-size:24px;line-height:1;display:block}.barbtn span{white-space:nowrap;font-weight:700}.barbtn em{background:var(--navy);color:#fff;border-radius:var(--pill);margin-left:2px;padding:0 6px;font-style:normal}.barbtn.big{background:var(--sage);min-width:104px;color:var(--navy-700)}.barbtn.big b{font-size:30px}.barbtn:disabled{opacity:.4}.barbtn.on{background:var(--teal-700);color:#fff}.barbtn.on em{color:var(--teal-700);background:#fff}#cloakBtn.on{background:var(--yellow-800)}#cloakBtn.on em{color:var(--yellow-800)}.stoneIcon{border:3px solid var(--navy);background:radial-gradient(circle at 40% 40%,#c9c3b4,#8f897b);border-radius:50% 45% 50% 40%;width:26px;height:22px}.cloakIcon{background:var(--yellow-700);border:3px solid var(--navy);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:26px;height:24px}#muteBtn{z-index:5;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:48px;min-width:48px;height:48px;min-height:48px;color:var(--navy);border:3px solid var(--navy);border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--navy-700);background:#fffdf7f2;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed}#muteBtn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}#muteBtn .spk{fill:currentColor}#muteBtn .cross,#muteBtn[aria-pressed=true] .waves{display:none}#muteBtn[aria-pressed=true] .cross{display:inline}#muteBtn[aria-pressed=true]{background:var(--sand)}body.in-level #muteBtn{top:max(10px, env(safe-area-inset-top))}#hudTop{padding-right:calc(max(12px, env(safe-area-inset-right)) + 58px)}@media (orientation:portrait) and (width<=600px){#hudTop{padding-right:12px}body.in-level #muteBtn{top:calc(max(10px, env(safe-area-inset-top)) + 56px)}}.screen{background:#0f1e2673;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen.soft{background:#fff9ec1f}.screen.scene{background:radial-gradient(circle at 50% 30%,#233d4d99,#09151cd9)}.card{background:var(--paper);border:4px solid var(--navy);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:440px;margin:auto;padding:20px}.card.small{max-width:340px}.card.wide{max-width:560px}h1{color:var(--sage-800);text-shadow:0 3px 0 var(--yellow);letter-spacing:.5px;margin:2px 0 0;font-size:clamp(44px,12vw,64px);font-weight:700;line-height:1}h2{color:var(--sage-800);margin:0 0 6px;font-size:30px;font-weight:700;line-height:1.1}#spotted h2{color:var(--orange-700)}.kicker{color:var(--navy-400);text-transform:uppercase;letter-spacing:1.5px;margin:4px 0 6px;font-size:15px;font-weight:700}.sub{margin:8px 0 14px;font-size:17px;line-height:1.5}.help{color:var(--navy-400);margin:12px 0 6px;font-size:15px;line-height:1.5}.best{min-height:1em;margin:6px 0;font-weight:800}.ref{color:var(--navy-400);margin:2px 0 10px;font-weight:700}.ref.small{margin-top:-4px;font-size:15px}.fan{color:var(--navy-400);margin:12px 0 0;font-size:15px;line-height:1.4}blockquote{background:var(--yellow-100);border-left:5px solid var(--yellow-600);border-radius:var(--radius-sm);text-align:left;margin:8px 0 10px;padding:10px 14px;font-size:17px;line-height:1.5}.goal{background:var(--yellow-100);border:2px solid var(--yellow-600);border-radius:var(--radius-sm);padding:8px;font-size:16px;font-weight:800}.idea{background:var(--sage-100);border:2px solid var(--sage-700);border-radius:var(--radius-sm);text-align:left;padding:8px;font-size:16px;font-weight:800}.idea:before{content:"New: ";color:var(--sage-800)}button{font:inherit;font-family:var(--font-heading);border:4px solid var(--navy);border-radius:var(--radius-md);background:var(--orange);color:var(--navy-700);cursor:pointer;box-shadow:0 5px 0 var(--navy-700);min-height:48px;margin:5px;padding:9px 36px;font-size:22px;font-weight:700;transition:transform .12s cubic-bezier(.34,1.45,.64,1)}button:active{box-shadow:0 1px 0 var(--navy-700);transform:translateY(4px)}#playBtn{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;min-height:58px;padding:8px 40px 8px 32px;font-size:clamp(24px,6vw,30px);display:inline-flex}#playBtn:before{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--navy-700);width:0;height:0}button.secondary{background:var(--paper);color:var(--navy);box-shadow:0 4px 0 var(--navy-700);border-width:3px;padding:7px 22px;font-size:18px}a.btn{vertical-align:middle;border:3px solid var(--navy);border-radius:var(--radius-md);min-height:48px;box-shadow:0 4px 0 var(--navy-700);cursor:pointer;justify-content:center;align-items:center;margin:5px;font-weight:700;text-decoration:none;display:inline-flex}a.btn.secondary{background:var(--paper);color:var(--navy);padding:7px 22px;font-size:18px}a.btn:active{box-shadow:0 1px 0 var(--navy-700);transform:translateY(4px)}.back-link{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));border-radius:var(--radius-md);background:var(--paper);border:3px solid var(--navy);min-height:48px;box-shadow:0 4px 0 var(--navy-700);color:var(--navy);z-index:2;align-items:center;padding:0 18px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute}.back-link:active{box-shadow:0 1px 0 var(--navy-700);transform:translateY(3px)}.home-link{gap:8px}.back-link.home-link{padding:0 18px 0 14px}a.btn.home-link{padding-left:18px}.home-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}#title{padding-top:max(72px, calc(env(safe-area-inset-top) + 64px))}#title .card{background:linear-gradient(var(--paper), var(--cream))}.plates-art{border:4px solid var(--navy);background:repeating-linear-gradient(var(--yellow) 0 9px, var(--yellow-600) 9px 12px);width:74px;height:56px;box-shadow:5px 5px 0 var(--yellow-600), 5px 5px 0 4px var(--navy);border-radius:6px;margin:4px auto 8px}#levelList{flex-direction:column;gap:8px;max-height:min(64vh,680px);margin:8px 0 12px;padding:2px 4px 6px;display:flex;overflow-y:auto}.chapHead{text-align:left;color:var(--navy-400);text-transform:uppercase;letter-spacing:1px;margin:8px 2px 0;font-size:15px;font-weight:700}.chapHead i{text-transform:none;letter-spacing:0;font-style:normal;font-weight:600}.lvl{text-align:left;border-radius:var(--radius-md);background:var(--paper);color:var(--navy);min-height:56px;box-shadow:0 4px 0 var(--navy-700);border-width:3px;flex:none;align-items:center;gap:12px;margin:0;padding:8px 12px;font-size:17px;line-height:1.2;display:flex}.lvl .num{background:var(--sage-800);color:#fff;border:3px solid var(--navy);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.lvl .info{flex-direction:column;flex:1;min-width:0;display:flex}.lvl .info i{font-family:var(--font-body);color:var(--navy-400);font-size:15px;font-style:normal;font-weight:700}.lvl .stars{color:var(--yellow);-webkit-text-stroke:1.5px var(--navy);white-space:nowrap;font-size:22px}.lvl.locked{opacity:.55;cursor:default}.lvl.locked .stars{color:var(--navy-400);-webkit-text-stroke:0;font-size:15px}.stars3{justify-content:center;gap:10px;margin:8px 0;display:flex}.star{flex-direction:column;align-items:center;width:100px;display:flex}.star span{color:var(--sand);-webkit-text-stroke:2px var(--navy-200);font-size:44px;line-height:1}.star.on span{color:var(--yellow);-webkit-text-stroke:2px var(--navy);text-shadow:0 3px 0 var(--navy-700);animation:.4s cubic-bezier(.34,1.45,.64,1) backwards starpop}.star.on:nth-child(2) span{animation-delay:.15s}.star.on:nth-child(3) span{animation-delay:.3s}@keyframes starpop{0%{opacity:0;transform:scale(.3)}}.star small{color:var(--navy-400);font-size:15px;font-weight:600;line-height:1.2}.rules{text-align:left;margin:8px 0;padding:0;list-style:none}.rules li{align-items:center;gap:10px;margin:8px 0;font-size:16px;line-height:1.4;display:flex}.rules i{border:3px solid var(--navy);border-radius:50%;flex:none;width:34px;height:34px;display:block}.r-move{background:#fff;box-shadow:inset 0 0 0 4px #2f9e44}.r-eye{background:var(--danger)}.r-block{background:#ca6c35}.r-grass{background:#5fa344}.r-stone{background:#a8a294}.r-undo{background:var(--sage)}@media (orientation:landscape) and (height<=500px){.screen{padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left))}#title{padding-top:max(68px, calc(env(safe-area-inset-top) + 68px))}.card{padding:12px 18px}#title .card,#chapter .card,#levelCard .card,#complete .card,#closing .card{align-items:center;gap:22px;max-width:780px;display:flex}#closing .card{gap:18px;max-width:940px}#spotted .card{max-width:min(560px,100vw - 140px)}#spotted .card button.secondary,#spotted .card a.btn{padding-left:16px;padding-right:16px}.card>.col{flex:1 1 0;min-width:0}#closing .col-act{flex:0 0 200px}h1{font-size:52px}h2{font-size:28px}.plates-art{width:56px;height:42px;margin:2px auto 8px}.kicker{margin:2px 0 4px}.sub{margin:6px 0 10px}.fan{margin-top:8px}blockquote{margin:6px 0 8px;padding:8px 12px}.goal,.idea{margin:6px 0}.stars3{margin:4px 0}.star{width:84px}.star span{font-size:38px}#how .card{text-align:left;grid-template-columns:1fr auto;align-items:center;column-gap:16px;max-width:820px;display:grid}#how h2{margin:0}#how #howBack{grid-area:1/2;margin:0 0 5px}#how .rules,#how .help{grid-column:1/-1}.rules{grid-template-columns:1fr 1fr;column-gap:20px;margin:4px 0 0;display:grid}.rules li{margin:5px 0}#select .card{grid-template-columns:1fr auto auto;align-items:center;column-gap:8px;max-width:820px;display:grid}#select h2{text-align:left;grid-area:1/1;margin:0}#select #selectBack{grid-area:1/2;margin:0 0 5px}#select a.btn{grid-area:1/3;margin:0 0 5px}#levelList{grid-area:2/1/auto/-1;grid-template-columns:1fr 1fr;align-content:start;column-gap:12px;max-height:calc(100dvh - 128px);margin:8px 0 0;display:grid}.chapHead{grid-column:1/-1}}@media (orientation:landscape) and (height<=500px) and (width<=740px){#closing .card{gap:14px;padding:10px 14px}#closing .plates-art{display:none}#closing .col-act{flex-basis:172px}#closing blockquote{padding:6px 10px;line-height:1.4}}@media (orientation:portrait) and (width<=600px){.screen:not(#title){border-top:max(56px, calc(env(safe-area-inset-top) + 44px)) solid transparent;padding:12px 12px max(12px, env(safe-area-inset-bottom));background-origin:border-box}#levelList{max-height:min(64vh,680px,100dvh - 250px)}}@media (orientation:portrait) and (width<=600px) and (height<=700px){#closing blockquote{font-size:15px;line-height:1.4}#closing .sub{font-size:16px;line-height:1.4}}@media (orientation:landscape) and (height<=500px){#how,#select,#closing,#chapter,#levelCard{padding-right:calc(max(12px, env(safe-area-inset-right)) + 56px)}}@media (orientation:landscape) and (height<=500px) and (width<=740px){#how .card{padding:10px 14px}#how .rules{column-gap:14px}#how .rules li{gap:8px;margin:3px 0;line-height:1.3}#how .rules i{width:30px;height:30px}#closing blockquote{font-size:15px}#closing .sub{font-size:16px;line-height:1.4}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=380px){.barbtn{min-width:58px;font-size:14px}.barbtn.big{min-width:88px}}@media (height<=560px){.barbtn{height:58px}.barbtn b{min-height:20px;font-size:20px}}.vol{margin:12px auto 4px}.vol-label{color:var(--navy-700);margin:0 0 6px;font-size:16px;font-weight:800}.vol-steps{justify-content:center;gap:6px;display:flex}button.vol-step{background:var(--paper);min-width:64px;min-height:64px;color:var(--navy);box-shadow:0 4px 0 var(--navy-700);border-width:3px;margin:0;padding:0 4px;font-size:18px}button.vol-step[aria-pressed=true]{background:var(--yellow);color:var(--navy-700)}.hs-back{--hs-card:#fffdf7;--hs-ink:#233d4d;--hs-accent:#fe7f2d;--hs-accent-ink:#1e1206;--hs-soft:#feedc5;z-index:2147483000;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#1018208c;justify-content:center;align-items:center;animation:.22s ease-out both hs-in;display:flex;position:fixed;inset:0}.hs-card{box-sizing:border-box;overscroll-behavior:contain;background:var(--hs-card);width:min(430px,100%);max-height:100%;color:var(--hs-ink);border:3px solid var(--hs-ink);text-align:left;border-radius:20px;padding:16px 18px 12px;font-family:inherit;font-size:18px;line-height:1.35;overflow-y:auto;box-shadow:0 6px #00000040,0 18px 40px #0000004d}.hs-card *{box-sizing:border-box}.hs-head{align-items:center;gap:14px;margin:0 0 8px;display:flex}.hs-icon{border:2px solid var(--hs-ink);object-fit:cover;background:var(--hs-soft);border-radius:14px;flex:none;width:60px;height:60px}.hs-card h2{color:var(--hs-ink);letter-spacing:0;text-transform:none;margin:0;font-family:inherit;font-size:26px;line-height:1.1}.hs-say{margin:4px 0 10px}.hs-steps{gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.hs-steps li{background:var(--hs-soft);border-radius:14px;grid-template-columns:34px 48px 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.hs-n{background:var(--hs-ink);width:34px;height:34px;color:var(--hs-card);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.hs-pic{border:2px solid var(--hs-ink);background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.hs-pic svg,.hs-btn svg,.hs-note svg{fill:none;stroke:#1a73e8;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.hs-pic svg .f,.hs-btn svg .f{fill:#1a73e8;stroke:none}.hs-txt{font-size:18px}.hs-note{border:2px dashed var(--hs-ink);border-radius:12px;align-items:center;gap:10px;margin:0 0 10px;padding:8px 10px;font-size:17px;display:flex}.hs-note svg{stroke:var(--hs-ink);flex:none}.hs-acts{flex-wrap:wrap;gap:10px;display:flex}.hs-btn{border:3px solid var(--hs-ink);min-height:56px;font:inherit;cursor:pointer;color:var(--hs-ink);box-shadow:0 4px 0 var(--hs-ink);background:#fff;border-radius:16px;flex:140px;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-size:20px;font-weight:800;display:inline-flex}.hs-btn:active{box-shadow:0 1px 0 var(--hs-ink);transform:translateY(3px)}.hs-go{background:var(--hs-accent);color:var(--hs-accent-ink);flex:100%}.hs-card:focus{outline:none}.hs-go svg{stroke:var(--hs-accent-ink)}.hs-never{min-width:200px;min-height:48px;color:var(--hs-ink);font:inherit;text-underline-offset:3px;cursor:pointer;opacity:.85;background:0 0;border:0;margin:8px auto 0;padding:6px 16px;font-size:17px;text-decoration:underline;display:block}.hs-btn:focus-visible,.hs-never:focus-visible{outline-offset:3px;outline:4px solid #1a73e8}@media (orientation:landscape) and (height<=520px){.hs-card{width:min(720px,100%);padding:12px 16px 8px}.hs-head{margin-bottom:4px}.hs-icon{width:48px;height:48px}.hs-card h2{font-size:22px}.hs-say{margin:2px 0 8px}.hs-steps{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.hs-steps li{grid-template-columns:30px 44px 1fr;padding:6px 8px}.hs-n{width:30px;height:30px}.hs-pic{width:44px;height:44px}.hs-txt{font-size:17px}.hs-btn{min-height:52px}.hs-go{flex:2 260px}.hs-never{margin-top:4px}}@keyframes hs-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hs-back{animation:none}}