@font-face{font-family:Game;src:local(Trebuchet MS);font-display:swap}:root{color:#3a3547;font-synthesis:none;--panel:url(/assets/panel.png);--blue:url(/assets/blue-button.png);font-family:Game,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:#8bd7ef}#app{isolation:isolate;height:100dvh;position:relative}#game{touch-action:none;position:absolute;inset:0}canvas{image-rendering:pixelated;display:block}button,.panel,.card,.row,.stat,.download,#notice{border:12px solid #0000;border-image:var(--panel) 6 fill stretch;image-rendering:pixelated}button{border-image-source:var(--blue);color:#fff8df;cursor:pointer;text-shadow:0 2px #354361;touch-action:manipulation;background:0 0;min-height:56px;padding:1px 14px;font-family:Trebuchet MS,system-ui,sans-serif;font-size:17px;font-weight:800;line-height:1.3;transition:transform .12s}button:hover{filter:brightness(1.06)}button:active{transform:translateY(3px)}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #47345f}button:disabled{opacity:.5;cursor:wait}button.secondary{border-image-source:url(/assets/brown-button.png)}button.cream{color:#51464d;text-shadow:none;border-image-source:url(/assets/cream-button.png)}.icon{color:#51464d;text-shadow:none;border-image-source:url(/assets/circle.png);place-items:center;width:58px;height:58px;padding:0;font-size:23px;display:grid}.icon img{width:32px;image-rendering:pixelated}[hidden]{display:none!important}#screen{padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));overscroll-behavior:contain;background:linear-gradient(#8ed5ec22,#30565f18);place-items:center;display:grid;position:absolute;inset:0;overflow:auto}#screen.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#25365370}#screen-content{text-align:center;width:min(100%,390px);position:relative}.eyebrow{letter-spacing:4px;color:#385567;margin:0 0 9px;font-size:11px;font-weight:900}.title{letter-spacing:-3px;color:#fff6d6;text-shadow:0 4px #765454,3px 0 #765454,-3px 0 #765454,0 -2px #765454;margin:0;font-size:clamp(48px,12vw,72px);line-height:.86;transform:rotate(-4deg)}.title span{color:#ffd979;font-size:1.15em;display:block}.subtitle{letter-spacing:.3px;color:#335365;margin:17px 0 0;font-size:14px;font-weight:700}.hero{width:112px;height:112px;image-rendering:pixelated;background:url(/assets/idle.png) 0 0/224px 224px;margin:7px auto 0;animation:.6s steps(2,end) infinite idle,2.6s ease-in-out infinite bob}.hero-shadow{background:#30494d22;border-radius:50%;width:85px;height:10px;margin:-10px auto 16px}.stats{justify-content:center;gap:10px;margin-bottom:14px;display:flex}.stat{flex:1;justify-content:center;align-items:center;gap:9px;min-height:61px;padding:0 8px;display:flex}.stat img{object-fit:contain;width:27px;height:27px;image-rendering:pixelated}.stat small,.score small{letter-spacing:1.4px;font-size:9px;font-weight:900;display:block}.stat strong{font-size:22px}.actions{gap:9px;display:grid}.actions .play{letter-spacing:2px;min-height:64px;font-size:23px}.menu-row{justify-content:center;gap:8px;margin-top:11px;display:flex}.menu-row button{flex:1;min-height:50px;padding:0 5px;font-size:12px}.footnote{letter-spacing:1.5px;color:#344e56;margin:16px 0 0;font-size:10px;font-weight:700}.card{padding:18px 12px}.card h1{letter-spacing:-1px;margin:4px 0 17px;font-size:30px}.card p{font-size:14px;line-height:1.6}.card>.actions{margin-top:20px}.row{text-align:left;align-items:center;gap:12px;min-height:68px;margin:10px 0;padding:6px 2px;display:flex}.row img{width:36px;image-rendering:pixelated}.row p{margin:0;font-size:12px}.row strong{font-size:15px;display:block}.row button{min-width:80px;min-height:48px;margin-left:auto;font-size:14px}.setting-label{flex:1}.setting-label small{font-size:11px;line-height:1.5;display:block}.credits p{font-size:12px}.credits a{color:#385d85}.download{color:#3a3547;align-content:center;min-height:44px;margin:3px;padding:1px 5px;font-size:11px;display:inline-block}#hud{pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));align-items:flex-start;gap:8px;display:flex;position:absolute;inset:0}#hud button{pointer-events:auto}#pause{margin-left:auto}.score{min-width:105px;padding:0 9px}.score strong{font-size:27px;line-height:1.2}.score em{font-size:13px;font-style:normal}.pocket{align-items:center;gap:8px;min-height:58px;padding:0 6px;display:flex}.pocket img{width:24px;image-rendering:pixelated}.pocket strong{font-size:20px}.zone{top:max(89px,calc(env(safe-area-inset-top) + 76px));white-space:nowrap;letter-spacing:2px;min-height:35px;padding:0 7px;font-size:10px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}#boost{white-space:nowrap;color:#8e531e;min-height:35px;padding:0 5px;font-size:10px;font-weight:900;position:absolute;top:132px;left:50%;transform:translate(-50%)}#boost img{vertical-align:middle;width:22px}.glide{bottom:max(22px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));width:76px;height:76px;position:absolute}.glide img{width:42px}.play-hint{bottom:max(28px,env(safe-area-inset-bottom));letter-spacing:1px;max-width:calc(100% - 120px);padding:1px 4px;font-size:9px;font-weight:900;position:absolute;left:18px}#notice{z-index:5;font-size:12px;position:absolute;bottom:14px;left:14px;right:14px}.result-number{color:#457c99;font-weight:900;margin:0!important;font-size:58px!important}.result-number small{font-size:18px}.death{color:#8b5048;font-weight:700}.badge{letter-spacing:2px;color:#795a35;font-size:11px;font-weight:900}.loading #splash-art{object-fit:contain;width:100%;height:auto;max-height:42dvh;image-rendering:pixelated;margin:0 auto 16px;display:block}.loading .title{font-size:54px}#lesson{z-index:3;top:max(132px,env(safe-area-inset-top));text-align:center;pointer-events:none;width:min(350px,100% - 32px);padding:8px 12px;position:absolute;left:50%;transform:translate(-50%)}#lesson>img{width:36px;height:36px;image-rendering:pixelated}#lesson strong{font-size:18px;display:block}#lesson p{margin:8px 0;font-size:14px;line-height:1.45}#lesson button{pointer-events:auto;width:100%}@media (orientation:landscape) and (height<=600px){#lesson{width:300px;padding:4px 8px;top:76px;left:auto;right:14px;transform:none}#lesson>img{display:none}#lesson strong{font-size:15px}#lesson p{margin:4px 0;font-size:12px}.loading #splash-art{max-height:48dvh;margin:0 auto 6px}.loading .title{font-size:36px}}@keyframes idle{to{background-position-x:-224px}}@keyframes bob{50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.hero{animation:none}button{transition:none}}@media (height<=650px) and (orientation:portrait){.hero{background-size:176px 176px;width:88px;height:88px;margin:0 auto;animation:2.6s ease-in-out infinite bob}.title{font-size:48px}.subtitle{margin:12px 0 0}.hero-shadow{margin-bottom:8px}.stat{min-height:50px}.footnote{margin-top:8px}.card{padding:5px 10px}.card h1{margin:0 0 8px}.row{min-height:58px;margin:6px 0}}@media (orientation:landscape) and (height<=600px){#screen-content.home{grid-template-columns:1fr 1fr;align-items:center;column-gap:35px;width:min(730px,100%);display:grid}.home .branding{grid-row:1/5}.home .hero{margin:10px auto 0}.home .title{font-size:55px}.home .subtitle{font-size:12px}.home .footnote{margin:8px 0 0}.home .stats{margin-bottom:8px}.home .menu-row{margin-top:8px}.card{padding:8px 16px}.card h1{margin:0 0 10px;font-size:24px}.card .row{min-height:48px;margin:4px 0}.card p{font-size:12px}.card>.actions{margin-top:10px}.instructions{width:min(660px,100%)!important}.instructions .lessons{grid-template-columns:1fr 1fr;gap:0 9px;display:grid}.credits{width:min(640px,100%)!important}.zone{top:20px}.play-hint{bottom:16px}.glide{width:62px;height:62px;bottom:12px}}