html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game canvas{display:block}#fps{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));color:#b9ff9c;pointer-events:none;background:#00000073;border-radius:4px;padding:2px 6px;font:12px/1.4 ui-monospace,monospace;position:fixed}#crosshair{pointer-events:none;background:#fffc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%}#hint{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 84px);color:#fff;text-align:center;pointer-events:none;background:#0000008c;border-radius:12px;max-width:90vw;padding:10px 16px;font-size:16px;transition:opacity .4s;position:fixed;left:50%;transform:translate(-50%)}#hint.hidden{opacity:0}.touch-zone{touch-action:none;width:50%;display:none;position:fixed;top:0;bottom:0}body.touch .touch-zone{display:block}#touch-left{left:0}#touch-right{right:0}.hidden{display:none!important}#crosshair{z-index:1}#day-box{top:calc(max(8px, env(safe-area-inset-top)) + 34px);color:#fff;text-align:center;pointer-events:none;background:#00000073;border-radius:14px;padding:6px 16px;position:fixed;left:50%;transform:translate(-50%)}#day-label{font-size:18px;font-weight:700}#clock{opacity:.9;font-size:14px}.hud-btn{z-index:5;color:#fff;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#141e148c;border:3px solid #ffffffb3;border-radius:50%;font:700 15px system-ui,sans-serif;position:fixed}.hud-btn:active,.hud-btn.pressed{background:#508c3cbf;transform:scale(.95)}.hud-btn .key{color:#222;background:#f6c85f;border-radius:6px;min-width:22px;padding:2px 4px;font-size:12px;position:absolute;top:-8px;left:-8px}body.touch .hud-btn .key{display:none}#btn-bag{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));border-radius:18px;width:68px;height:68px;font-size:30px}#btn-bag .badge{background:#7a5130;border-radius:10px;min-width:20px;padding:2px 6px;font-size:12px;position:absolute;bottom:-6px;right:-6px}.hud-btn.big{width:104px;height:104px;padding:6px;line-height:1.15}#btn-interact{right:max(22px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom))}#btn-interact.fish{background:#1e507899}#btn-interact.alert{background:#dc3c28d9;animation:.35s infinite alternate pulse}#btn-interact.hold{background:#966e14bf;border-color:#ffd666e6;font-size:15px}@keyframes pulse{to{transform:scale(1.1)}}#toasts{top:calc(max(8px, env(safe-area-inset-top)) + 64px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,520px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;background:#0009;border-radius:12px;padding:8px 14px;font-size:16px;transition:opacity .5s}.toast.good{border-left:5px solid #6fdc6f}.toast.bad{border-left:5px solid #ff6b5b}.toast.fade{opacity:0}#reel{top:50%;right:calc(max(22px, env(safe-area-inset-right)) + 130px);color:#fff;text-align:center;pointer-events:none;background:#00000080;border-radius:16px;padding:10px;position:fixed;transform:translateY(-55%)}#reel-title{margin-bottom:6px;font-weight:700}#reel-body{gap:8px;height:min(46vh,260px);display:flex}#reel-track{background:linear-gradient(#2a6b8a,#123b52);border-radius:10px;width:56px;position:relative;overflow:hidden}#reel-zone{background:#78e66e8c;border:2px solid #b6ffa6;border-radius:8px;position:absolute;left:3px;right:3px}#reel-fish{font-size:28px;line-height:28px;position:absolute;left:50%;transform:translate(-50%,50%)scaleX(-1)}.reel-meter{background:#ffffff26;border-radius:8px;width:16px;position:relative;overflow:hidden}.reel-meter>div{background:#6fdc6f;position:absolute;bottom:0;left:0;right:0}.reel-meter.tension>div{background:linear-gradient(#ff4b3a,#f6c85f)}.reel-col{flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.reel-col .reel-meter{flex:1;width:18px}#panel{z-index:10;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#panel-box{color:#2b2118;background:#f3ead6;border-radius:18px;flex-direction:column;width:min(94vw,460px);max-height:86vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}#panel-head{color:#fff;background:#7a5130;justify-content:space-between;align-items:center;padding:8px 10px 8px 18px;display:flex}#panel-head h2{margin:0;font-size:22px}#panel-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:14px;width:64px;height:64px;font-size:28px}#panel-content{touch-action:pan-y;padding:12px 14px 16px;overflow-y:auto}.panel-info{margin:0 0 10px;font-size:15px}.panel-row{border-bottom:1px solid #0000001a;align-items:center;gap:10px;padding:6px 0;display:flex}.panel-row .dot{border:2px solid #0000004d;border-radius:50%;flex:none;width:18px;height:18px}.panel-row .name{flex:1;font-size:16px}.panel-row .name small{opacity:.7;display:block}.panel-btn{color:#fff;cursor:pointer;background:#4f8a3a;border:none;border-radius:12px;min-width:76px;min-height:56px;padding:6px 12px;font:700 16px system-ui,sans-serif}.panel-btn.cook{background:#c9652b}.panel-btn:disabled{background:#a9a093}.panel-btn.danger{background:#8c3a2e;width:100%;margin-top:18px}.empty{text-align:center;opacity:.7;padding:16px 0}#sleep-fade{z-index:20;color:#fff;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;font-size:44px;font-weight:700;transition:opacity .8s;display:flex;position:fixed;inset:0}#sleep-fade.show{opacity:1}#stats{top:calc(max(8px, env(safe-area-inset-top)) + 26px);left:max(8px, env(safe-area-inset-left));color:#fff;pointer-events:none;background:#00000073;border-radius:12px;flex-direction:column;gap:4px;padding:6px 10px;display:flex;position:fixed}.stat{align-items:center;gap:6px;font-size:14px;display:flex}.stat .icon{text-align:center;width:20px}.stat .bar{background:#fff3;border-radius:6px;width:120px;height:12px;overflow:hidden}.stat .fill{border-radius:6px;width:50%;height:100%;transition:width .3s}.stat[data-stat=health] .fill{background:linear-gradient(90deg,#d63a3a,#ff6f61)}.stat[data-stat=hunger] .fill{background:linear-gradient(90deg,#e5873a,#f6c85f)}.stat[data-stat=thirst] .fill{background:linear-gradient(90deg,#2f8fd8,#6fd0ff)}.stat[data-stat=energy] .fill{background:linear-gradient(90deg,#c9b52b,#fff27a)}.stat.low .icon{animation:.6s infinite alternate blink}.stat.low .bar{box-shadow:0 0 0 2px #ff5040}@keyframes blink{to{opacity:.25}}#status-chips{flex-wrap:wrap;gap:4px;display:flex}#status-chips:empty{display:none}.chip{border-radius:10px;padding:2px 8px;font-size:13px;font-weight:700}.chip.sick{background:#4f8a3a}.chip.tired{background:#6b5aa8}.chip.weather{background:#4a6a88}.chip.weather.storm{background:#3a3f63}.chip.battery{background:#8a7a1e}#objective{top:calc(max(8px, env(safe-area-inset-top)) + 86px);color:#fff;white-space:nowrap;pointer-events:none;background:#14466eb3;border-radius:10px;padding:4px 12px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}#objective.urgent{background:#aa281ed9;animation:.8s infinite alternate pulse}#toasts{top:calc(max(8px, env(safe-area-inset-top)) + 118px)}#tutorial{z-index:6;top:calc(max(8px, env(safe-area-inset-top)) + 160px);left:max(8px, env(safe-area-inset-left));color:#2b2118;background:#f3ead6f2;border-radius:14px;width:min(340px,46vw);padding:10px 12px;position:fixed;box-shadow:0 4px 18px #0006}#tutorial-count{color:#7a5130;text-transform:uppercase;font-size:12px;font-weight:700}#tutorial-text{margin:4px 0 8px;font-size:16px;line-height:1.3}#tutorial-buttons{gap:8px;display:flex}#tutorial-buttons button{color:#fff;cursor:pointer;background:#4f8a3a;border:none;border-radius:12px;flex:1;min-height:64px;font:700 15px system-ui,sans-serif}#tutorial-skip{background:#a9a093!important}#game-over{z-index:30;background:radial-gradient(circle,#3c0000bf,#000000eb);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game-over-box{color:#2b2118;text-align:center;background:#f3ead6;border-radius:20px;width:min(90vw,440px);padding:20px}#game-over-box h1{color:#8c3a2e;margin:0 0 8px;font-size:36px}#game-over-box p{margin:6px 0;font-size:17px}#game-over-again{color:#fff;cursor:pointer;background:#4f8a3a;border:none;border-radius:14px;width:100%;min-height:68px;margin-top:12px;font:700 22px system-ui,sans-serif}#vignette{pointer-events:none;transition:box-shadow 1s;position:fixed;inset:0}#vignette.tired{box-shadow:inset 0 0 120px 40px #0000148c}#vignette.sick{box-shadow:inset 0 0 120px 40px #468c1e80}#vignette.hurt{box-shadow:inset 0 0 130px 50px #aa00008c}.panel-section{color:#7a5130;margin:14px 0 4px;font-size:15px;font-weight:700}.panel-row .btns{gap:6px;display:flex}.panel-btn.store{background:#3d7aa8}.panel-btn.throw{background:#8c3a2e;min-width:56px}.panel-row.rotten .name{color:#6b7a2a}.mat-icon{text-align:center;width:22px;font-size:20px}#tutorial{pointer-events:none}#tutorial button{pointer-events:auto}#tutorial-buttons button{flex:none;padding:0 18px}@media (max-height:430px){#tutorial{top:calc(max(8px, env(safe-area-inset-top)) + 132px);width:min(300px,40vw);padding:8px 10px}#tutorial-text{font-size:14px}}.panel-row .needs{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.need{border-radius:8px;padding:2px 7px;font-size:13px;font-weight:700}.need.ok{color:#2f5f1f;background:#cfe8bf}.need.no{color:#8c3a2e;background:#f3d0c8}#air .fill{background:linear-gradient(90deg,#7fd8ff,#e6fbff)}#air.low .fill{background:linear-gradient(90deg,#ff5040,#ff9d7a)}#air.low .icon{animation:.4s infinite alternate blink}.hud-btn.swim{width:76px;height:76px;right:max(36px, env(safe-area-inset-right));background:#1e5a8299;font-size:30px}#btn-up{bottom:calc(max(26px, env(safe-area-inset-bottom)) + 228px)}#btn-down{bottom:calc(max(26px, env(safe-area-inset-bottom)) + 142px)}.hud-btn.swim .key{font-size:10px}#underwater{pointer-events:none;opacity:0;background:radial-gradient(#2896aa2e 30%,#05283c99 100%);transition:opacity .25s;position:fixed;inset:0}#underwater.on{opacity:1}#hit-flash{pointer-events:none;opacity:0;background:radial-gradient(#ff281400 40%,#ff2814a6 100%);transition:opacity .6s;position:fixed;inset:0}#hit-flash.on{opacity:1;transition:none}#lightning-flash{pointer-events:none;opacity:0;background:#ebf0ffd9;transition:opacity .35s;position:fixed;inset:0}#lightning-flash.on{opacity:var(--flash,.6);transition:none}#objective.volcano{background:#783214cc}#objective.good{background:#286432bf}.panel-btn.on{background:#2f6f9a}#btn-dodge{right:max(22px, env(safe-area-inset-right));bottom:calc(max(26px, env(safe-area-inset-bottom)) + 120px);background:#286ea0b3;font-size:18px}#btn-shield{right:calc(max(22px, env(safe-area-inset-right)) + 122px);bottom:max(26px, env(safe-area-inset-bottom));background:#283c8cbf;font-size:18px}#btn-shield.up{background:#e6aa28e6}#btn-interact.fight{background:#be3223cc;font-size:20px}.panel-row.part-lost{opacity:.75}.part-ok{color:#2f7a2a}.part-carried{color:#b56a00}#game-over.bad{background:radial-gradient(circle,#143214cc,#000000f0)}#game-over.bad #game-over-box h1{color:#3c5a1e}#game-over.win{background:radial-gradient(circle,#ffc8508c,#285aa0eb)}#game-over.win #game-over-box{background:#fff7df;box-shadow:0 0 60px #ffd25acc}#game-over.win #game-over-box h1{color:#d98a00}.menu-chapters{flex-direction:column;gap:6px;margin:4px 0 12px;display:flex}.menu-chapters .chapter{text-align:left;border-radius:12px;padding:8px 12px;font:700 17px system-ui,sans-serif}.menu-chapters .chapter.now{background:#4f8a3a2e;border:2px solid #4f8a3a}.menu-chapters .chapter.soon{opacity:.45;border:2px dashed #888}@media (max-height:430px){.menu-chapters{flex-direction:row;margin:0 0 4px}.menu-chapters .chapter{flex:1;padding:6px 8px;font-size:14px}}.menu-chapters small{float:right;font-style:italic;font-weight:400}#game-over.chapter{background:radial-gradient(circle,#ffbe5a80,#143c28f0)}#game-over.chapter #game-over-box{background:#fff7df;box-shadow:0 0 50px #ffc85ab3}#game-over.chapter #game-over-box h1{color:#c27400;font-size:28px}#game-over-reason .line{margin:4px 0;display:block}#game-over.chapter #game-over-day{color:#1f5fa8;margin-top:12px;font-weight:700}#cutscene-label{color:#fff;background:#14100cc7;border:2px solid #ffb627;border-radius:16px;align-items:center;gap:12px;width:min(88vw,460px);padding:12px 16px;animation:.35s ease-out label-in;display:flex;position:absolute;top:calc(11vh + 12px);left:50%;transform:translate(-50%)}#cutscene-label-icon{font-size:40px}#cutscene-label b{color:#ffcf5a;font:700 22px system-ui,sans-serif}#cutscene-label p{margin:4px 0 0;font:16px system-ui,sans-serif}@keyframes label-in{0%{opacity:0;transform:translate(-50%,-10px)}}#cutscene-skip{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff;cursor:pointer;pointer-events:auto;z-index:2;background:#00000073;border:2px solid #fff9;border-radius:14px;min-width:96px;min-height:64px;font:700 18px system-ui,sans-serif;position:absolute}#intro{z-index:40;background:#000;position:fixed;inset:0}#intro.see-through{background:0 0}#intro-canvas{width:100%;height:100%;display:block}#intro-canvas.hidden{display:none}#intro-caption{left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#fff;text-align:center;background:#0009;border-radius:14px;width:min(92vw,720px);padding:12px 18px;font:600 20px system-ui,sans-serif;position:absolute;transform:translate(-50%)}#intro-caption:empty{display:none}#intro.black #intro-caption{background:0 0;font-size:24px;bottom:45%}#intro-action{left:50%;bottom:calc(max(24px, env(safe-area-inset-bottom)) + 76px);color:#fff;cursor:pointer;background:#ff9f1a;border:none;border-radius:16px;min-width:240px;min-height:72px;font:700 24px system-ui,sans-serif;animation:.7s infinite alternate pulse;position:absolute;transform:translate(-50%);box-shadow:0 6px #b86d00}#intro-action.hidden{display:none}#intro-skip{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff;cursor:pointer;background:#00000073;border:2px solid #fff9;border-radius:14px;min-width:96px;min-height:64px;font:700 18px system-ui,sans-serif;position:absolute}#cutscene{z-index:25;pointer-events:none;position:fixed;inset:0}#cutscene .bar{background:#000;height:11vh;position:absolute;left:0;right:0}#cutscene .bar.top{top:0}#cutscene .bar.bottom{bottom:0}#cutscene-caption{color:#fff;text-align:center;text-shadow:0 2px 6px #000;font:700 22px system-ui,sans-serif;position:absolute;bottom:3.5vh;left:0;right:0}body.cutscene #stats,body.cutscene #day-box,body.cutscene #objective,body.cutscene #compass,body.cutscene #map,body.cutscene .hud-btn,body.cutscene #toasts,body.cutscene #crosshair,body.cutscene #fps,body.cutscene #hint,body.cutscene #tutorial,body.cutscene #reel,body.cutscene .touch-zone{display:none!important}#white-fade{z-index:26;opacity:0;pointer-events:none;background:#fff;transition:opacity .6s;position:fixed;inset:0}#white-fade.on{opacity:1}#hotbar{z-index:5;left:50%;bottom:max(10px, env(safe-area-inset-bottom));touch-action:none;background:#00000059;border-radius:18px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}#hotbar .slot{color:#fff;cursor:pointer;background:#2820168c;border:3px solid #ffffff40;border-radius:14px;width:64px;height:64px;padding:0;font-size:32px;transition:transform .1s,border-color .1s;position:relative}#hotbar .slot.on{background:#785a1ebf;border-color:#ffd666;transform:translateY(-4px);box-shadow:0 0 12px #ffd66699}#hotbar .slot .key{opacity:.8;font-size:11px;position:absolute;top:2px;left:5px}#hotbar-name{z-index:5;left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 86px);color:#fff;pointer-events:none;opacity:0;background:#0000008c;border-radius:10px;padding:4px 12px;font-size:16px;transition:opacity .3s;position:fixed;transform:translate(-50%)}#hotbar-name.show{opacity:1}@media (max-width:900px){#hotbar,#hotbar-name{left:calc(50% - 64px)}}body.cutscene #hotbar,body.cutscene #hotbar-name{display:none!important}#compass{z-index:4;top:max(8px, env(safe-area-inset-top));pointer-events:none;color:#fff;background:#00000073;border-radius:14px;width:min(300px,46vw);height:28px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}#compass:after{content:"";background:#ffffff8c;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}#compass span{white-space:nowrap;position:absolute;top:50%;transform:translate(-50%,-50%)}#compass .c-letter{font:700 15px system-ui,sans-serif}#compass .c-letter.small{opacity:.65;font-size:11px}#compass .c-icon{font-size:15px;top:60%}#compass .c-goal{color:#ffd166;text-shadow:0 0 4px #000;font-size:14px;top:0;transform:translate(-50%)}#compass .c-goal.edge{font-size:18px;animation:.6s infinite alternate blink;top:50%;transform:translate(-50%,-50%)}#btn-map{top:calc(max(8px, env(safe-area-inset-top)) + 78px);right:max(10px, env(safe-area-inset-right));border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;line-height:1;display:flex}#btn-map .icon{font-size:26px}#btn-map .word{margin-top:2px;font-size:12px}#map{z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;background:#ecdcb2;position:fixed;inset:0}#map-canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}#map-canvas:active{cursor:grabbing}#map-title{top:max(14px, env(safe-area-inset-top));left:max(18px, calc(env(safe-area-inset-left) + 12px));color:#4a3520;pointer-events:none;background:#f7eccdf0;border:2px solid #5b4226;border-radius:4px 14px;max-width:calc(100% - 130px);padding:5px 14px 6px;font:700 19px Georgia,Times New Roman,serif;position:absolute;box-shadow:0 2px 6px #3c280f59}#map-title small{opacity:.9;font-size:12px;font-style:italic;font-weight:400;display:block}#map-close{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#fff;cursor:pointer;touch-action:none;background:#c8432f;border:3px solid #5b1a10;border-radius:20px;width:72px;height:72px;font:700 34px system-ui,sans-serif;position:absolute;box-shadow:0 3px 8px #3c280f73}#map-tools{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:absolute}#map-tools button{color:#4a3520;cursor:pointer;touch-action:none;background:#f7eccdf5;border:3px solid #5b4226;border-radius:18px;width:64px;height:64px;font:700 32px/1 Georgia,Times New Roman,serif;box-shadow:0 3px 8px #3c280f66}#map-tools button:active{background:#e2cf9a}#map-tools #map-centre{background:#ffe9a8;border-color:#b5770a;height:72px;font-size:28px}#map-centre span{margin-top:2px;font:700 13px system-ui,sans-serif;display:block}@media (max-height:430px){#map-tools{flex-direction:row;align-items:flex-end}}#map-label{color:#2b2118;text-align:center;pointer-events:none;background:#fbf4defa;border:2px solid #5b4226;border-radius:10px;max-width:min(320px,80vw);padding:7px 11px;font:700 14px system-ui,sans-serif;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 3px 12px #0006}#btn-interact.danger{background:#be281ed9;border-color:#ffb3a8;font-size:12px}#boss-bar{z-index:6;top:calc(max(8px, env(safe-area-inset-top)) + 40px);color:#fff;text-align:center;pointer-events:none;background:#0000008c;border-radius:14px;width:min(70vw,460px);padding:6px 12px 8px;position:fixed;left:50%;transform:translate(-50%)}#boss-name{letter-spacing:.5px;margin-bottom:4px;font:700 17px system-ui,sans-serif}#boss-bar .boss-meter{background:#ffffff26;border-radius:7px;height:14px;overflow:hidden}#boss-fill{background:linear-gradient(90deg,#b3121b,#ff4d3a);width:100%;height:100%;transition:width .15s}#boss-bar.dream #boss-fill{background:linear-gradient(90deg,#4b1a7a,#b04dff)}#boss-bar.angry #boss-fill{background:linear-gradient(90deg,#7a1a3f,#ff2a6a)}#boss-bar.tired #boss-name:after{content:"  💫 tired: hit it!";color:#ffd666;font-size:14px}#dream-me{align-items:center;gap:8px;margin-top:6px;display:flex}#dream-me.hidden{display:none}#dream-me .boss-meter{flex:1;height:12px}#dream-fill{background:linear-gradient(90deg,#2a7fd0,#6fd0ff);width:100%;height:100%;transition:width .15s}#dream-ammo{min-width:46px;font:700 16px system-ui,sans-serif}#dream-veil{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#280a468c 100%);transition:opacity 1s;position:fixed;inset:0}body.dream #dream-veil{opacity:1}body.dream #stats,body.dream #day-box,body.dream #objective,body.dream #compass,body.dream #map,body.dream #btn-map,body.dream #btn-bag,body.dream #tutorial{display:none!important}body.dream #boss-bar{top:max(10px, env(safe-area-inset-top))}#intro.dreamy:after{content:"";pointer-events:none;background:radial-gradient(#fff0 50%,#ebdcffbf 100%);position:absolute;inset:0}#intro.dreamy.black:after{display:none}#sleep-text{text-align:center;padding:0 24px}body.cutscene #boss-bar{display:none!important}#sleep-fade.long{font-size:28px}body.boss #btn-dodge{right:calc(max(22px, env(safe-area-inset-right)) + 122px);bottom:max(26px, env(safe-area-inset-bottom))}body.boss #day-box,body.boss #objective{display:none!important}#phone{z-index:22;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(#0a140f8c,#000000d9);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#phone.hidden{display:none}body.phone-open #toasts{z-index:23}.phone-frame{box-sizing:border-box;background:linear-gradient(145deg,#1b1f26,#0b0d11);border:2px solid #4a505b;border-radius:42px;flex-direction:column;width:min(100vw - 20px,52dvh - 10.4px,440px);height:min(100dvh - 20px,900px);padding:10px;display:flex;position:relative;box-shadow:0 10px 40px #0009,inset 0 0 0 2px #2a2f37}#phone.landscape .phone-frame{border-radius:36px;width:min(100vw - 20px,1000px);height:min(100dvh - 20px,56vw - 11.2px)}.phone-status{color:#fff;background:#000;border-radius:32px 32px 0 0;align-items:center;gap:10px;height:30px;padding:0 22px;font:600 13px system-ui,sans-serif;display:flex}.phone-status .time{font-weight:800}.phone-status .signal{text-align:center;opacity:.75;flex:1;font-weight:500}.phone-status .battery{border:2px solid #fff;border-radius:4px;width:26px;height:12px;position:relative}.phone-status .battery:after{content:"";background:#fff;border-radius:0 2px 2px 0;width:3px;height:4px;position:absolute;top:2px;right:-5px}.phone-status .battery i{background:#5ee06a;border-radius:2px;max-width:calc(100% - 2px);position:absolute;inset:1px auto 1px 1px}.phone-status .battery.low i{background:#ff4a3a}.phone-banner{color:#fff;text-align:center;background:#c8432f;padding:6px 12px;font:700 13px system-ui,sans-serif}.phone-banner.hidden{display:none}.phone-body{background:#000;border-radius:0 0 32px 32px;flex:1;min-height:0;position:relative;overflow:hidden}.phone-home,.phone-app{position:absolute;inset:0}.phone-home.hidden,.phone-app.hidden{display:none}.phone-home{box-sizing:border-box;color:#fff;text-shadow:0 2px 6px #00000073;background:radial-gradient(circle at 70% 58%,#fff3c4e6 0 26px,#0000 28px),linear-gradient(#2b4c9a 0%,#f2955e 55%,#f7c66b 70%,#1f6a5a 71%,#163b2c 100%);flex-direction:column;align-items:center;padding:70px 14px 14px;display:flex}#phone.landscape .phone-home{padding-top:18px}.phone-clock{letter-spacing:1px;font:800 54px system-ui,sans-serif}.phone-date{margin-bottom:18px;font:600 15px system-ui,sans-serif}.phone-apps{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.phone-btn{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border:none;font-family:system-ui,sans-serif}.phone-btn.hidden{display:none}.phone-btn.pressed{transform:scale(.94)}.phone-btn.app{color:#fff;background:#0000002e;border-radius:18px;flex-direction:column;align-items:center;gap:4px;width:104px;padding:6px 0;display:flex}.app-icon{width:76px;height:76px;text-shadow:none;border-radius:22px;justify-content:center;align-items:center;font-size:42px;display:flex;box-shadow:0 4px 10px #00000059,inset 0 2px #ffffff4d}.app-name{font:800 13px system-ui,sans-serif}.phone-btn.app small{opacity:.9;font:600 11px system-ui,sans-serif}.phone-btn.corner{z-index:4;color:#fff;background:#00000080;border-radius:50%;width:64px;height:64px;font:800 28px system-ui,sans-serif;position:absolute;top:48px;box-shadow:0 2px 8px #0006}.phone-btn.home-btn{left:18px}.phone-btn.close-btn{background:#c8432fd9;right:18px}.phone-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.phone-pad{z-index:2;pointer-events:none;position:absolute}.phone-pad .phone-btn{pointer-events:auto}.phone-pad.hidden{display:none}.phone-pad.sides{justify-content:space-between;display:flex;bottom:14px;left:14px;right:14px}.phone-pad.row,.phone-pad.center{justify-content:center;gap:8px;display:flex;bottom:12px;left:12px;right:12px}.phone-pad.corner{bottom:14px;right:14px}.phone-btn.round{color:#20242b;background:#ffffffd1;border-radius:50%;width:86px;height:86px;font:800 34px system-ui,sans-serif;box-shadow:0 3px 10px #0006}.phone-btn.round.throw{color:#fff;background:#e8453a;width:100px;height:100px;font-size:30px}.phone-btn.round span,.phone-btn.wide span{font:800 13px system-ui,sans-serif;display:block}.phone-btn.wide{color:#fff;border-radius:18px;flex:1;max-width:180px;min-height:68px;font:800 26px system-ui,sans-serif;box-shadow:0 3px 8px #00000059}.phone-btn.lift{background:#3b82e5}.phone-btn.throw{background:#e8453a}.phone-btn.shop{background:#e0a321}.phone-btn.go{color:#fff;background:linear-gradient(#4fd06a,#23964a);border-radius:18px;min-width:200px;min-height:64px;padding:0 22px;font:800 20px system-ui,sans-serif;box-shadow:0 3px 8px #0000004d}.phone-card{z-index:3;box-sizing:border-box;color:#23262d;text-align:center;touch-action:pan-y;background:#fffffff5;border-radius:22px;width:min(92%,380px);max-height:88%;padding:16px 16px 18px;font:15px/1.4 system-ui,sans-serif;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000073}.phone-card h3{margin:0 0 8px;font-size:21px}.phone-card p{margin:0 0 12px}.phone-card .note{background:#fff3c4;border-radius:10px;padding:6px 8px;font-weight:700}.bracket{text-align:left;margin:0 0 12px;padding:0;list-style:none}.bracket li{border-radius:8px;justify-content:space-between;padding:5px 8px;font-weight:600;display:flex}.bracket li.now{background:#e3efff}.bracket li.done{opacity:.6}.phone-card.shop h3{justify-content:space-between;align-items:center;display:flex}.phone-card .money{color:#1f8a4c}.shop-row{text-align:left;border-bottom:1px solid #e6e6e6;align-items:center;gap:10px;padding:6px 0;display:flex}.shop-icon{font-size:30px}.shop-text{flex:1}.shop-text small{color:#666;display:block}.phone-btn.buy{color:#fff;background:#23964a;border-radius:14px;min-width:86px;min-height:64px;font:800 16px system-ui,sans-serif}.phone-btn.buy.poor{background:#b9bcc2}.phone-btn.buy.owned{color:#5a4200;background:#ffd34a}.phone-card.shop .phone-btn.go{margin-top:12px}#fish-index{z-index:21;background:#04141e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#fi-box{color:#e8f4f8;background:linear-gradient(#123447,#0b2230);border-radius:18px;flex-direction:column;width:min(96vw,860px);height:min(92vh,900px);display:flex;overflow:hidden;box-shadow:0 10px 40px #0009}#fi-top{background:#0a5a73;justify-content:space-between;align-items:center;padding:6px 8px 6px 18px;display:flex}#fi-top h2{margin:0;font-size:22px}#fi-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:14px;width:64px;height:64px;font-size:28px}#fi-head{padding:8px 16px 4px}.fi-count{font-size:17px}.fi-bar{background:#ffffff1f;border-radius:6px;height:12px;margin:6px 0;overflow:hidden}.fi-bar div{background:linear-gradient(90deg,#4fd2ff,#ffb627);border-radius:6px;height:100%}.fi-rarities{font-size:12px;font-weight:700}#fi-filters{touch-action:pan-x;flex-shrink:0;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}#fi-filters button{border:2px solid var(--chip,#ffffff59);min-height:44px;color:var(--chip,#fff);cursor:pointer;background:0 0;border-radius:22px;flex-shrink:0;padding:0 14px;font-size:15px;font-weight:700}#fi-filters button.on{background:var(--chip,#fff);color:#0b2230}#fi-grid{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));grid-auto-rows:min-content;gap:8px;padding:8px 12px 16px;display:grid;overflow-y:auto}.fi-card{border:2px solid var(--rarity);color:#fff;min-height:140px;font:inherit;cursor:pointer;background:radial-gradient(circle at 50% 40%,#50aad259,#0a2837e6);border-radius:14px;flex-direction:column;align-items:center;padding:18px 6px 6px;display:flex;position:relative}.fi-card.missing{background:radial-gradient(circle at 50% 40%,#3c6e8c59,#081923f2);border-color:#ffffff2e}.fi-card canvas{width:100%;height:64px}.fi-num{opacity:.6;font-size:11px;position:absolute;top:4px;left:8px}.fi-name{text-align:center;font-size:13px;font-weight:700;line-height:1.15}.fi-rarity{color:var(--rarity);text-transform:uppercase;font-size:11px;font-weight:700}.fi-best{opacity:.85;font-size:11px}.fi-empty{text-align:center;opacity:.8;grid-column:1/-1;font-size:18px}#fi-detail{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fi-detail-box{border:3px solid var(--rarity);color:#fff;text-align:center;background:linear-gradient(#174459,#0b2230);border-radius:18px;width:min(92vw,420px);max-height:90vh;padding:14px 18px 18px;overflow-y:auto}.fi-big{width:100%;height:150px}.fi-detail-box h3{margin:4px 0;font-size:24px}.fi-rarity.big{font-size:14px}.fi-about{font-size:16px}.fi-clues{margin:8px 0;padding:0;font-size:15px;line-height:1.6;list-style:none}.fi-stats{opacity:.9;font-size:14px}.fi-back{color:#0b2230;cursor:pointer;background:#4fd2ff;border:none;border-radius:16px;min-width:140px;min-height:64px;font-size:22px;font-weight:700}.panel-btn.fish-index-btn{color:#fff;background:#0a5a73;width:100%;min-height:64px;margin-bottom:6px;font-size:19px}.menu{z-index:20;background:radial-gradient(#0a281e8c,#030e0ad9);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#settings{z-index:23}#main-menu{background:radial-gradient(at 50% 30%,#ffdc8c40,#0000 60%),linear-gradient(#06281c8c,#02100ae6)}.menu-box{color:#f1f8ec;text-align:center;background:linear-gradient(#1d4a35,#0f2c20);border-radius:22px;flex-direction:column;gap:10px;width:min(92vw,440px);max-height:92vh;padding:22px 20px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff1f}#settings .menu-box{text-align:left;width:min(94vw,520px)}.menu-title{color:#ffe9a8;text-shadow:0 3px #5a3a10,0 6px 18px #00000080;margin:0;font-size:clamp(28px,7vw,40px)}.menu-title.small{font-size:26px}.menu-sub{opacity:.8;margin:0;font-size:15px}.menu-buttons{flex-direction:column;gap:10px;margin-top:8px;display:flex}.menu-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#2f6b4f;border:none;border-radius:16px;min-height:64px;font-size:21px;font-weight:700;box-shadow:0 4px #173a2a}.menu-btn.go{background:#e08a2c;box-shadow:0 4px #8a4f12}.menu-btn.small{min-height:52px;margin-top:10px;font-size:17px}.menu-btn:active{transform:translateY(3px);box-shadow:0 1px #173a2a}.menu-confirm{color:#ffc9a0;margin:0;font-size:15px}.menu-head{justify-content:space-between;align-items:center;display:flex}.menu-x{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:14px;width:56px;height:56px;font-size:24px}.settings-scroll{padding-right:4px;overflow-y:auto}.settings-scroll h3{margin:14px 0 8px;font-size:18px}.settings-scroll h3 small{opacity:.7;font-size:13px;font-weight:400}.slider{grid-template-columns:100px 1fr 48px;align-items:center;gap:10px;min-height:48px;display:grid}.slider input{accent-color:#e08a2c;width:100%;height:36px}.key-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:3px 0;display:flex}.key-btn{color:#1a2a20;cursor:pointer;background:#e9f1e2;border:none;border-radius:10px;min-width:110px;min-height:40px;font-size:16px;font-weight:700}.key-btn.waiting{background:#ffd35a;animation:.8s ease-in-out infinite alternate key-wait}@keyframes key-wait{to{background:#fff3c4}}#btn-pause{top:calc(max(8px, env(safe-area-inset-top)) + 156px);right:max(10px, env(safe-area-inset-right));border-radius:18px;width:68px;height:64px;font-size:26px}body.cutscene #btn-pause{display:none}html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;width:100%;height:100dvh;position:fixed;inset:0}#btn-fullscreen{z-index:24;top:max(8px, env(safe-area-inset-top));right:calc(max(10px, env(safe-area-inset-right)) + 76px);color:#fff;cursor:pointer;touch-action:manipulation;background:#0006;border:none;border-radius:16px;width:64px;height:64px;font-size:30px;line-height:1;position:fixed}#btn-fullscreen.hidden,#btn-fullscreen .on-icon,#btn-fullscreen.on .off-icon,body.cutscene #btn-fullscreen{display:none}#btn-fullscreen.on .on-icon{display:inline}#turn-phone{z-index:60;color:#f1f8ec;text-align:center;background:linear-gradient(#1d4a35,#08180f);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:20px;display:flex;position:fixed;inset:0}#turn-phone.hidden{display:none}#turn-phone .turn-icon{font-size:80px;animation:2.2s ease-in-out infinite turn-phone}@keyframes turn-phone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#turn-phone button{color:#d8eccd;touch-action:manipulation;background:0 0;border:2px solid #ffffff59;border-radius:16px;min-height:64px;padding:0 24px;font-size:17px}.menu-notes:empty{display:none}.menu-note{text-align:left;background:#00000040;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4}.menu-note.note-saves,.menu-note.note-oldSave{background:#96461473}.menu-note button{color:#1a2a20;cursor:pointer;touch-action:manipulation;background:#e9f1e2;border:none;border-radius:10px;min-height:44px;margin-left:6px;padding:0 14px;font-size:14px;font-weight:700}.menu-version{opacity:.45;margin:0;font-size:11px}.menu.dialog{z-index:50}.menu-hi{color:#fff3c4;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:700}.menu-hi.hidden,.menu-cloud.hidden{display:none}.menu-cloud{opacity:.85;margin:0;font-size:14px}.name-input{color:#10271b;text-align:center;box-sizing:border-box;background:#f4f9ef;border:2px solid #ffffff40;border-radius:14px;width:100%;min-height:56px;padding:0 14px;font-size:22px;font-weight:700}.code-input{letter-spacing:2px;text-transform:uppercase}.player-code{color:#10271b;letter-spacing:1px;-webkit-user-select:all;user-select:all;background:#f4f9ef;border-radius:14px;padding:14px 10px;font:700 clamp(22px,6.5vw,30px)/1.2 ui-monospace,Menlo,Consolas,monospace}.code-warning{text-align:left;background:#96461473;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4}.menu.dialog .menu-sub{line-height:1.4}.name-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.name-row .menu-sub{opacity:1;overflow-wrap:anywhere;font-size:18px;font-weight:700}.name-row .key-btn{min-height:48px}.online-box{flex-direction:column;gap:4px;display:flex}.online-box .menu-btn.small,.two-buttons .menu-btn.small{margin-top:6px}.two-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.small-print{font-size:13px;line-height:1.4}input.hidden{display:none}#human-check{z-index:70;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}