@font-face{font-family:Island;src:local("Trebuchet MS");font-display:swap}
.home-card #leave-home{display:block;margin:15px auto 0;font-size:11px;padding:10px 15px}.indoors .weather{visibility:hidden}.indoors .map-wrap small{visibility:hidden}.indoors .quest{background:#fffbedef}@media(max-width:600px){.home-card{width:165px!important}.home-card p{display:none}.home-card .quest-note{font-size:8px;margin-top:6px}.home-card #leave-home{padding:7px 10px;margin-top:9px;font-size:10px}}
:root{font-family:Island,"Segoe UI",sans-serif;color:#4d624c;font-synthesis:none;--cream:#fffbed;--green:#4e8062;--pink:#e8899c;--ink:#4d624c}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#9edbda}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ca637f;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#world{display:block;width:100vw;height:100dvh;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #567d5e17}.topbar{position:absolute;inset:26px 32px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.topbar button{pointer-events:auto}.island-brand{display:flex;align-items:center;gap:12px}.leaf-logo{display:grid;place-items:center;background:#fdf9e9;color:#6b9c6c;border-radius:22px 22px 22px 5px;width:58px;height:58px;font-size:51px;box-shadow:0 4px 0 #00000008;transform:rotate(-8deg)}.wordmark{display:block;font-size:36px;font-weight:900;letter-spacing:-2px;color:#fffceb;line-height:.95;text-shadow:0 2px 1px #48663c2e}.wordmark span{font-size:26px;color:#fff2aa;margin-left:3px}.island-name{display:block;margin-top:6px;font-size:9px;font-weight:800;letter-spacing:2.3px;color:#3d6654}.top-right{display:flex;align-items:center;gap:12px}.weather{display:flex;align-items:center;gap:9px;font-size:12px;margin-right:9px;font-weight:700}.weather>span{font-size:32px;color:#fff8ce}.weather small{display:block;margin-top:4px;font-size:10px;opacity:.7;font-weight:400}.money{border:0;background:var(--cream);border-radius:24px;display:flex;align-items:center;gap:9px;padding:13px 18px;color:#7c714c;box-shadow:0 4px 0 #52715715}.money>span{display:grid;place-items:center;background:#f8d983;border-radius:50%;width:27px;height:27px;font-size:23px;color:#b88c3e}.money b{font-size:19px}.money small{font-size:10px}.icon-button{border:0;background:#fffbeddf;width:42px;height:42px;border-radius:50%;color:#5c7659;font-size:20px;font-weight:800;box-shadow:0 4px 0 #52715715}.icon-button:hover,.money:hover{background:#fff}
.quest{position:absolute;left:30px;top:125px;width:237px;background:#fffbedee;box-shadow:0 8px 28px #49675212,0 4px 0 #ffffff70;border-radius:6px 24px 24px 24px;padding:20px 21px 15px;transform:rotate(-1deg)}.quest-heading{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#8d9c7e}.tiny-leaf{font-size:22px;color:#86a975}.quest-heading button{border:0;background:none;color:#8d9c7e;margin-left:auto;font-size:21px;line-height:1;padding:0 0 0 5px}.quest h2{font-size:19px;letter-spacing:-.6px;margin:9px 0 8px}.quest p{font-size:12px;line-height:1.7;margin:0 0 13px;color:#929785}.quest-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:7px 0;padding:7px 0;border-bottom:1px dashed #dce3cc}.quest-row b{font-size:12px;font-weight:600;color:#a89f84}.quest-row.done b{color:#54976a}.quest-note{font-size:10px;text-align:center;color:#91a27c;margin-top:16px;line-height:1.5}.quest.complete{background:#f8ffe9}.quest.complete .quest-note{color:#518563}.interaction{position:absolute;left:50%;bottom:115px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.interaction>span{background:#3f6348d6;color:#fff9e6;font-size:11px;letter-spacing:.5px;padding:6px 13px;border-radius:10px}.interaction button{pointer-events:auto;background:var(--cream);border:0;border-radius:30px;padding:12px 20px;color:#557557;font-size:15px;font-weight:800;box-shadow:0 4px 0 #435d442e;white-space:nowrap}kbd{font:700 10px Island,"Segoe UI",sans-serif;border:1px solid #ccdab8;border-bottom-width:3px;border-radius:5px;padding:4px 6px;background:#f6f8e9;color:#6b8060;letter-spacing:.5px}.interaction kbd{margin-right:7px}.bottom-bar{position:absolute;left:30px;bottom:27px;display:flex;align-items:center;gap:12px}.control-hints{background:#fffbedda;border-radius:20px;padding:16px;display:flex;gap:16px;font-size:11px;color:#7b8e6c;box-shadow:0 4px 0 #5271570d}.control-hints kbd{margin-right:3px}.bottom-bar button{border:0;background:var(--cream);border-radius:20px;color:#587854;font-size:12px;font-weight:700;padding:13px 16px;box-shadow:0 4px 0 #52715715}.bottom-bar button>span{font-size:24px;vertical-align:middle;margin-right:5px}.bottom-bar button kbd{margin-left:8px}.map-wrap{position:absolute;bottom:22px;right:27px;background:#fffbedeb;border:4px solid #fff9e9;border-radius:24px 24px 7px 24px;width:164px;padding:9px 8px 6px;box-shadow:0 5px 0 #55774712;text-align:center;transform:rotate(2deg);pointer-events:none}.map-wrap>span{font-size:9px;color:#809977;letter-spacing:.4px}.map-wrap canvas{display:block;width:100%;height:auto}.map-wrap small{display:block;font-size:8px;color:#d78396}.map-wrap small span{color:#7582b1}
.welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:105px 7% 28px;background:linear-gradient(90deg,#a9d4bc35,transparent 55%)}.welcome-card{background:#fffbedf2;padding:35px 38px 27px;border:3px solid #fffbed;border-radius:16px 65px 18px 45px;box-shadow:0 16px 65px #3d645e19;max-width:440px;transform:rotate(-1deg)}.welcome-leaf{font-size:52px;line-height:.8;color:#8daa6b;display:block;margin-bottom:18px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:#95a785}.welcome h1{font-size:51px;letter-spacing:-2.5px;font-weight:900;line-height:1.03;margin:17px 0 19px}.welcome h1 em{font-style:normal;color:#9aaa6b}.welcome p{font-size:13px;line-height:1.9;color:#939581;margin-bottom:24px}.primary{border:0;border-radius:16px;background:#7e9d68;color:#fffce9;font-weight:800;font-size:15px;padding:16px 22px;box-shadow:0 5px 0 #5e8152}.primary:hover{background:#708f5c;transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #5e8152}.primary span{margin-left:30px;font-size:21px}.welcome-hint{font-size:9px;color:#a1a28e;margin-top:18px}.welcome-caption{font-size:8px;color:#b4b7a0;letter-spacing:2px;margin-top:28px}.toast{position:absolute;top:108px;left:50%;transform:translate(-50%,-12px);padding:13px 23px;max-width:440px;text-align:center;background:#fffceff2;color:#64805a;font-size:13px;border-radius:22px;box-shadow:0 5px 20px #38625118;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:15;line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-shade{position:fixed;inset:0;background:#314a3e36;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:20;padding:24px}.modal{position:relative;width:470px;max-width:100%;max-height:90dvh;overflow:auto;background:var(--cream);padding:35px;border-radius:35px 15px 35px 15px;box-shadow:0 15px 80px #2f49312a}.modal h2{font-size:29px;letter-spacing:-1px;margin:12px 0 22px}.close{position:absolute;right:18px;top:14px;border:0;background:#eff0dd;color:#8b9979;border-radius:50%;width:30px;height:30px;font-size:24px;line-height:1}.modal p{font-size:14px;line-height:1.8;color:#8a947c}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inventory-item{background:#eff1dc;border-radius:17px;padding:17px 5px;text-align:center}.inventory-item>span{font-size:27px}.inventory-item b{display:block;font-size:21px;margin-top:8px}.inventory-item small{font-size:11px;color:#8a9879}.modal-info{padding:13px 16px;border-radius:14px;background:#edf2de;margin:17px 0;color:#85916e!important;font-size:12px!important}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal #modal-actions button{margin-top:12px;margin-right:10px}.secondary{border:1px solid #cdd9b9;border-radius:13px;padding:12px 17px;color:#779360;background:#f7f8e8;font-size:13px;font-weight:700}.color-options{display:flex;gap:12px;margin:16px 0}.color-choice{width:50px;height:50px;border:4px solid white;border-radius:50%;box-shadow:0 3px 0 #00000010}.color-choice[aria-pressed=true]{outline:3px solid #789c63;outline-offset:3px}.dialogue-wrap{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 65px;background:#314a3e09;z-index:21}.dialogue{position:relative;background:var(--cream);border-radius:37px 25px 36px 25px;width:650px;max-width:100%;padding:35px 35px 23px;box-shadow:0 12px 40px #48654122;transform:rotate(-.5deg)}.speaker{position:absolute;left:27px;top:-16px;background:#bcb0d5;border-radius:15px 15px 15px 4px;padding:10px 26px;color:white;font-size:16px;font-weight:800;transform:rotate(-3deg)}.dialogue p{line-height:1.8;font-size:17px;margin:0 0 13px;min-height:62px}.dialogue button{display:block;margin-left:auto;border:0;background:none;color:#8f9b79;font-size:12px}.dialogue button span{margin-left:15px}.fishing{position:absolute;bottom:195px;left:50%;transform:translateX(-50%);background:var(--cream);padding:18px 23px;border-radius:22px;text-align:center;min-width:245px;box-shadow:0 4px 0 #536e4c1a}.fishing>span{font-size:14px;font-weight:800}.fishing small{font-size:11px;color:#8d9c7d}.fish-track{height:9px;background:#dfe9d1;border-radius:8px;margin:12px 0 8px;overflow:hidden}#fish-progress{height:100%;width:0;background:#a3ba77;border-radius:8px}.fishing.bite{animation:bite .45s ease-in-out infinite alternate}.fishing.bite #fish-progress{background:#e9b75a}@keyframes bite{to{transform:translateX(-50%) scale(1.03)}}.loading{position:fixed;inset:0;display:grid;place-items:center;z-index:50;background:#eef2dc;color:#7e9765;font-size:18px}#joystick,#touch-action{display:none}
@media(max-width:900px){.topbar{inset:18px 19px auto}.weather{display:none}.quest{left:18px;top:108px;width:206px;padding:16px}.quest h2{font-size:17px}.control-hints{gap:8px;font-size:10px;padding:14px 12px}.bottom-bar{left:19px;bottom:20px;gap:9px}.map-wrap{right:18px;width:140px}.welcome{padding-left:5%}.welcome-card{padding:28px;max-width:380px}.welcome h1{font-size:45px}}
@media(max-width:600px){.topbar{inset:14px 14px auto}.leaf-logo{width:40px;height:42px;font-size:36px;border-radius:15px 15px 15px 4px}.island-brand{gap:8px}.wordmark{font-size:29px}.island-name{font-size:7px;letter-spacing:1.2px;margin-top:4px}.top-right{gap:6px}.money{padding:8px 10px;gap:5px}.money small{display:none}.money b{font-size:15px}.money>span{width:23px;height:23px;font-size:19px}.icon-button{width:32px;height:32px;font-size:17px}.quest{left:13px;top:82px;width:180px;padding:12px 14px;border-radius:5px 20px 20px 20px}.quest-heading{font-size:7px;letter-spacing:.8px}.quest h2{font-size:15px;margin:4px 0 7px}.quest p{font-size:10px;line-height:1.5;margin-bottom:7px}.quest-row{font-size:11px;padding:4px 0;margin:3px 0}.quest-row b{font-size:10px}.quest-note{font-size:9px;margin-top:9px}.welcome{padding:85px 18px 20px;justify-content:center;align-items:center}.welcome-card{padding:26px 29px;max-width:338px;border-radius:14px 45px 15px 30px}.welcome h1{font-size:43px}.welcome-leaf{font-size:42px;margin-bottom:15px}.welcome p{font-size:12px;margin-bottom:20px}.welcome-hint{font-size:8px}.welcome-caption{margin-top:22px}.welcome .eyebrow{font-size:8px}.primary{padding:14px 20px}.map-wrap{bottom:155px;right:12px;width:105px;padding:5px;border-width:3px;border-radius:18px 18px 5px 18px}.map-wrap>span{font-size:7px}.map-wrap small{font-size:7px}.bottom-bar{left:auto;right:16px;bottom:23px}.control-hints{display:none}.bottom-bar button{padding:10px 12px;font-size:11px;border-radius:15px}.bottom-bar button kbd{display:none}.bottom-bar button>span{font-size:20px}.interaction{bottom:170px;max-width:90%}.interaction button{padding:10px 15px;font-size:12px}.interaction>span{font-size:10px}.interaction kbd{display:none}.toast{top:76px;font-size:11px;padding:10px 15px;max-width:90%;width:max-content}.modal{padding:27px 24px}.modal h2{font-size:25px}.dialogue-wrap{padding-bottom:170px}.dialogue{padding:29px 23px 17px;border-radius:25px}.dialogue p{font-size:14px;min-height:65px}.speaker{padding:8px 20px;font-size:13px}.fishing{bottom:230px;min-width:225px}.fishing>span{font-size:12px}}
@media(pointer:coarse){body.playing #joystick{display:block;position:absolute;bottom:32px;left:25px;width:110px;height:110px;border-radius:50%;border:2px solid #fffbed80;background:#fffbed35;touch-action:none}#joystick-knob{position:absolute;left:31px;top:31px;width:44px;height:44px;border-radius:50%;background:#fffbedcf;box-shadow:0 3px 0 #4a6d4320;pointer-events:none}body.playing #touch-action{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:78px;right:23px;width:64px;height:64px;border-radius:50%;border:3px solid #fffbed;background:#9ab474;color:white;font-size:24px;font-weight:800;box-shadow:0 5px 0 #587c4a35;touch-action:none}#touch-action span{font-size:9px;margin-top:1px}.control-hints{display:none}.bottom-bar{left:auto;right:20px}}
@media(max-height:680px) and (min-width:601px){.welcome-card{padding:22px 29px}.welcome h1{font-size:39px;margin:12px 0}.welcome-leaf{font-size:35px;margin-bottom:12px}.welcome p{font-size:12px;margin-bottom:15px}.welcome-caption{margin-top:16px}.quest{top:102px;padding:13px 18px}.quest p{margin-bottom:6px}.quest-row{padding:4px 0}.quest-note{margin-top:9px}.map-wrap{width:132px}}