@import url('data:text/css,');
:root{--ink:#243b55;--teal:#167e79;--cream:#fffdf2;--orange:#ff895d;--shadow:0 8px 35px #3a72851a;font-family:ui-rounded,'Avenir Next','Trebuchet MS',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#baeee9}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #206776;outline-offset:5px}button[disabled]{opacity:.6;cursor:wait}button{color:var(--ink)}[hidden]{display:none!important}#app{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}#world{position:absolute;inset:0;z-index:-3;background:linear-gradient(#b8edf0,#d8f5e1 65%,#ffe4c7)}#world canvas{width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 60% 20%,transparent 55%,#718cc60f)}.topbar{position:absolute;left:4.5%;right:3.5%;top:max(26px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:6}.brand{color:var(--ink);display:flex;gap:10px;text-decoration:none;align-items:center;font-size:12px;letter-spacing:2px;font-weight:900}.brandmark{display:grid;place-items:center;font-size:32px;width:43px;height:43px;background:#fffdf2c9;border:1px solid #fff9;border-radius:15px;color:#f29358;box-shadow:0 4px 14px #6995a41a}.brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:1.35px;margin-top:5px}.top-actions{display:flex;gap:10px}.icon-button{border:1px solid #fff9;background:#fffdf2d9;border-radius:50%;height:45px;min-width:45px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:21px;box-shadow:var(--shadow)}#sound{width:66px;border-radius:24px}#soundText{font-size:8px;font-weight:800;letter-spacing:.6px}#pause{display:none}.intro{position:absolute;left:7%;top:50%;transform:translateY(-46%);width:430px;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#367e80;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#f79669}.intro h1{font:700 clamp(55px,6.7vw,91px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-4.5px;margin:23px 0 23px;text-shadow:0 3px 0 #fff8}.intro h1 em{font-style:italic;color:#178b84}.tagline{font-size:21px;line-height:1.43;font-weight:600;letter-spacing:-.5px;margin:0 0 17px}.description{color:#56727c;font-size:13px;line-height:1.7;margin:0 0 22px}.mode-picker{display:flex;gap:4px;background:#effbf6a3;width:310px;padding:5px;border:1px solid #fff8;border-radius:14px;margin-bottom:12px}.mode-picker button{padding:9px 12px;border:0;flex:1;border-radius:9px;background:transparent;font-size:12px;font-weight:800;text-align:left}.mode-picker small{display:block;font-size:9px;font-weight:500;color:#658484;margin-top:4px}.mode-picker button.selected{background:var(--cream);box-shadow:0 2px 9px #398a8214}.primary{width:310px;border:0;border-radius:15px;background:var(--orange);font-weight:900;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;font-size:15px;box-shadow:0 6px 0 #d9785066,0 12px 25px #c97d4630;transition:transform .15s,background .15s}.primary:hover{background:#ff9b70;transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #d9785050}.primary>span{font-size:23px;line-height:1}.controls-desktop{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:24px;color:#5a7b82}.key{font-size:9px;font-weight:800;letter-spacing:1px;background:#ffffff7a;border:1px solid #fffc;padding:5px 6px;border-radius:5px}.controls-mobile{display:none}.world-label{position:absolute;left:68%;bottom:14%;font-size:10px;letter-spacing:2px;text-align:center;transform:rotate(-5deg);font-weight:800;color:#315b6b}.world-label>span{display:block;font-size:27px;line-height:1.4}.world-label small{display:block;font-size:10px;letter-spacing:.2px;font-weight:400;margin-top:7px;font-style:italic}.bottom-note{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:1.8px;color:#638a8b}#hud{position:absolute;top:95px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;pointer-events:none}.fruit-meter{display:flex;align-items:center;gap:11px;background:#fffdf2ed;border:1px solid #fff;border-radius:18px;padding:11px 18px;box-shadow:var(--shadow)}.fruit-icon{font-size:34px;color:#ffa34d;text-shadow:0 3px 0 #ffd398}.hud-kicker{display:block;font-size:8px;letter-spacing:1.5px;font-weight:800;color:#67878a}.fruit-meter strong{font-size:25px;line-height:1.15;letter-spacing:-.5px}.muted{font-size:15px;color:#9bacad;font-weight:500}.fruit-dots{display:grid;grid-template-columns:repeat(4,7px);gap:5px;margin-left:6px}.fruit-dots i{width:7px;height:7px;background:#deebe3;border-radius:50%;transition:background .3s}.fruit-dots i.filled{background:#f7aa43}.weather{width:220px;background:#fffdf2da;padding:13px 17px;border-radius:15px;box-shadow:var(--shadow)}.weather-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.weather-row span{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#6e7d95}.weather-row strong{font-size:18px}.weather-track{height:4px;border-radius:5px;background:#e5e9e8;margin-top:9px;overflow:hidden}#weatherBar{height:100%;width:100%;background:#75c8b4;transition:width .3s,background .3s}.health{font-size:22px;letter-spacing:6px;color:#f38876;text-shadow:0 2px 0 #fff9;background:#fffdf2dc;padding:13px 17px 13px 22px;border-radius:16px}.health .lost{color:#d9ddd7}#toast{position:absolute;top:180px;left:50%;transform:translate(-50%,-10px);background:#fffdf2ee;border:1px solid white;box-shadow:var(--shadow);font-size:13px;font-weight:700;padding:12px 20px;border-radius:30px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center;max-width:90%;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}#objective{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;width:85%}#islandName{display:block;font-size:10px;letter-spacing:2.5px;font-weight:900;color:#246575;text-shadow:0 1px 4px #fffb}#objectiveText{display:block;font:italic 18px Georgia,serif;margin-top:9px;color:#305169;text-shadow:0 2px 5px white}#gameHints{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;gap:27px;color:#537f88;font-size:10px;white-space:nowrap}#gameHints b{font-size:9px;letter-spacing:1px;margin-right:5px;color:#315e6b}.overlay{position:absolute;inset:0;z-index:10;background:#c6eeed65;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.dialog{background:#fffdf3;border:2px solid #fff;border-radius:28px;padding:34px 42px;text-align:center;max-width:440px;width:100%;box-shadow:0 30px 100px #3768873b}.dialog .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.7px}.dialog h2{font:bold 41px/1.06 Georgia,serif;letter-spacing:-1.7px;margin:19px 0 13px}.dialog p{font-size:13px;color:#6c8089;line-height:1.75;margin:0 0 24px}#dialogIcon{font-size:47px;color:#eead56;margin-bottom:12px}.dialog .primary{width:100%}.secondary{background:#e7f4ee;border:0;padding:15px;width:100%;border-radius:12px;font-size:12px;font-weight:800;margin-top:14px}.text-button{background:transparent;border:0;color:#6d8b8b;font-size:11px;padding:15px 5px 0}.secondary:hover{background:#d7ece4}#endStats{display:flex;justify-content:center;gap:30px;margin:2px 0 25px}#endStats strong{display:block;color:#218b84;font-size:27px}#endStats span{font-size:8px;letter-spacing:1.5px;text-transform:uppercase}#touchControls{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:25px;right:25px;justify-content:space-between;align-items:center;pointer-events:none;z-index:5}#joystick{width:122px;height:122px;border:2px solid #fff9;border-radius:50%;background:#ffffff36;position:relative;pointer-events:auto;touch-action:none;box-shadow:0 3px 25px #3260770d}#stick{position:absolute;left:35px;top:35px;width:48px;height:48px;background:#fffdf2d9;border:2px solid white;border-radius:50%;box-shadow:0 4px 12px #23596222;pointer-events:none}.joystick-arrows{position:absolute;inset:6px;text-align:center;color:#42747f50;font-size:22px;line-height:34px;pointer-events:none}#jump{pointer-events:auto;touch-action:none;border:2px solid #fffb;border-radius:50%;background:#ffc078dc;color:#4b6470;height:88px;width:88px;font-size:31px;box-shadow:0 5px 0 #b67f4144}#jump span{display:block;font-size:10px;letter-spacing:1.5px;font-weight:900}#jump:active{transform:translateY(3px)}body.playing .brand-sub{display:none}body.playing .brand{font-size:10px}body.playing #pause{display:flex}
@media(max-height:700px) and (min-width:701px){.intro{transform:translateY(-45%)}.intro h1{font-size:68px;margin:15px 0}.tagline{font-size:18px;line-height:1.3;margin-bottom:12px}.description{font-size:12px;margin-bottom:16px}.mode-picker{margin-bottom:8px}.mode-picker button{padding:7px 10px}.primary{padding:15px 21px}.controls-desktop{margin-top:16px}.bottom-note{bottom:18px}}
@media(max-width:700px){.topbar{top:max(20px,env(safe-area-inset-top));left:22px;right:20px}.brand{font-size:10px;letter-spacing:1.5px}.brandmark{height:36px;width:36px;font-size:27px;border-radius:12px}.brand-sub{font-size:7px}.icon-button{height:38px;min-width:38px;font-size:18px}#sound{width:56px}.intro{left:7%;top:26%;transform:none;width:86%}.intro h1{font-size:clamp(53px,13.5vw,75px);letter-spacing:-3px;margin:15px 0}.eyebrow{font-size:8px;letter-spacing:1.7px}.tagline{font-size:17px;margin-bottom:12px}.description{font-size:11px;margin-bottom:16px;max-width:235px}.desktop-break{display:none}.mode-picker{width:264px}.mode-picker button{font-size:11px;padding:8px 10px}.primary{width:264px;padding:15px 20px;font-size:14px;border-radius:13px}.controls-desktop{display:none}.controls-mobile{display:block;font-size:9px;max-width:245px;color:#547b80;line-height:1.6;margin-top:18px}.world-label{display:none}.bottom-note{left:7%;bottom:18px;font-size:7px;letter-spacing:1px}.bottom-note span:last-child{display:none}#hud{top:77px;left:18px;right:18px;gap:8px;flex-wrap:wrap;align-items:flex-start}.fruit-meter{padding:9px 12px;gap:8px;border-radius:14px}.fruit-meter strong{font-size:22px}.fruit-icon{font-size:25px}.fruit-dots{margin-left:1px;grid-template-columns:repeat(4,5px);gap:4px}.fruit-dots i{width:5px;height:5px}.hud-kicker{font-size:7px}.weather{width:154px;padding:10px 12px;border-radius:12px}.weather-row{gap:5px}.weather-row span{font-size:6px;letter-spacing:.6px}.weather-row strong{font-size:16px}.health{position:absolute;right:0;top:61px;font-size:14px;padding:7px 9px 7px 12px;letter-spacing:3px;border-radius:10px}#toast{top:151px;font-size:11px;padding:10px 15px;max-width:86%}#gameHints{display:none!important}#objective{bottom:168px}#islandName{font-size:8px;letter-spacing:1.8px}#objectiveText{font-size:16px}#touchControls:not([hidden]){display:flex}.dialog{padding:27px 25px;border-radius:24px;max-width:370px}.dialog h2{font-size:36px}.dialog p{font-size:12px}.dialog .primary{width:100%}}
@media(pointer:coarse){#gameHints{display:none!important}#touchControls:not([hidden]){display:flex}.controls-desktop{display:none}.controls-mobile{display:block;font-size:10px;color:#547b80;line-height:1.5;margin-top:18px;max-width:280px}#objective{bottom:170px}}
@media(min-width:701px) and (pointer:fine){#touchControls{display:none}}
@media(max-height:650px) and (max-width:700px){.intro{top:19%}.intro h1{font-size:49px}.tagline{display:none}.description{margin-bottom:10px}.controls-mobile{margin-top:12px}.mode-picker button{padding:6px 10px}.bottom-note{display:none}}
@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}