:root{--cream:#fff4cd;--sun:#ffd75a}.celebration-art{width:min(300px,100%);height:80px;image-rendering:pixelated;margin:0 auto 8px;display:block}.modal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#091a29c9!important}.panel{border-radius:3px!important}.primary,.map-hint,.hud-chip,.sound-btn,.back-btn{border-radius:4px!important}.boss-entry{padding-top:12px;place-items:start center!important}.boss-entry .primary{min-width:160px;padding:7px 10px;font-size:12px;transform:translate(15vw)}@media (max-height:450px){.celebration-art{width:248px;height:66px}.panel h2{font-size:28px}.panel p{font-size:13px}.primary{padding:9px 13px}.touch-controls .touch-btn{min-width:56px;min-height:56px}.touch-controls .touch-btn.jump{min-width:72px;min-height:72px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;color:var(--cream);background:#071a22;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{font:inherit;color:inherit}.game-shell{background:#0d2c35;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.game-canvas{image-rendering:pixelated;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud{inset:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) auto max(12px,env(safe-area-inset-left));pointer-events:none;text-shadow:0 2px #10202b,0 0 8px #0008;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-chip{letter-spacing:.04em;background:#071a22d9;border:2px solid #fff4cd80;border-radius:8px;padding:7px 11px;font-size:clamp(12px,2vw,16px);box-shadow:0 4px #0007}.map-ui{padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.map-title,.map-bottom{justify-content:space-between;gap:16px;display:flex}.map-title{align-items:center}.map-bottom{align-items:end}.wordmark{color:#fff5cd;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 4px #7a3f40,0 7px #1c263a,4px 0 #1c263a,-4px 0 #1c263a;margin:0;font-size:clamp(25px,4.7vw,56px);line-height:.88}.wordmark small{color:#ffd95f;letter-spacing:.16em;text-shadow:0 2px #7a3f40;margin-left:3px;font-size:.34em;display:block}.map-status{text-align:right;font-size:clamp(12px,1.6vw,16px)}.map-status strong{color:#ffd95f;font-size:1.35em}.map-hint{background:#071a22cf;border:2px solid #fff3;border-radius:10px;max-width:370px;margin:0;padding:9px 12px;font-size:clamp(12px,1.6vw,16px);box-shadow:0 4px #0006}.sound-btn,.pause-btn,.back-btn{pointer-events:auto;cursor:pointer;background:#102c35df;border:2px solid #fff4cd;border-radius:8px;padding:8px 12px;box-shadow:0 4px #0008}.sound-btn:active,.pause-btn:active,.back-btn:active{transform:translateY(3px);box-shadow:0 1px #0008}.touch-controls{padding:0 max(18px,calc(env(safe-area-inset-right) + 10px)) max(14px,calc(env(safe-area-inset-bottom) + 8px)) max(18px,calc(env(safe-area-inset-left) + 10px));pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.touch-cluster{align-items:end;gap:12px;display:flex}.virtual-joystick{pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;isolation:isolate;background:radial-gradient(circle at 42% 36%,#3c727883 0 18%,#102f3ac7 70%);border:3px solid #fff5b866;border-radius:50%;width:112px;height:112px;position:relative;box-shadow:inset 0 0 0 5px #06151b75,inset 0 0 20px #b7f0d51e,0 5px #0007,0 7px 20px #0005}.joystick-ring{pointer-events:none;border:2px dashed #fff3;border-radius:50%;position:absolute;top:21px;bottom:21px;left:21px;right:21px}.joystick-knob{pointer-events:none;background:radial-gradient(circle at 36% 30%,#f9e6a8 0 10%,#55b8a6 30%,#17656b 76%);border:3px solid #fff8;border-radius:50%;width:48px;height:48px;margin:-24px;transition:transform .13s cubic-bezier(.2,.9,.25,1.25),filter .1s;position:absolute;top:50%;left:50%;box-shadow:inset -5px -6px #0a3d4988,inset 3px 3px #fff5,0 5px #0008,0 8px 14px #0006}.virtual-joystick.active{border-color:#fff3caa6;box-shadow:inset 0 0 0 5px #06151b75,inset 0 0 24px #8df3cf35,0 3px #0007,0 5px 16px #0005}.virtual-joystick.active .joystick-knob{filter:brightness(1.12)saturate(1.08);transition:none}.touch-btn{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;background:#071a2299;border:3px solid #fff8;border-radius:18px;width:70px;height:70px;font-size:28px;box-shadow:inset 0 0 0 4px #fff1,0 5px #0006}.touch-btn.jump{color:#fff4cd;letter-spacing:.08em;background:#de5969d9;border-radius:50%;width:88px;height:88px;font-size:18px}.touch-btn.active{background:#1fb878cf;transform:translateY(4px)scale(.97);box-shadow:inset 0 0 0 4px #fff2,0 1px #0007}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#06151bb8;place-items:center;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.panel{text-align:center;background:#123a3e;border:4px solid #f8e3a2;border-radius:14px;width:min(620px,100%);padding:clamp(18px,4vw,38px);box-shadow:0 9px #07191c,0 20px 60px #0008}.panel h2{color:#ffd75a;text-transform:uppercase;text-shadow:0 3px #6f3c45;margin:0 0 10px;font-size:clamp(26px,5vw,52px)}.panel p{font-size:clamp(14px,2vw,18px);line-height:1.5}.primary{text-transform:uppercase;cursor:pointer;background:#e45b69;border:3px solid #fff4cd;border-radius:10px;min-width:180px;padding:12px 18px;box-shadow:0 5px #6f2633}.portrait{object-fit:cover;object-position:34% 51%;width:84px;height:84px;image-rendering:pixelated;border:4px solid #ffd75a;border-radius:50%;margin:0 auto 10px}.rotate{display:none}@media (orientation:portrait) and (max-width:760px){.rotate{z-index:100;text-align:center;background:#071a22;place-items:center;padding:30px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.rotate span{margin-bottom:10px;font-size:44px;display:block}}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}@media (max-height:450px){.virtual-joystick{width:96px;height:96px}.virtual-joystick .joystick-knob{width:42px;height:42px;margin:-21px}.joystick-ring{top:18px;bottom:18px;left:18px;right:18px}.touch-btn{border-radius:15px;width:56px;height:56px}.touch-btn.jump{width:72px;height:72px}.map-hint{max-width:300px;padding:6px 9px}.wordmark{font-size:30px}.map-ui{padding-top:10px;padding-bottom:10px}}.touch-btn{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-touch-callout:none}.touch-controls{padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))}.touch-btn:focus-visible{outline-offset:4px;outline:3px solid #ffe183}.back-btn:focus-visible{outline-offset:4px;outline:3px solid #ffe183}.sound-btn:focus-visible{outline-offset:4px;outline:3px solid #ffe183}@media (pointer:coarse){.touch-btn{width:64px;height:64px}.touch-btn.jump{width:84px;height:84px}}@media (max-height:450px){.touch-btn.duck{font-size:18px}.touch-cluster{gap:8px}}.rescue-panel{position:relative;overflow:hidden}.rescue-panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#fff0 0 10px,#fff1 10px 12px);position:absolute;top:0;bottom:0;left:0;right:0}.rescue-cat{filter:drop-shadow(0 6px #07191c);width:92px;height:70px;margin:0 auto 8px;animation:.55s steps(2,end) infinite cat-party;position:relative}.rescue-cat i{background:var(--coat);image-rendering:pixelated;display:block;position:absolute}.cat-body{border:4px solid #202636;width:55px;height:30px;top:33px;left:12px}.cat-head{border:4px solid #202636;width:36px;height:32px;top:20px;left:53px}.cat-tail{transform-origin:100%;border:4px solid #202636;width:38px;height:9px;top:30px;left:-10px;transform:rotate(-25deg)}.cat-ear{border:4px solid #202636;width:12px;height:15px;top:8px}.cat-ear.one{left:56px}.cat-ear.two{left:75px}.cat-patch{width:15px;height:14px;top:32px;left:64px;background:var(--patch)!important}.cat-eye{width:4px;height:5px;top:27px;background:#142239!important}.cat-eye.one{left:63px}.cat-eye.two{left:78px}.rescue-panel.dunes{background:#8b5a3f}.rescue-panel.metro{background:#344f53}.rescue-panel.neon{background:#1b214d;box-shadow:0 0 0 4px #49e3df,0 0 35px #ef55c888}.rescue-panel.crystal{background:#25204c;box-shadow:0 0 35px #bd7aff88}.rescue-panel.coral{background:#075d72;box-shadow:0 0 35px #64e2cf77}.rescue-panel.moon{background:#15183c;box-shadow:0 0 35px #ccd0ff66}.rescue-panel.crystal .rescue-cat{animation-name:cat-chime}.rescue-panel.coral .rescue-cat{animation-name:cat-float;animation-duration:1.2s}.rescue-panel.moon .rescue-cat{animation-name:cat-moon;animation-duration:1.05s}@keyframes cat-party{50%{transform:translateY(-9px)rotate(5deg)}}@keyframes cat-chime{50%{filter:drop-shadow(0 6px #07191c)drop-shadow(0 0 8px #d99cff);transform:translateY(-6px)rotate(-6deg)}}@keyframes cat-float{50%{transform:translateY(-10px)rotate(2deg)}}@keyframes cat-moon{50%{transform:translateY(-15px)rotate(-3deg)}}@media (max-height:390px){.map-title{align-items:flex-start}.map-status{font-size:11px}.map-bottom{align-items:flex-end}.map-hint{max-width:290px;font-size:11px}.wordmark{font-size:25px}.rescue-cat{font-size:48px}.panel{padding:14px}.panel p{margin:6px 0 10px}}.boss-entry{pointer-events:none;place-items:center;display:grid}.boss-entry .primary{pointer-events:auto;background:#9b3f58;box-shadow:0 5px #431c32,0 0 24px #ffd75a66}.victory-panel{background:linear-gradient(#202251,#285b5b);box-shadow:0 0 0 4px #ffe08a,0 0 55px #7ce7d688}.victory-cats{letter-spacing:.12em;font-size:32px;line-height:1.25;animation:.65s steps(2,end) infinite cat-party}.rescue-panel.river{background:#195d51}.rescue-panel.frost{background:#536f92}.rescue-panel.harbor{background:#674638}.rescue-panel.harbor h2{color:#fff0a0}.boss-entry{bottom:max(18px,env(safe-area-inset-bottom));padding:0;position:absolute;left:52%;transform:translate(-50%)}.boss-entry .primary{font-size:11px;transform:none}.map-hint{max-width:min(370px,32vw)}