:root{color:#254b51;font-synthesis:none;--cream:#fff9ed;--ink:#254b51;--mint:#36877b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;font-weight:600}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:auto;background:#85d3df}button,input,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fd9c52}button:disabled{opacity:.43;cursor:default}button:active{transform:translateY(2px)}button .icon{pointer-events:none}.icon{vertical-align:middle;flex-shrink:0;width:23px;height:23px;display:inline-block}.stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.world-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tile-label{text-align:center;white-space:nowrap;filter:drop-shadow(0 3px 2px #275f5d20);color:#426968;background:#ecf6e8e8;border:1px solid #ffffff75;border-radius:12px;min-width:100px;max-width:160px;padding:7px 10px 8px;font-size:10px;transition:background .25s,opacity .25s;position:absolute;top:0;left:0;overflow:hidden}.tile-label:after{content:"";height:4px;width:var(--progress,0%);background:#f2b65c;position:absolute;bottom:0;left:0}.tile-label.affordable{color:#5f6346;background:#fff4d7;border:1px solid #fff9e8}.tile-name{font-size:11px;font-weight:800;display:block}.tile-cost{color:#647a68;margin-top:3px;font-size:10px;display:block}.tile-cta{opacity:.8;margin-top:3px;font-size:8px;font-weight:700;display:block}.resource-float{white-space:nowrap;text-shadow:0 2px 3px #264e5290;pointer-events:none;font-size:15px;font-weight:900;position:absolute;top:0;left:0}.hud{top:calc(16px + var(--safe-top));pointer-events:none;z-index:5;max-width:580px;margin:auto;position:absolute;left:18px;right:18px}.brand-line{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.brand{color:#265653;text-shadow:0 1px #ffffff80;align-items:center;gap:7px;display:flex}.brand .icon{color:#42695b;width:20px}.brand strong{letter-spacing:.03em;font-size:18px}.brand small{letter-spacing:.18em;opacity:.75;margin-left:7px;font-size:9px}.hud button{pointer-events:auto}.circle-button{background:#fff9ede8;border-radius:13px;justify-content:center;align-items:center;width:37px;height:37px;display:flex;box-shadow:0 3px #437e7730}.circle-button .icon{width:18px}.resources{gap:7px;display:flex}.resource-pill{background:#fffaf0ee;border:1px solid #fff;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 11px;font-size:14px;display:flex;box-shadow:0 3px #396c6130}.resource-pill:first-child{color:#866832;flex:1.2}.resource-pill .icon{width:19px;height:19px}.resource-pill.wood{color:#996744}.resource-pill.stone{color:#6b8292}.resource-pill.crystal{color:#9365b7}.resource-pill span{font-variant-numeric:tabular-nums}.under-hud{color:#316264;justify-content:space-between;gap:10px;margin-top:11px;font-size:10px;display:flex}.island-info{background:#ffffff36;border-radius:9px;align-items:center;gap:5px;padding:6px 9px;display:flex}.island-info .icon{width:13px;height:13px}.bag-info{background:#ffffff6b;border-radius:9px;align-items:center;gap:5px;padding:6px 10px;display:flex}.bag-info .icon{width:14px;height:14px}.bag-info.full{color:#946c34;background:#fff0cc}.hint{top:calc(150px + var(--safe-top));text-align:center;pointer-events:none;color:#366865;opacity:.85;font-size:10px;position:absolute;left:15px;right:15px}.toast{z-index:30;left:50%;top:calc(175px + var(--safe-top));color:#fff9ed;text-align:center;pointer-events:none;opacity:0;background:#254b51ed;border-radius:14px;max-width:90vw;padding:12px 17px;font-size:12px;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}.bottom-ui{left:16px;right:16px;bottom:calc(16px + var(--safe-bottom));z-index:6;pointer-events:none;max-width:550px;margin:auto;position:absolute}.quest-card{pointer-events:auto;text-align:left;background:#fffaf1f2;border-radius:18px;align-items:center;gap:11px;width:100%;min-height:69px;margin-bottom:12px;padding:11px 13px;display:flex;box-shadow:0 4px #487e6730}.quest-icon{color:#749559;background:#e8f0d5;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.quest-content{flex:1;min-width:0}.quest-title{font-size:12px;font-weight:800}.quest-desc{color:#7b8c7b;white-space:normal;margin-top:4px;font-size:9px}.quest-progress{background:#e4e9d8;border-radius:10px;height:4px;margin-top:7px;overflow:hidden}.quest-progress span{background:#8cba77;border-radius:10px;height:100%;transition:width .3s;display:block}.quest-reward{color:#947539;align-items:center;gap:3px;font-size:11px;display:flex}.quest-reward .icon{width:15px;height:15px}.quest-card.claimable{background:#fff0c9}.quest-card.claimable .quest-icon{color:#977538;background:#f4d37a}.quest-card.claimable .quest-reward{color:#fff;background:#d59b46;border-radius:9px;padding:8px 10px}.dock{pointer-events:auto;gap:8px;display:flex}.dock-button{color:#3a6464;background:#fffaf1;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:7px;padding:13px 4px;font-size:12px;font-weight:800;display:flex;box-shadow:0 4px #46767355}.dock-button .icon{width:19px;height:19px}.dock-button:first-child{color:#fff9ea;background:#327e72;box-shadow:0 4px #245e5960}.dock-button.supply{color:#956b30;background:#ffe3a4}.controls-hint{bottom:calc(180px + var(--safe-bottom));text-align:center;color:#2e6261;opacity:.75;pointer-events:none;font-size:10px;position:absolute;left:0;right:0}.zoom-controls{z-index:6;flex-direction:column;gap:8px;display:flex;position:absolute;top:45%;right:17px}.zoom-controls button{background:#fffaf0b8;border-radius:10px;width:30px;height:30px}.zoom-controls .icon{width:15px}.joystick{pointer-events:none;z-index:12;background:#ffffff25;border:2px solid #ffffff80;border-radius:50%;width:102px;height:102px;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.joystick.active{display:block}.joystick-knob{background:#fff5dcdd;border:3px solid #fff;border-radius:50%;width:42px;height:42px;position:absolute;top:28px;left:28px;box-shadow:0 2px 3px #305c6355}.modal-layer{z-index:20;-webkit-backdrop-filter:blur(4px);touch-action:auto;background:#214c5360;justify-content:center;align-items:flex-end;display:none;position:absolute;inset:0}.modal-layer.open{display:flex}.sheet{width:min(100%,540px);max-height:85%;padding:22px 22px calc(26px + var(--safe-bottom));overscroll-behavior:contain;touch-action:pan-y;background:#fffaf0;border-radius:28px 28px 0 0;overflow-y:auto;box-shadow:0 -10px 60px #295b5730}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-head h2{letter-spacing:.04em;margin:0;font-size:20px}.sheet-close{background:#e9eddf;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sheet-close .icon{height:17px}.sheet-sub{color:#809083;margin-bottom:20px;font-size:11px;line-height:1.8}.tabs{gap:7px;margin:14px 0 20px;display:flex}.tabs button{background:#e7eddf;border-radius:10px;flex:1;padding:10px;font-size:12px}.tabs button.active{color:#fff;background:#397f72}.shop-row{border-bottom:1px solid #e6e9df;align-items:center;gap:12px;padding:14px 0;display:flex}.shop-row:last-child{border:0}.shop-art{color:#739269;background:#e6efd8;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:51px;height:51px;display:flex}.shop-art .icon{width:27px;height:27px}.shop-info{flex:1}.shop-info b{font-size:13px;display:block}.shop-info small{color:#8b9989;margin-top:4px;font-size:10px;line-height:1.7;display:block}.buy-button{color:#fff;background:#397f72;border-radius:12px;min-width:86px;padding:11px 13px;font-size:11px}.buy-button .icon{width:14px;height:14px;margin-right:4px}.small-note{color:#849387;margin:15px 0;font-size:10px;line-height:1.9}.stats-grid{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 16px;display:grid}.stat-box{background:#edf1e3;border-radius:14px;padding:13px}.stat-box b{margin-bottom:5px;font-size:20px;display:block}.stat-box small{color:#83917d;font-size:10px}.resource-row{border-bottom:1px solid #e7e9dd;justify-content:space-between;align-items:center;padding:13px 0;font-size:13px;display:flex}.resource-row .icon{margin-right:6px}.resource-row button{color:#547763;background:#e8eedc;border-radius:9px;margin-left:6px;padding:9px;font-size:11px}.big-button{color:#fff;background:#397f72;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:12px;padding:15px;font-size:13px;font-weight:800;display:flex;box-shadow:0 3px #286356}.big-button.secondary{color:#58725e;background:#edf0df;box-shadow:0 3px #dce4d3}.hero-layer{z-index:15;padding:25px 22px calc(45px + var(--safe-bottom));pointer-events:none;background:linear-gradient(#0000 35%,#5faeba88);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.hero-panel{pointer-events:auto;text-align:center;background:#fffaf1f5;border:2px solid #fff;border-radius:28px;width:min(100%,400px);padding:28px 28px 24px;box-shadow:0 12px 45px #34666530}.hero-eyebrow{letter-spacing:.3em;color:#8a9b7e;margin-bottom:14px;font-size:10px}.hero-panel h1{letter-spacing:.1em;color:#347b70;margin:0;font-size:35px;font-weight:900;line-height:1.5}.hero-panel p{color:#7c8f80;margin:13px 0 20px;font-size:12px;line-height:1.9}.hero-tag{color:#94a38c;align-items:center;gap:5px;margin-top:16px;font-size:10px;display:inline-flex}.hero-tag .icon{width:13px;height:13px}.hidden{display:none!important}.settings-row{border-bottom:1px solid #e4e8db;justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;display:flex}.toggle{color:#8b988a;background:#e3e8d9;border-radius:20px;min-width:63px;padding:8px;font-size:10px}.toggle.on{color:#fff;background:#3b8876}.setting-select{color:#5f7e6c;background:#eef2e6;border:1px solid #d5dfc9;border-radius:10px;padding:7px 10px;font-size:11px}.danger{color:#b37465!important}.settings-links{justify-content:center;gap:18px;margin-top:20px;font-size:10px;display:flex}.settings-links a{color:#839682}.map-grid{aspect-ratio:1;grid-template-columns:repeat(5,1fr);gap:5px;margin:15px 0;display:grid}.map-cell{color:#62826b;text-align:center;background:#dee8d5;border-radius:10px;justify-content:center;align-items:center;padding:5px;font-size:8px;line-height:1.7;display:flex}.map-cell.owned{background:#b4d497}.map-cell.empty{background:0 0}.map-cell.next{color:#8f722e;background:#ffdf9d}.map-cell.current{box-shadow:inset 0 0 0 2px #327d70}.land-list{font-size:11px}.land-item{border-bottom:1px solid #e5e9dc;justify-content:space-between;gap:10px;padding:12px 0;display:flex}.land-item small{color:#83947e;line-height:1.7}.fatal{background:#fffaf0;border-radius:24px;max-width:550px;margin:auto;padding:60px 30px;font-size:14px;line-height:2}.modal-layer .sheet ul{padding-left:20px;font-size:12px;line-height:2}.modal-layer .sheet p{color:#7f9281;font-size:12px;line-height:1.9}.progress-banner{background:#e7eddc;border-radius:14px;padding:14px;font-size:11px;line-height:1.8}.boost-badge{right:17px;top:calc(140px + var(--safe-top));color:#796234;pointer-events:none;background:#ffe1a4d9;border-radius:10px;padding:7px 10px;font-size:10px;position:absolute}.footer-credits{text-align:center;color:#91a08c;margin-top:16px;font-size:9px;line-height:1.8}@media (width>=800px){.hud{width:390px;top:24px;left:26px;right:auto}.bottom-ui{max-width:470px;bottom:24px}.brand small{display:inline}.hero-layer{justify-content:flex-end;align-items:center;padding-right:10%}.hero-panel{background:#fffaf1f4;width:390px}.hint{text-align:left;top:155px;left:26px}.toast{top:45px}.zoom-controls{right:30px}.sheet{border-radius:28px;max-height:90%;margin:24px}.modal-layer{align-items:center}.boost-badge{top:26px;right:30px}.controls-hint{bottom:187px}}@media (height<=650px){.quest-desc{display:none}.quest-card{min-height:54px}.dock-button{padding:10px 3px}.hero-panel{padding:18px}.hero-panel h1{font-size:28px}.hero-panel p{margin:7px 0 11px}.hint{display:none}}.delivery-card{background:#fff8df;border:2px solid #dfbc5e;border-radius:16px;margin:0 0 18px;padding:16px}.delivery-card b{color:#77540e;font-size:18px}.delivery-card p{margin:10px 0;font-weight:800}.delivery-card small{color:#756b4d;line-height:1.6;display:block}.cost-list{background:#edf5eb;border-radius:12px;margin:12px 0;padding:12px;font-weight:800;line-height:1.9}.cost-list .short{color:#ad492c}.cost-list .enough{color:#327753}.water-entry,.water-goal{background:#e4f4f6;border:2px solid #83b9cb;border-radius:16px;margin-bottom:14px;padding:14px}.water-entry p,.water-goal p{margin:8px 0;font-size:13px}.canal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:18px 0;display:grid}.canal-cell{background:#f1ede2;border:2px solid #ced3ca;border-radius:10px;min-width:0;height:72px;min-height:44px;padding:0;position:relative;overflow:hidden}.canal-cell.owned{background:#e5edce}.canal-cell.flowing{background:#d4edf2;border-color:#69a7b9}.canal-cell span{color:#244c51;white-space:normal;background:#f8fcf2e8;min-height:18px;font-size:9px;font-weight:700;line-height:1.1;position:absolute;bottom:1px;left:0;right:0}.canal-glyph{fill:#ab8d66;stroke:#ab8d66;stroke-width:9px;stroke-linecap:round;width:100%;height:100%}.canal-glyph.wet{stroke:#3e9bc3;fill:#3e9bc3}.canal-builds,.canal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.canal-builds button{color:#244c51;background:#eff6ec;border:2px solid #a3c4c1;border-radius:12px;min-height:58px;padding:7px}.canal-builds small{margin-top:3px;display:block}.water-stock{margin:10px 0;font-size:12px}.canal-actions .big-button{min-height:52px;padding:10px;font-size:13px}.water-goal .big-button{font-size:14px}@media (width<=350px){.canal-cell{height:61px}.canal-cell span{font-size:8px}}.big-button{min-height:44px}.canal-diagnosis{background:#f7fbf4;border:1px solid #94b4a4;border-radius:14px;margin-bottom:12px;padding:12px;font-size:12px;line-height:1.6}.canal-diagnosis ul{margin:8px 0 0;padding:0;list-style:none}.canal-diagnosis li{border-top:1px solid #dce7da;grid-template-columns:42px minmax(0,1fr);gap:5px;padding:6px 0;display:grid}.canal-diagnosis li span{overflow-wrap:anywhere}.canal-diagnosis li.flowing{color:#17628b}.canal-diagnosis li.mismatch,.canal-diagnosis li.dry{color:#98501c}.canal-builds .canal-glyph{width:34px;height:34px;margin:0 auto 5px;display:block}.brand{color:#254e64;letter-spacing:.03em;font-weight:900}.brand-line{filter:drop-shadow(0 2px #fff6)}.resources>div,.resource-pill{background:#fff6d9;border:2px solid #b79558;box-shadow:0 3px #6b8c81}.quest-card,#quest{background:#fff7d7;border:2px solid #b49a5c;border-radius:16px;box-shadow:0 4px #477f75}.quest-icon{color:#4c7437;background:#d7eaa1}.quest-progress{background:#d6cd9f}.quest-progress span{background:#75b85b}.dock button{color:#345f64;background:#fff1c8;border:2px solid #426e65;border-radius:14px;box-shadow:0 4px #365e58}.dock button:first-child{color:#fff8d5;background:#4c9e85}.dock button:last-child{color:#71552d;background:#ffd468}.tile-label{background:#fff6d4;border:2px solid #987f50;border-radius:12px;box-shadow:0 4px #467e7059}.tile-label.affordable{background:#fff0a3;border-color:#b18638}.tile-name{color:#38594e;font-weight:900}.tile-cost{color:#3f675c}.tile-cta{color:#55745b;font-weight:700}.sheet{background:#f9f0da;border:3px solid #709b8c}.sheet header{border-bottom-color:#d7c6a0}.map-grid{background:#b4dbe1;border:2px solid #83b1ba;border-radius:14px;padding:7px}.canal-cell{background:#e3edc8;border:2px solid #a1bb95;box-shadow:0 3px #88a481}.canal-cell.flowing{background:#d5f5f6;border-color:#499ab4;box-shadow:0 3px #408c9f}.canal-cell.selected{outline-offset:1px;outline:3px solid #e3ac39}.water-goal{background:#fff2bb;border-color:#c5a755}.canal-builds button{background:#fff9e8;border:2px solid #bca47b;box-shadow:0 3px #b29d7b}.canal-diagnosis{background:#fffdf0;border-color:#bac7a3}.big-button.gold{color:#765324;background:#ffd86c;box-shadow:0 4px #b58b3e}.land-plan{pointer-events:auto;color:#234e47;text-align:left;background:#e7f6e1;border:2px solid #6b9f70;border-radius:12px;width:100%;min-height:44px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:800;box-shadow:0 3px #528476}.land-plan.ready{background:#ffeab0;border-color:#a3833b}.land-plan[hidden]{display:none}.pinned-goal{background:#edf5e3;border:2px dashed #8ca66d;border-radius:14px;margin:12px 0;padding:12px}.pinned-goal p{font-size:12px}.pinned-goal button{background:#fff7db;border:1px solid #9b9162;border-radius:10px;min-height:44px;padding:8px 14px}.resource-row>span:last-child{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.resource-row [data-amount=surplus]{flex-basis:100%;min-height:44px;font-size:11px}.dock-button{min-height:44px}