:root{--ink-950:#041624;--ink-900:#06192b;--ink-800:#0b2740;--ink-700:#123754;--ink-600:#1d4a6b;--glass:#06192bc7;--glass-strong:#06192beb;--glass-line:#a0e1e629;--sand-50:#fffaf0;--sand-100:#f6ecd6;--sand-300:#e3cfa6;--sand-500:#bfa47a;--mist:#9fb9c6;--lagoon-300:#8ff0e2;--lagoon-400:#4fe0cf;--lagoon-500:#22c3b4;--lagoon-700:#0e7c78;--coral-400:#ff8a65;--coral-500:#ff6a45;--sun-400:#ffd678;--sun-500:#ffbf3c;--palm-500:#5cb85c;--danger:#ff5d5d;--good:#66e0a3;--treasure:#ffd25a;--r-sm:10px;--r-md:16px;--r-lg:24px;--shadow:0 18px 50px #000a1473, 0 2px 8px #000a144d;--f-display:"Fraunces", Georgia, serif;--f-ui:"Manrope", system-ui, sans-serif;--f-num:"JetBrains Mono", ui-monospace, monospace;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--ink-900);height:100%;color:var(--sand-100);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#gl,#fx{touch-action:none;display:block;position:fixed;inset:0}#fx{pointer-events:none}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui>*{pointer-events:none}.pe{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--glass-line);box-shadow:var(--shadow)}.btn{letter-spacing:.01em;pointer-events:auto;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform .12s,background .2s;display:inline-flex}.btn:hover{background:#ffffff21}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(180deg, var(--lagoon-400), var(--lagoon-500));color:var(--ink-950);border-color:#0000;box-shadow:0 6px 18px #22c3b459}.btn.coral{background:linear-gradient(180deg, var(--coral-400), var(--coral-500));color:#2a0d04;border-color:#0000}.btn.sun{background:linear-gradient(180deg, var(--sun-400), var(--sun-500));color:#2a1a00;border-color:#0000}.btn.ghost{background:0 0}.btn.sm{padding:6px 12px;font-size:12.5px}.btn.icon{width:44px;height:44px;padding:0}.btn[disabled],.btn.disabled{opacity:.38;pointer-events:none}.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}.mvr:after{content:" MVR";opacity:.7;font-size:.72em;font-family:var(--f-ui);font-weight:700}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--mist);font-size:11px;font-weight:700}.display{font-family:var(--f-display);letter-spacing:-.01em;font-weight:600}.muted{color:var(--mist)}.chip{color:var(--sand-100);background:#ffffff14;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.chip.lagoon{color:var(--lagoon-300);background:#4fe0cf29}.chip.coral{color:var(--coral-400);background:#ff6a452e}.chip.sun{color:var(--sun-400);background:#ffd67829}.chip.good{color:var(--good);background:#66e0a329}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.hud-top{top:calc(10px + var(--safe-t));justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;left:10px;right:10px}.clock{border-radius:var(--r-md);pointer-events:auto;align-items:center;gap:12px;padding:10px 14px;display:flex}.clock .time{font-family:var(--f-num);font-size:22px;font-weight:700;line-height:1}.clock .date{color:var(--mist);margin-top:3px;font-size:11.5px;font-weight:600}.stats{border-radius:var(--r-md);pointer-events:auto;align-items:center;gap:12px;padding:8px 12px;display:flex}.money{font-family:var(--f-num);color:var(--sun-400);font-size:18px;font-weight:700}.needs{gap:8px;display:flex}.need{width:34px;height:34px;position:relative}.need svg.ring{position:absolute;inset:0;transform:rotate(-90deg)}.need .ic{place-items:center;display:grid;position:absolute;inset:0}.need.low .ic{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.35}}.where{top:calc(78px + var(--safe-t));pointer-events:auto;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 20px);padding:8px 14px;font-size:13px;font-weight:700;display:flex;position:absolute;left:10px}.where .atoll{color:var(--mist);font-weight:600}.hint{top:calc(122px + var(--safe-t));color:var(--coral-400);pointer-events:auto;border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 80px);padding:7px 12px;font-size:12.5px;font-weight:700;animation:.4s toastIn;display:flex;position:absolute;left:10px}.side{right:10px;top:calc(120px + var(--safe-t));flex-direction:column;gap:8px;display:flex;position:absolute}.side .btn{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:14px;width:46px;height:46px;padding:0;position:relative}.badge{background:var(--coral-500);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.toasts{top:calc(124px + var(--safe-t));flex-direction:column;align-items:center;gap:6px;width:min(92vw,420px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{text-align:center;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700;animation:.35s cubic-bezier(.2,1.4,.4,1) toastIn}.toast.good{color:var(--good)}.toast.bad{color:var(--coral-400)}.toast.treasure{color:var(--treasure);box-shadow:0 0 0 1px #ffd25a66, var(--shadow)}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}}.sheet{left:50%;bottom:calc(10px + var(--safe-b));border-radius:var(--r-lg);pointer-events:auto;flex-direction:column;width:min(560px,100vw - 20px);max-height:min(62vh,640px);animation:.35s cubic-bezier(.2,1.1,.3,1) sheetIn;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}@keyframes sheetIn{0%{opacity:0;transform:translate(-50%,30px)}}.sheet-head{flex-shrink:0;align-items:flex-start;gap:12px;padding:16px 18px 10px;display:flex}.sheet-head h2{font-family:var(--f-display);letter-spacing:-.015em;margin:2px 0 0;font-size:26px;font-weight:600;line-height:1.05}.sheet-body{padding:4px 18px 16px}.tabs{scrollbar-width:none;flex-shrink:0;gap:4px;padding:0 12px 8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--mist);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.tab.on{color:var(--lagoon-300);background:#4fe0cf24}.actions{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.action{text-align:left;border-radius:var(--r-md);background:#ffffff0d;border:1px solid #ffffff12;align-items:flex-start;gap:10px;padding:12px;transition:background .15s,transform .12s;display:flex}.action:hover{background:#ffffff17}.action:active{transform:scale(.97)}.action .t{font-size:14px;font-weight:800}.action .d{color:var(--mist);margin-top:2px;font-size:12px;line-height:1.3}.action .ico{width:34px;height:34px;color:var(--lagoon-300);background:#4fe0cf1f;border-radius:10px;flex:none;place-items:center;display:grid}.action.disabled{opacity:.42;pointer-events:none}.list{flex-direction:column;gap:6px;display:flex}.li{background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.li .name{font-size:14px;font-weight:700}.li .sub{color:var(--mist);font-size:12px}.itm{background:#ffffff12;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:21px;display:grid;position:relative}.itm .q{font-family:var(--f-num);background:var(--ink-800);border:1px solid var(--glass-line);border-radius:6px;padding:0 4px;font-size:10px;font-weight:700;position:absolute;bottom:-4px;right:-4px}.itm.c-treasure{background:#ffd25a29}.itm.c-fish{background:#4fe0cf21}.itm.c-tool{background:#9fb9c629}.itm.c-food,.itm.c-drink{background:#ff8a6521}.itm.c-crop,.itm.c-seed{background:#5cb85c29}.section-title{font-family:var(--f-display);margin:14px 0 8px;font-size:17px;font-weight:600}.bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--lagoon-500), var(--lagoon-300));border-radius:3px;height:100%;display:block}.kv{grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px;display:grid}.kv dt{color:var(--mist)}.kv dd{margin:0;font-weight:700}.x{pointer-events:auto;background:#ffffff12;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.console{left:50%;bottom:calc(10px + var(--safe-b));border-radius:var(--r-lg);pointer-events:auto;flex-direction:column;gap:10px;width:min(620px,100vw - 20px);padding:12px 14px;display:flex;position:absolute;transform:translate(-50%)}.gauges{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.gauge{flex-direction:column;gap:3px;min-width:70px;display:flex}.gauge .v{font-family:var(--f-num);font-size:16px;font-weight:700}.gauge .l{letter-spacing:.12em;text-transform:uppercase;color:var(--mist);font-size:10.5px;font-weight:700}.compass{flex:none;width:54px;height:54px}.warp{background:#ffffff0f;border-radius:999px;padding:3px;display:inline-flex}.warp button{font-family:var(--f-num);color:var(--mist);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.warp button.on{background:var(--sand-100);color:var(--ink-900)}.scrim{pointer-events:auto;z-index:10;background:radial-gradient(#04162459,#041624bf);place-items:center;padding:16px;animation:.25s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.modal{border-radius:var(--r-lg);width:min(440px,100%);max-height:88vh;padding:22px;animation:.35s cubic-bezier(.2,1.3,.4,1) pop;overflow-y:auto}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.modal h3{font-family:var(--f-display);letter-spacing:-.015em;margin:4px 0 12px;font-size:26px;font-weight:600}.modal p{color:var(--sand-100);margin:0 0 10px;font-size:15px;line-height:1.5}.modal .lines div{border-top:1px solid #ffffff0f;padding:7px 0;font-size:14.5px;font-weight:600}.choice{text-align:left;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;width:100%;margin-top:8px;padding:13px 14px;font-weight:700}.choice:hover{background:#4fe0cf1f;border-color:#4fe0cf59}.busy{left:50%;bottom:calc(24px + var(--safe-b));z-index:9;border-radius:999px;align-items:center;gap:14px;min-width:260px;padding:14px 20px;display:flex;position:absolute;transform:translate(-50%)}.busy .spin{border:3px solid #ffffff26;border-top-color:var(--lagoon-400);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.time-veil{z-index:8;pointer-events:auto;background:#04101c59;animation:.4s fade;position:absolute;inset:0}.title{pointer-events:auto;background:radial-gradient(at 50% 40%,#0416241a,#041624b3 75%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.logo{font-family:var(--f-display);letter-spacing:-.035em;text-align:center;color:var(--sand-50);text-shadow:0 6px 40px #00000073;font-size:clamp(46px,11vw,96px);font-weight:800;line-height:.92}.logo em{color:var(--lagoon-300);font-style:italic;font-weight:400}.tagline{color:var(--sand-300);text-align:center;max-width:440px;margin:14px 0 28px;font-size:15px;line-height:1.5}.starts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;width:min(760px,100%);display:grid}.start{text-align:left;border-radius:var(--r-md);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);padding:16px;transition:transform .15s,border-color .2s}.start:hover{border-color:#4fe0cf80;transform:translateY(-3px)}.start.on{border-color:var(--lagoon-400);box-shadow:0 0 0 2px #4fe0cf59, var(--shadow)}.start h4{font-family:var(--f-display);margin:6px 0;font-size:21px;font-weight:600}.start p{color:var(--mist);margin:0;font-size:13px;line-height:1.45}.field{border:1px solid var(--glass-line);width:100%;color:var(--sand-50);background:#ffffff0f;border-radius:12px;outline:none;padding:12px 14px;font-weight:700}.field:focus{border-color:var(--lagoon-400)}select.field{appearance:none}.credit{bottom:calc(6px + var(--safe-b));color:#c8dce68c;pointer-events:auto;font-size:10px;position:absolute;right:10px}.credit a{color:inherit}.fishgame{width:min(420px,100%)}.reel{touch-action:none;background:linear-gradient(#0d4d66,#062537);border-radius:18px;height:260px;position:relative;overflow:hidden}.reel canvas{width:100%;height:100%;position:absolute;inset:0}.legend{color:var(--mist);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}@media (max-width:560px){.clock{gap:8px;padding:8px 10px}.clock .wx-text{display:none}.where{top:calc(62px + var(--safe-t));padding:6px 12px;font-size:12px}.where .atoll{display:none}.side{top:calc(104px + var(--safe-t));gap:6px}.side .btn{width:40px;height:40px}.sheet{max-height:52vh}.toasts{top:calc(100px + var(--safe-t))}.hint{top:calc(98px + var(--safe-t))}.clock .time{font-size:18px}.stats{gap:8px;padding:7px 9px}.need{width:30px;height:30px}.money{font-size:15px}.sheet-head h2{font-size:22px}.actions{grid-template-columns:1fr 1fr}}