@font-face{font-family:Bib;src:local('Avenir Next');font-display:swap}
:root{--paper:#f4f1e9;--ink:#202b33;--blue:#244de8;--yellow:#ffe15b;--line:#deded4;--muted:#7c827d}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Bib,'Trebuchet MS',sans-serif}body{min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.shell{max-width:1680px;margin:auto;padding:0 42px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:900;font-size:30px;letter-spacing:-1.5px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--blue);color:#fff;font-size:35px;line-height:1;padding-bottom:5px;letter-spacing:-3px}.brand-dot{font-size:11px;align-self:flex-start;margin:6px 0 0 -7px}.edition,.edition-tag{font-size:10px;font-weight:800;letter-spacing:1.8px}.edition{margin-right:50px;color:#747b79}.edition-tag{display:flex;align-items:center;gap:9px;background:#e7e8de;padding:10px 13px;border-radius:5px}.edition-tag i{height:6px;width:6px;border-radius:100%;background:var(--blue)}.stage{height:clamp(580px,74vh,860px);min-height:580px;position:relative;border-radius:20px;overflow:hidden;background:#d6e9e9;border:1px solid #e2e2d8;isolation:isolate}#game{position:absolute;width:100%;height:100%;display:block;inset:0;touch-action:none;outline-offset:-5px}.hud{position:absolute;left:29px;right:29px;top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:4;pointer-events:none}.location{display:flex;gap:10px;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.6px}.location-dot{width:9px;height:9px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px #ffffff88}.location small{display:block;font-size:11px;letter-spacing:.2px;font-weight:500;margin-top:5px;color:#697d7c}.counters{display:flex;gap:8px;position:absolute;left:50%;transform:translateX(-50%)}.counter{height:58px;background:#fffdf7;border:1px solid #fff9;border-radius:11px;padding:9px 17px;box-shadow:0 3px 7px #344a5620;display:flex;justify-content:center;flex-direction:column;min-width:110px}.counter>span:not(.coin-symbol){font-size:8px;font-weight:800;letter-spacing:1.5px;color:#657570}.counter strong{font-size:23px;line-height:1.2;font-weight:900;font-variant-numeric:tabular-nums}.counter strong small{font-size:13px;font-weight:600;color:#7c837b}.counter.coins{min-width:80px;display:flex;align-items:center;flex-direction:row;gap:10px;background:#fff5c2}.coin-symbol{width:25px;height:25px;border:2px solid #eebf38;box-shadow:inset 0 0 0 2px #fff0a0;border-radius:50%;color:#b98105;background:#ffdd5a;text-align:center;line-height:21px;font-size:15px}.tools{display:flex;gap:7px;pointer-events:auto}.icon-button{width:44px;height:44px;border:1px solid #ffffffb0;border-radius:50%;display:grid;place-items:center;background:#ffffffdf;color:#334844;transition:background .2s,transform .2s}.icon-button:hover{background:#fff;transform:translateY(-2px)}.icon-button:active{transform:translateY(1px)}.icon-button svg{width:18px;height:18px}.icon-button:disabled{cursor:default;opacity:.42}.sound-waves{display:none}[aria-pressed=true] .sound-waves{display:block}[aria-pressed=true] .sound-off{display:none}.intro{position:absolute;inset:0;z-index:3;display:flex;align-items:center;background:linear-gradient(90deg,#f4f1e9fa 0%,#f4f1e9f2 25%,#f4f1e9b8 37%,#f4f1e900 60%);pointer-events:none}.intro-content{padding:50px 0 0 4.7%;width:46%;pointer-events:auto}.eyebrow{font-size:8px;font-weight:900;letter-spacing:1.2px;margin:0 0 20px;display:flex;align-items:center;gap:10px}.eyebrow>span{font-size:10px;border:1px solid #83978960;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}h1{font-size:clamp(48px,5.45vw,80px);line-height:1.02;letter-spacing:-4.5px;margin:0 0 22px;font-weight:900}h1 span{color:var(--blue);position:relative}h1 span:after{content:'';height:7px;background:var(--yellow);position:absolute;left:4px;right:-7px;bottom:-5px;z-index:-1;transform:rotate(-3deg)}.intro-copy{font-size:13px;line-height:1.9;color:#61716c;margin:0 0 24px}.primary{background:var(--blue);color:white;border:0;border-radius:9px;height:54px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;gap:55px;font-size:14px;font-weight:800;box-shadow:0 5px 0 #1433b0;transition:transform .15s,box-shadow .15s}.arrow-icon{display:block;width:28px;height:28px;flex:none;stroke:currentColor;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}.arrow-trail{stroke-width:2.5;opacity:.45}.arrow-left{transform:rotate(180deg)}.arrow-up{transform:rotate(-90deg)}.arrow-down{transform:rotate(90deg)}.arrow-badge{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--yellow);color:var(--blue)}.arrow-badge .arrow-icon{width:26px;height:26px}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #1433b0}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #1433b0}.best-line{margin-top:22px;display:flex;align-items:center;gap:9px;font-size:8px;color:#79837a;font-weight:800;letter-spacing:1px}.best-line svg{height:14px;width:14px}.best-line strong{margin-left:8px;color:#384b43;font-size:11px;letter-spacing:0}.mascot-note{display:flex;align-items:center;gap:12px;width:260px;margin-top:34px;padding-top:14px;border-top:1px solid #50694b25}.mascot-note img{width:72px;height:72px;object-fit:cover;mix-blend-mode:multiply;border-radius:16px}.mascot-note div>span{font-size:6px;letter-spacing:1px;font-weight:800;color:#829083}.mascot-note strong{display:block;font-size:12px;line-height:1.4;margin-top:5px}.note-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;margin-left:auto;border-radius:11px;background:#e4eaff;transform:rotate(-8deg);color:var(--blue)}.note-arrow .arrow-icon{width:25px;height:25px}.scene-label{position:absolute;right:6%;top:23%;transform:rotate(8deg);display:flex;align-items:center;gap:13px;color:#314f6b;pointer-events:none;font-weight:900;font-size:15px;line-height:1.15;letter-spacing:-.5px}.spark{font-size:72px;font-weight:400;color:#e2b834}.stage[data-state]:not([data-state=ready]) .scene-label{display:none}.running-tip .arrow-icon{display:inline-block;width:15px;height:15px;vertical-align:middle;margin:-2px 1px 0}.running-tip{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:30px;background:#24322eae;color:#fff;white-space:nowrap;font-size:10px;letter-spacing:.3px;pointer-events:none;animation:tip-away 1s 7s forwards}@keyframes tip-away{to{opacity:0}}.stage-bottom{position:absolute;left:29px;right:29px;bottom:21px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:7px;font-weight:900;letter-spacing:1.15px;color:#4a5d52;pointer-events:none}.speed{display:flex;align-items:center;gap:6px;background:#fffdf7;padding:7px 9px;border-radius:4px}.speed i{width:5px;height:5px;background:#4b9570;border-radius:50%}.footer{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:15px}.controls{display:flex;gap:23px;align-items:center}.control{display:flex;gap:5px;align-items:center;font-size:10px;color:#737d74;white-space:nowrap}.control kbd{font-family:inherit;background:#fcfbf6;border:1px solid #d1d9ef;box-shadow:0 2px 0 #d1d9ef;border-radius:5px;width:24px;height:24px;display:grid;place-items:center;color:var(--blue);font-size:12px}.control kbd .arrow-icon{width:18px;height:18px;stroke-width:3.6}.control kbd:last-of-type{margin-right:5px}.credit{font-size:7px;letter-spacing:1.4px;font-weight:800;color:#899083;white-space:nowrap}.credit span{margin-left:12px;color:var(--blue);font-size:16px}.modal-wrap{position:absolute;inset:0;background:#253947a8;z-index:10;display:grid;place-items:center;padding:25px}.modal{background:var(--paper);border:5px solid #fff9;border-radius:22px;padding:38px;width:min(420px,100%);box-shadow:0 20px 80px #182c4940}.modal .eyebrow{color:var(--blue);margin-bottom:18px}h2{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:0 0 20px}.modal p{font-size:13px;line-height:1.7;color:#718072;margin:0 0 24px}.modal .primary{width:100%}.text-button{display:block;margin:20px auto 0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#67766a;font-size:11px}.final-stats{display:flex;gap:40px;border-top:1px solid var(--line);padding:22px 0 28px}.final-stats span{display:block;font-size:8px;font-weight:800;letter-spacing:1.5px;color:#768570}.final-stats strong{display:block;font-size:28px;margin-top:4px;color:var(--blue)}.touch-controls{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);display:none;gap:8px;z-index:5}.touch-controls button{touch-action:none;display:grid;place-items:center;width:56px;height:54px;min-width:44px;min-height:44px;border:2px solid #d3dcf6;border-radius:16px;color:var(--blue);background:#fffdf7;box-shadow:0 4px 0 #9dadcc;transition:transform .1s,box-shadow .1s,background .1s}.touch-controls button .arrow-icon{width:32px;height:32px}.touch-controls [data-action=slide]{background:var(--yellow);border-color:#f0cb45;box-shadow:0 4px 0 #bf9829}.touch-controls [data-action=jump]{color:#fff;background:var(--blue);border-color:#4166ee;box-shadow:0 4px 0 #1534a7}.touch-controls [data-action=jump] .arrow-trail{color:var(--yellow);opacity:1}.touch-controls button:active{transform:translateY(3px);box-shadow:0 1px 0 #667aab}.touch-controls button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.touch-controls [data-action=slide]:focus-visible{outline-color:var(--blue)}.load-error{position:absolute;inset:auto 20px 20px;z-index:20;padding:20px;background:white;border-radius:10px;color:#ad2929;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1450px){.intro-content{padding-left:6%}}
@media(max-height:820px) and (min-width:800px){.header{height:76px}.stage{height:calc(100svh - 138px);min-height:540px}.footer{min-height:60px}.intro-content{padding-top:57px}h1{font-size:65px}.mascot-note{margin-top:24px;padding-top:9px}.mascot-note img{width:58px;height:58px}.intro-copy{margin-bottom:20px}}
@media(max-width:1050px){.shell{padding:0 22px}.edition{display:none}.intro-content{width:52%}h1{font-size:61px}.credit{display:none}.controls{gap:22px}.footer{justify-content:center}.scene-label{right:5%;font-size:12px;top:22%}.spark{font-size:55px}}
@media(max-width:700px){.shell{padding:0 10px}.header{height:70px;padding:0 5px}.wordmark{font-size:26px}.brand-icon{width:34px;height:34px;font-size:29px;border-radius:10px}.edition-tag{font-size:7px;padding:8px;letter-spacing:1px}.stage{height:calc(100svh - 116px);min-height:560px;border-radius:15px}.hud{left:16px;right:16px;top:17px;align-items:flex-start}.location{font-size:7px;letter-spacing:.6px}.location-dot{height:6px;width:6px}.location small{font-size:8px}.counter{height:48px;padding:7px 11px;min-width:78px}.counter strong{font-size:19px}.counter>span:not(.coin-symbol){font-size:6px}.counter.coins{min-width:60px;gap:6px}.coin-symbol{width:20px;height:20px;line-height:16px;font-size:12px}.counters{top:52px;left:0;transform:none;gap:6px}.icon-button{width:44px;height:44px}.intro{align-items:flex-end;background:linear-gradient(0deg,#f4f1e9 0%,#f4f1e9fa 31%,#f4f1e9b3 49%,#f4f1e900 70%)}.intro-content{padding:0 24px 70px;width:100%}.eyebrow{font-size:6px;margin-bottom:14px;gap:7px}.eyebrow>span{width:21px;height:21px;font-size:8px}h1{font-size:51px;letter-spacing:-3px;line-height:1;margin-bottom:18px}h1 br{display:none}.intro-copy{font-size:12px;line-height:1.65;margin-bottom:17px}.primary{height:48px;font-size:13px;min-width:210px}.best-line{margin-top:19px}.mascot-note{position:absolute;right:20px;bottom:65px;width:82px;margin:0;padding:0;border:0}.mascot-note img{height:82px;width:82px}.mascot-note div,.note-arrow{display:none}.scene-label{top:26%;font-size:10px;right:6%;gap:5px}.spark{font-size:43px}.stage-bottom{left:19px;right:19px;bottom:18px;font-size:5px;letter-spacing:.5px}.stage-bottom>span:first-child{max-width:125px;line-height:1.6}.stage[data-state=running] .touch-controls{display:flex}.running-tip{bottom:108px;font-size:7px;padding:9px 12px}.footer{min-height:46px}.controls{gap:12px}.control{font-size:7px;gap:2px}.control kbd{width:19px;height:20px;font-size:10px}.control kbd .arrow-icon{width:16px;height:16px}.control:last-child{display:none}.modal{padding:27px}h2{font-size:39px}.modal-wrap{padding:20px}.location small{display:none}}
@media(pointer:coarse) and (min-width:701px){.stage[data-state=running] .touch-controls{display:flex}.running-tip{bottom:108px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.primary,.icon-button,.touch-controls button{transition:none}}
.location{padding:9px 12px;border-radius:8px;background:#f4f1e9}
.stage-bottom>span:first-child{padding:7px 9px;border-radius:4px;background:#fffdf7}
.mascot-note img{object-fit:contain;mix-blend-mode:normal}