:root{--ink: oklch(24% .035 245);--paper: oklch(96% .025 88);--snow: oklch(94% .025 230);--vermilion: oklch(57% .19 32);--gold: oklch(76% .14 79);--pine: oklch(39% .07 161);--ease-out: cubic-bezier(.23, 1, .32, 1);--safe-top: max(12px, env(safe-area-inset-top));--safe-right: max(12px, env(safe-area-inset-right));--safe-bottom: max(14px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--snow);color:var(--ink);font-family:BIZ UDPGothic,Yu Gothic UI,sans-serif;user-select:none;touch-action:none}canvas{display:block;width:100%;height:100%}button{font:inherit}#graphics-reset{position:fixed;inset:50% auto auto 50%;z-index:100;min-height:48px;padding:12px 18px;transform:translate(-50%,-50%);border:2px solid var(--gold-300);border-radius:8px;background:var(--navy-900);color:var(--cream);cursor:pointer}#graphics-reset[hidden]{display:none}#labels{position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none}#brand{position:fixed;top:var(--safe-top);left:14px;z-index:5;width:max-content;min-width:180px;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px;padding:8px 10px 7px;border:2px solid color-mix(in oklch,var(--ink),transparent 10%);border-radius:5px 14px;background:var(--paper);box-shadow:0 4px color-mix(in oklch,var(--ink),transparent 66%);transform:rotate(-.6deg)}#brand:before{position:absolute;inset:4px;content:"";border:1px solid color-mix(in oklch,var(--vermilion),transparent 45%);border-radius:3px 10px;pointer-events:none}#brand>span,#brand>strong{position:relative;z-index:1}#brand>span{grid-column:1 / -1;color:var(--vermilion);font-size:11px;font-weight:900;letter-spacing:.14em;line-height:1;text-transform:uppercase}#brand>strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:22px;letter-spacing:.02em;line-height:1}#new-game{position:relative;z-index:1;min-height:28px;padding:4px 8px;border:1px solid color-mix(in oklch,var(--ink),transparent 35%);border-radius:5px;background:transparent;color:var(--ink);font-size:11px;font-weight:800;cursor:pointer;transition:transform .14s var(--ease-out),background-color .14s ease}#new-game:active,#offline-collect:active{transform:scale(.97)}#new-game:focus-visible,#offline-collect:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#resources{position:fixed;top:var(--safe-top);right:var(--safe-right);z-index:5;display:grid;gap:6px}.resource{position:relative;min-width:116px;min-height:38px;display:grid;grid-template-columns:35px 1fr;align-items:center;overflow:hidden;border:2px solid color-mix(in oklch,var(--ink),transparent 14%);border-radius:6px 13px;background:var(--paper);box-shadow:0 3px color-mix(in oklch,var(--ink),transparent 65%);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.resource>span{height:100%;display:grid;place-items:center;background:color-mix(in oklch,var(--snow),var(--pine) 16%);font-size:20px}.resource.cash>span{background:var(--vermilion);color:var(--paper);font-family:Yu Mincho,serif;font-size:18px;font-weight:900}.resource b{padding:0 10px 0 8px;font-size:18px;font-variant-numeric:tabular-nums;text-align:right;transform-origin:right center}.resource.bump b{animation:resource-bump .22s var(--ease-out)}.resource.cash.sale-pulse b{animation:cash-sale-pulse .26s var(--ease-out)}.world-label{position:absolute;transform:translate(-50%,-100%);color:var(--paper);font-size:13px;font-weight:900;line-height:1.1;text-align:center;text-shadow:0 2px 0 color-mix(in oklch,var(--ink),transparent 8%),0 0 5px var(--ink);white-space:nowrap}.plot-label{min-width:86px;padding:6px 8px 7px;transform:translate(-50%,-112%);border:2px solid color-mix(in oklch,var(--ink),transparent 12%);border-radius:6px 12px;background:var(--paper);color:var(--ink);box-shadow:0 3px color-mix(in oklch,var(--ink),transparent 68%);font-size:12px;text-shadow:none;opacity:.82;transition:opacity .16s ease,transform .16s var(--ease-out)}.plot-label.affordable{transform:translate(-50%,-118%) scale(1.03);opacity:1}.plot-label>span{display:block;margin-bottom:3px}.plot-label>b{color:var(--vermilion);font-size:15px;font-variant-numeric:tabular-nums}.plot-bar{height:4px;margin-top:5px;overflow:hidden;border-radius:2px;background:color-mix(in oklch,var(--ink),transparent 80%)}.plot-bar i{display:block;width:0;height:100%;background:var(--gold);transition:width .14s ease-out}.bubble{min-width:48px;padding:5px 9px;transform:translate(-50%,-120%);border:2px solid color-mix(in oklch,var(--ink),transparent 18%);border-radius:16px 16px 16px 4px;background:var(--paper);color:var(--ink);box-shadow:0 3px color-mix(in oklch,var(--ink),transparent 68%);font-size:15px;text-shadow:none}.bubble.happy{background:#c2f1b8;color:#003614;transform:translate(-50%,-135%) scale(1.08)}#objective{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 12px);z-index:5;display:flex;align-items:center;gap:8px;padding:8px 13px;transform:translate(-50%);border:2px solid color-mix(in oklch,var(--ink),transparent 18%);border-radius:7px 15px;background:var(--paper);box-shadow:0 4px color-mix(in oklch,var(--ink),transparent 66%);font-size:13px;white-space:nowrap;transition:opacity .18s ease-out}#objective-arrow{display:block;color:var(--vermilion);font-size:18px;line-height:1;transform:rotate(var(--arrow, 0deg));transition:transform .18s var(--ease-out)}#toast{position:fixed;top:22%;left:50%;z-index:8;max-width:min(560px,88vw);transform:translate(-50%,8px) scale(.96);color:var(--paper);font-family:Yu Mincho,serif;font-size:clamp(22px,3vw,34px);font-weight:900;text-align:center;text-shadow:0 3px 0 var(--vermilion),0 7px 18px color-mix(in oklch,var(--ink),transparent 25%);opacity:0;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);pointer-events:none}#toast.on{transform:translate(-50%) scale(1);opacity:1}#joy{position:fixed;z-index:9;width:118px;height:118px;display:none;transform:translate(-50%,-50%);border:3px solid color-mix(in oklch,var(--paper),transparent 22%);border-radius:50%;background:color-mix(in oklch,var(--ink),transparent 68%);box-shadow:inset 0 0 0 7px color-mix(in oklch,var(--paper),transparent 88%);pointer-events:none}#joy span{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px;border:3px solid var(--paper);border-radius:50%;background:var(--gold);box-shadow:0 3px color-mix(in oklch,var(--ink),transparent 62%)}#hint{position:fixed;right:var(--safe-right);bottom:var(--safe-bottom);z-index:4;color:var(--paper);font-size:12px;font-weight:900;text-shadow:0 2px 0 var(--ink),0 0 4px var(--ink);pointer-events:none}.touch-hint{display:none}#offline{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:color-mix(in oklch,var(--ink),transparent 38%);pointer-events:auto}#offline[hidden]{display:none}.offline-card{width:min(370px,88vw);display:grid;justify-items:center;gap:10px;padding:24px;transform:translateY(10px) scale(.97);border:3px solid var(--ink);border-radius:8px 22px;background:var(--paper);box-shadow:0 7px color-mix(in oklch,var(--ink),transparent 45%);text-align:center;opacity:0;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}#offline.on .offline-card{transform:translateY(0) scale(1);opacity:1}.offline-mark{color:var(--vermilion);font-family:Yu Mincho,serif;font-size:34px;font-weight:900}.offline-card h1{margin:0;font-family:var(--font-display);font-size:25px;line-height:1.15}.offline-card p{max-width:30ch;margin:0;font-size:14px;line-height:1.5}.offline-card .offline-summary{max-width:none;display:flex;align-items:baseline;justify-content:center;gap:6px;white-space:nowrap}#offline-gain{color:var(--vermilion);font-size:20px;font-variant-numeric:tabular-nums}#offline-collect{min-height:44px;padding:8px 24px;border:2px solid var(--ink);border-radius:6px 14px;background:var(--gold);color:var(--ink);font-weight:900;cursor:pointer;transition:transform .14s var(--ease-out)}@keyframes resource-bump{0%,to{transform:scale(1)}45%{transform:scale(1.2)}}@keyframes cash-sale-pulse{0%,to{transform:scale(1)}48%{transform:scale(1.15)}}@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}#hint{right:auto;left:50%;transform:translate(-50%)}#new-game{min-width:72px;min-height:44px}}@media(hover:hover)and (pointer:fine){#new-game:hover{background:color-mix(in oklch,var(--gold),transparent 45%)}}@media(max-width:520px){#brand{left:8px;padding:7px 8px 6px}#brand>strong{font-size:18px}#brand>span{font-size:11px}#new-game{padding:3px 6px}#resources{right:8px;gap:4px}.resource{min-width:88px;min-height:33px;grid-template-columns:30px 1fr}.resource>span{font-size:17px}.resource b{padding-right:8px;font-size:15px}#objective{bottom:calc(var(--safe-bottom) + 22px);font-size:12px}}@media(prefers-reduced-motion:reduce){.resource.bump b,.resource.cash.sale-pulse b{animation:none}#objective-arrow,#toast,.plot-label,.plot-bar i,.offline-card,#new-game,#offline-collect{transition:opacity .16s ease}}:root{--navy-950: #0b1421;--navy-900: #0f1a2b;--navy-800: #1b2a40;--navy-700: #263a54;--gold-700: #9f7739;--gold-500: #c9a45c;--gold-300: #e8c77a;--washi: #efe3c8;--washi-deep: #d8c397;--sun: #c8322b;--leaf: #446c4b;--cream: #fff4d6;--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--font-display: "Harbor Numerals", "Marcellus SC", "Noto Serif JP", Georgia, serif;--font-body: "Harbor Numerals", "Marcellus", "Noto Serif JP", Georgia, serif;--font-numeric: "Harbor Numerals", Georgia, serif}@font-face{font-family:Harbor Numerals;src:local("Georgia"),local("Noto Serif"),local("NotoSerif-Regular"),local("Droid Serif");unicode-range:U+0030-0039}@font-face{font-family:Harbor Numerals;src:local("Georgia Bold"),local("Georgia-Bold"),local("Noto Serif Bold"),local("NotoSerif-Bold");font-weight:600 900;unicode-range:U+0030-0039}html{color-scheme:dark}html,body{background:#102537;color:var(--cream);font-family:var(--font-body)}button{color:inherit}button,[role=button]{min-width:44px;min-height:44px}button:focus-visible{outline:3px solid var(--gold-300);outline-offset:3px}#top-hud{position:fixed;inset:var(--safe-top) var(--safe-right) auto 12px;z-index:12;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;pointer-events:none}#profile-card{position:relative;width:360px;height:86px;display:flex;align-items:center;gap:10px;padding:8px 50px 8px 92px;border:1px solid #ddbd73;border-radius:2px 4px 18px 2px;background:linear-gradient(110deg,#0f1a2bf7,#1b2a40eb);box-shadow:0 5px 18px #03080f7a,inset 0 0 0 2px #e8c77a21;pointer-events:auto}#profile-card:after{position:absolute;inset:auto 0 0 74px;height:3px;content:"";background:linear-gradient(90deg,var(--sun) 0 35%,var(--gold-300) 35% 62%,transparent 62%)}.portrait-ring{position:absolute;left:-5px;top:-4px;width:84px;height:84px;padding:4px;border:2px solid var(--gold-300);border-radius:50%;background:var(--navy-950);box-shadow:0 0 0 3px var(--gold-700),0 7px 16px #00000080}.portrait-ring img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;object-position:50% 36%}.portrait-ring b{position:absolute;right:-4px;bottom:-5px;min-width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--gold-300);border-radius:50%;background:var(--navy-950);color:var(--cream);font-size:13px;font-variant-numeric:tabular-nums}.profile-copy{flex:1;min-width:0;display:grid;line-height:1.08}.profile-copy>span{overflow:hidden;color:var(--gold-300);font-size:11px;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.profile-copy>strong{margin-top:4px;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.025em}.profile-copy>small{margin-top:3px;color:#f2dfb2;font-size:12px}.profile-copy>em{position:absolute;right:50px;bottom:7px;color:var(--gold-300);font-family:var(--font-numeric);font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}#new-game{position:absolute;right:4px;top:4px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--gold-300);font-size:22px;cursor:pointer}#new-game[data-armed=true]{border:1px solid var(--sun);background:var(--washi);color:#68271f}#new-game{display:none}#menu-toggle{position:absolute;top:2px;right:2px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--gold-300);cursor:pointer}#mute-toggle{position:absolute;left:372px;top:0;min-width:44px;min-height:44px;flex:0 0 44px;padding:0;border:1px solid var(--gold-500);background:#0f1a2bf0;color:var(--cream);box-shadow:0 5px 16px #03080f6b;font-size:20px;line-height:1;cursor:pointer;pointer-events:auto}#mute-toggle[aria-pressed=true]{border-color:var(--sun);color:#ffd4aa}#resources{max-width:calc(100vw - 470px);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;pointer-events:auto}.resource{position:relative;min-width:126px;height:46px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:1fr;align-items:center;padding:4px 12px 4px 8px;overflow:visible;border:1px solid var(--gold-500);border-radius:0;background:#0f1a2bf0;box-shadow:0 5px 16px #03080f6b;clip-path:none}.resource img{grid-row:1;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px #02060a)}.resource>span{display:none}.resource b{padding:0;color:#fff8e8;font-size:20px;font-variant-numeric:tabular-nums;line-height:1;text-align:right;text-shadow:0 2px 2px #040912;transform-origin:left center}.resource.bump b{animation:resource-bump .16s var(--ease-enter)}.resource.cash{border-color:var(--gold-300)}.resource.cash>img{background:none}#sashimi-chip[hidden],#smoked-chip[hidden]{display:none}#boost-chip{position:absolute;top:54px;right:0;min-width:128px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:4px 10px 4px 5px;border:1px solid var(--gold-300);border-radius:18px 6px;background:#8f302a;color:var(--cream);box-shadow:0 5px 16px #03080f6b;pointer-events:none}#boost-chip[hidden]{display:none}#boost-chip img{width:36px;height:36px;object-fit:contain}#boost-chip span{display:grid;gap:1px}#boost-chip b{font:700 12px var(--font-display)}#boost-chip small{color:#ffe7a8;font:11px var(--font-numeric);text-align:right}img.smoked-icon{filter:brightness(.62) sepia(.55) saturate(1.3) drop-shadow(0 2px 2px #02060a)}#weather-chip{position:fixed;top:calc(var(--safe-top) + 58px);right:var(--safe-right);z-index:11;min-height:44px;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border:1px solid var(--gold-500);border-radius:4px 0 0 18px;background:#0f1a2be8;box-shadow:0 5px 14px #03080f66;font-size:13px;pointer-events:none}#weather-symbol{color:var(--gold-300);font-size:21px}#fire-status{padding-left:8px;border-left:1px solid rgba(232,199,122,.45);color:#ffd88a;font-size:11px;text-transform:uppercase}#task-banner{position:fixed;top:calc(var(--safe-top) + 100px);left:18px;z-index:9;width:330px;min-height:145px;padding:13px 18px 14px;border:13px solid transparent;border-image:var(--ui-frame-paper) 18 fill / 13px / 0 stretch;background:linear-gradient(#efe3c8ed,#efe3c8ed),var(--ui-banner-washi) center / cover;color:#192538;filter:drop-shadow(0 7px 13px rgba(3,8,15,.38));pointer-events:auto}#task-banner:after{position:absolute;right:-13px;top:-17px;width:30px;height:28px;content:"";background:var(--ui-corner-blossom) center / contain no-repeat;filter:saturate(.85);opacity:.78;pointer-events:none}.task-heading{width:100%;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.task-heading>b{margin-left:auto;color:#6f2f29}.task-heading[aria-expanded=false]>b{transform:rotate(-90deg)}#task-list[hidden]{display:none}#task-banner:has(#task-list[hidden]){min-height:0}.task-heading>span:first-child{flex-shrink:0;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--sun);color:var(--washi);font-family:"Noto Serif JP",serif;font-size:19px}.task-heading small{display:block;color:#6f2f29;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.task-heading strong{display:block;margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.05}#task-list{display:grid;gap:4px;margin:9px 0 0;padding:0;list-style:none}#task-list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding-left:20px;font-size:12px;font-weight:700;line-height:1.3}#task-list li:before{position:absolute;left:0;top:-1px;content:"○";color:var(--sun);font-size:15px}#task-list li.done:before{content:"✓";color:var(--leaf)}.task-copy{min-width:0}.task-claim{min-width:72px;min-height:44px;padding:5px 8px;border:1px solid #9f7739;border-radius:7px 12px;background:#e8c77a;color:#172235;font-size:11px;font-weight:900;cursor:pointer;transition:transform .12s var(--ease-enter),filter .12s var(--ease-out)}.task-claim:active{transform:translateY(2px)}@media(hover:hover){.task-claim:hover{filter:brightness(1.08)}}.task-coin-flight{position:fixed;z-index:12;width:30px;height:30px;transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:none;transition:transform .6s var(--ease-out),opacity .6s ease-in}.task-coin-flight.on{transform:translate(calc(-50% + var(--claim-x)),calc(-50% + var(--claim-y))) scale(.55);opacity:.15}#objective{position:fixed;left:18px;bottom:calc(var(--safe-bottom) + 96px);z-index:10;width:min(385px,calc(100vw - 36px));min-height:78px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:1px 12px;padding:10px 48px 10px 17px;transform:none;border:13px solid transparent;border-image:var(--ui-frame-paper) 18 fill / 13px / 0 stretch;border-radius:0;background:var(--washi);color:#172235;box-shadow:none;text-align:left;white-space:normal;cursor:pointer;transition:transform .16s var(--ease-enter),filter .16s ease-out}#objective:hover{filter:brightness(1.05);transform:translateY(-2px)}#objective:active{transform:translateY(1px)}.chapter-kicker{grid-column:1;color:#83342c;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}#objective-text{grid-column:1;font-family:var(--font-display);font-size:17px;line-height:1.15}#objective-progress{grid-column:1;color:#5e472b;font-size:12px;font-weight:700}#objective-arrow{position:absolute;right:15px;top:50%;color:var(--sun);font-size:23px;transform:translateY(-50%) rotate(var(--arrow, 0deg));transition:transform .18s var(--ease-enter)}#hud-actions{position:fixed;top:22%;right:var(--safe-right);z-index:10;display:grid;gap:12px}#hud-actions button{position:relative;width:82px;min-height:92px;display:grid;justify-items:center;align-content:start;gap:3px;padding:0;border:0;background:transparent;color:var(--cream);cursor:pointer}#hud-actions button[hidden]{display:none}#hud-actions img,.action-ring{width:64px;height:64px;display:grid;place-items:center;border:2px solid var(--gold-300);border-radius:50%;background:var(--navy-950);object-fit:cover;box-shadow:0 4px 10px #03080f94,inset 0 0 0 3px var(--gold-700);transition:transform .15s var(--ease-enter),filter .15s ease-out}.action-ring{position:relative;padding:4px;background:conic-gradient(var(--gold-300) var(--fuel, 0deg),rgba(232,199,122,.15) 0)}#hud-actions .action-ring img{width:52px;height:52px;border:0;box-shadow:none}[data-action=fire].is-cold .action-ring img{filter:grayscale(1) saturate(0) brightness(.68);opacity:.58}#hud-actions button:hover>img,#hud-actions button:hover .action-ring{filter:brightness(1.14);transform:scale(1.04)}#hud-actions button>span:last-of-type{max-width:82px;padding:3px 7px;border:1px solid var(--gold-500);border-radius:10px;background:#0b1421f0;font-size:11px;line-height:1.15;text-align:center;text-shadow:0 2px 2px #03070c}#hud-actions button b{display:block;color:var(--gold-300);font-size:11px;font-variant-numeric:tabular-nums}.notice{position:absolute;top:0;right:8px;width:14px;height:14px;border:2px solid var(--washi);border-radius:50%;background:#e83b35;box-shadow:0 2px 4px #090d13}.notice[hidden]{display:none}#bottom-nav{position:fixed;left:50%;bottom:var(--safe-bottom);z-index:14;width:min(900px,calc(100vw - 24px));height:86px;display:grid;grid-template-columns:repeat(7,1fr);transform:translate(-50%);border:1px solid var(--gold-500);background:#0b1421f5;box-shadow:0 -5px 18px #03080f6b,inset 0 1px #e8c77a29}#bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:2px;padding:4px 3px 5px;border:0;border-right:1px solid rgba(201,164,92,.22);background:transparent;color:#d9c9a5;cursor:pointer;transition:color .16s ease-out,background-color .16s ease-out,transform .16s var(--ease-enter)}#bottom-nav button:last-child{border-right:0}#bottom-nav button img{width:47px;height:47px;object-fit:cover;object-position:center;filter:saturate(.72) brightness(.88)}#bottom-nav button span{font-size:12px;line-height:1}#bottom-nav button.active{color:#fff2c9;background:radial-gradient(circle at 50% 40%,rgba(201,164,92,.32),transparent 72%)}#bottom-nav button.active:after{position:absolute;left:18%;right:18%;bottom:-1px;height:3px;content:"";background:var(--gold-300);box-shadow:0 0 8px var(--gold-300)}#bottom-nav button.active img{filter:saturate(1.05) brightness(1.25)}#bottom-nav button:active{transform:translateY(2px)}#panel-layer{position:fixed;inset:calc(var(--safe-top) + 58px) 0 0;z-index:13;background:#03080f5c;opacity:0;transition:opacity .14s ease-in;pointer-events:none}#panel-layer[hidden]{display:none}#panel-layer.on{opacity:1;transition-duration:.2s;transition-timing-function:var(--ease-enter);pointer-events:auto}#harbor-panel{position:absolute;top:0;right:0;bottom:calc(var(--safe-bottom) + 86px);width:min(520px,100vw);overflow:auto;border-left:1px solid var(--gold-500);background:radial-gradient(circle at 100% 0,rgba(200,50,43,.12),transparent 28%),linear-gradient(160deg,#182941,#0c1726 68%);box-shadow:-16px 0 42px #03080f8c;transform:translate(103%);transition:transform .14s ease-in}#panel-layer.on #harbor-panel{transform:translate(0);transition-duration:.2s;transition-timing-function:var(--ease-enter)}#harbor-panel>header{position:sticky;top:0;z-index:2;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(14px,env(safe-area-inset-top)) 16px 12px 22px;border-bottom:1px solid var(--gold-500);background:#0b1421f5}#harbor-panel header small{color:var(--gold-300);font-size:11px;letter-spacing:.08em;text-transform:uppercase}#panel-title{margin:3px 0 0;font-family:var(--font-display);font-size:29px;font-weight:500}#panel-close{width:46px;padding:0;border:1px solid var(--gold-500);border-radius:50%;background:var(--navy-800);color:var(--cream);font-size:29px;cursor:pointer}#panel-close{transition:transform .12s ease-out,background-color .15s ease}#panel-close:active{transform:scale(.94)}#panel-content{display:grid;gap:16px;padding:18px 18px max(22px,env(safe-area-inset-bottom))}.panel-intro,.market-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 4px 10px;border-bottom:1px solid rgba(232,199,122,.44)}.panel-intro p,.market-heading h3{margin:0;color:var(--cream);font-family:var(--font-display);font-size:21px}.panel-intro span,.market-heading>span{color:#d6c7a7;font-size:12px;text-align:right}.market-heading small{color:var(--gold-300);font-size:11px;text-transform:uppercase}.crew-list,.gear-list,.market-list,.territory-list{display:grid;gap:8px}.crew-list article,.gear-list article,.market-list article,.territory-list article{min-height:82px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(201,164,92,.58);background:#0f1a2bcc;box-shadow:inset 0 0 0 2px #e8c77a0d}.crew-medal{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--gold-500);border-radius:50%;background:#121e2d;color:var(--gold-300);font-family:"Noto Serif JP",serif;font-size:22px}.crew-list h3,.gear-list h3,.market-list h3{margin:0 0 4px;font-family:var(--font-display);font-size:16px}.crew-list p,.gear-list p,.market-list p{margin:0;color:#d4c7ab;font-size:12px;line-height:1.35}.gear-list img,.market-list img{width:56px;height:56px;object-fit:contain;border:1px solid var(--gold-500);border-radius:50%;background:var(--navy-950)}.status{max-width:132px;display:grid;justify-items:center;gap:6px;padding:5px 7px;border:1px solid;font-size:11px;line-height:1.2;text-align:center}.status.ready{border-color:#779f7b;color:#bfe5bd}.status.open{border-color:var(--gold-500);color:var(--gold-300)}.status.locked{border-color:#7d8792;color:#c1c8cf}.status button{min-width:58px;min-height:44px;padding:6px 13px;border:1px solid var(--gold-300);background:var(--washi);color:var(--navy-950);font:700 13px var(--font-body);cursor:pointer;transition:transform .14s var(--ease-enter),filter .14s var(--ease-out)}.status button:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.status button:hover{filter:brightness(1.08)}}.panel-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgba(201,164,92,.58);background:var(--washi);color:var(--navy-950)}.panel-live>span{min-height:68px;display:grid;align-content:center;gap:4px;padding:10px 12px}.panel-live>span+span{border-left:1px solid var(--washi-deep)}.panel-live small{color:#765b3d;font-size:11px;text-transform:uppercase}.panel-live b{font-family:var(--font-numeric);font-size:14px;font-variant-numeric:tabular-nums}.territory-meter{display:grid;gap:8px;padding:12px;border:1px solid var(--gold-500);background:var(--washi);color:var(--navy-950)}.territory-meter>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.territory-meter>div b{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.territory-meter>i{height:10px;overflow:hidden;border:1px solid var(--navy-700);background:#0f1a2b2e}.territory-meter>i>b{width:var(--fill);height:100%;display:block;background:linear-gradient(90deg,#327aa1,#69b4cf);transition:width .18s var(--ease-enter)}.territory-list article{grid-template-columns:42px 1fr auto;min-height:84px}.territory-list article.locked{opacity:.58}.territory-rank{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold-500);border-radius:50%;color:var(--gold-300);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.territory-list h3{margin:0 0 4px;color:var(--cream);font-family:var(--font-display);font-size:17px}.territory-list p{margin:0;color:#d4c7ab;font-size:12px;line-height:1.4}.territory-history{display:grid;gap:8px}.territory-history summary{min-height:44px;display:grid;align-items:center;padding:8px 12px;border:1px solid var(--gold-500);color:var(--gold-300);cursor:pointer}.harbor-upgrades{display:grid;gap:10px;padding-top:8px}.harbor-upgrades>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:14px 4px 8px;border-bottom:1px solid rgba(232,199,122,.44)}.harbor-upgrades>header small{color:var(--gold-300);font-size:11px;text-transform:uppercase}.harbor-upgrades>header h3{margin:2px 0 0;color:var(--cream);font-family:var(--font-display);font-size:21px}.harbor-upgrades>header>span{color:#d6c7a7;font:12px var(--font-numeric)}.upgrade-list{display:grid;gap:8px}.upgrade-list article{min-height:92px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(201,164,92,.58);background:#0f1a2bcc}.upgrade-list article.maxed{border-color:#779f7b}.upgrade-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--gold-500);border-radius:50%;color:var(--gold-300);font:21px "Noto Serif JP",serif}.upgrade-list h3{margin:0 0 4px;color:var(--cream);font-family:var(--font-display);font-size:17px}.upgrade-list p{margin:0;color:#d4c7ab;font-size:12px;line-height:1.4}.upgrade-buy{display:grid;justify-items:stretch;gap:5px;text-align:center}.upgrade-buy strong{color:var(--gold-300);font:12px var(--font-numeric);font-variant-numeric:lining-nums tabular-nums}.upgrade-buy button{min-width:72px;min-height:44px;border:1px solid var(--gold-300);background:var(--washi);color:var(--navy-950);font-weight:900;cursor:pointer}.upgrade-buy button:disabled{border-color:#69727d;background:#313d4a;color:#a9b0b7;cursor:not-allowed}.upgrade-locked{min-height:92px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:2px 12px;margin:0;padding:12px;border:1px solid #687482;background:#09121eb3;color:#c1c8cf}.upgrade-locked>span{grid-row:1 / 3;width:44px;height:44px;display:grid;place-items:center;border:1px solid #7d8792;border-radius:50%;font:21px "Noto Serif JP",serif}.upgrade-locked strong{font-size:14px}.upgrade-locked small{font-size:11px}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inventory-item{position:relative;min-height:150px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto auto;align-items:end;padding:12px;border:1px solid var(--gold-500);background:linear-gradient(145deg,#1d2f45f0,#0a131ff0)}.inventory-item img{grid-column:1 / 3;grid-row:1;width:88px;height:76px;place-self:center;object-fit:contain}.inventory-item>b{grid-column:2;grid-row:1;place-self:end;padding:2px 6px;background:#050a11c7;color:var(--cream);font-size:18px;font-variant-numeric:tabular-nums}.inventory-item>span{grid-column:1 / 3;color:var(--gold-300);font-family:var(--font-display);font-size:15px}.inventory-item small{grid-column:1 / 3;color:#cbbf9f;font-size:11px}.capacity{display:grid;gap:8px;padding:14px;border:1px solid rgba(201,164,92,.5);background:#09121eb3}.capacity>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.capacity small{color:#cbbf9f;font-size:11px}.capacity i{height:8px;overflow:hidden;border:1px solid var(--gold-700);background:linear-gradient(90deg,var(--gold-300) var(--fill),rgba(255,255,255,.08) var(--fill))}.market-list article{grid-template-columns:62px 1fr auto}.market-list article>strong{color:var(--gold-300);font-size:24px;font-variant-numeric:tabular-nums}.market-list article>strong small{display:block;color:#d4c7ab;font-size:11px;text-align:right;text-transform:uppercase}.market-note{margin:0;padding:12px 14px;border:1px solid var(--washi-deep);background:var(--washi);color:#233044;font-size:12px;text-align:center}.locked-world{min-height:calc(100vh - 130px);min-height:calc(100dvh - 130px);display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.locked-world img{width:132px;height:92px;object-fit:cover;opacity:.78}.locked-world>span{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--gold-500);border-radius:50%;color:var(--gold-300);font-family:"Noto Serif JP",serif;font-size:22px}.locked-world h3{margin:4px 0 0;font-family:var(--font-display);font-size:23px}.locked-world p{max-width:30ch;margin:0;color:#d4c7ab;font-size:13px;line-height:1.5}.world-label{color:var(--cream);font-family:var(--font-body)}.plot-label{width:132px;padding-inline:8px;border:9px solid transparent;border-image:var(--ui-frame-navy) 28 fill / 9px / 0 stretch;border-radius:0;background:#0f1a2bf0;color:var(--cream);box-shadow:0 4px 10px #03080f73;opacity:.9;white-space:normal}.plot-label>span{display:block;font-weight:400;text-align:center;white-space:nowrap;line-height:1.15}.plot-label{width:max-content;min-width:132px;padding-inline:12px}.plot-label.compact{width:auto;min-width:0;padding:4px 6px;transform:translate(-50%,-112%) scale(.82);opacity:.72}.plot-label.compact>span{margin:0;font-size:0}.plot-label.compact .plot-icon{margin:0;font-size:18px}.plot-label.compact>b,.plot-label.compact .plot-bar{display:none}.plot-icon{margin-right:6px;font-style:normal}.plot-label.pre-catch{transform:translate(-50%,-108%) scale(.82);opacity:.34}.plot-label.pre-catch>b{font-size:11px}.first-fish-hint{min-width:116px;padding:10px 14px;border:2px solid var(--navy-950);border-radius:3px;background:#e8c77a;color:#172235;box-shadow:0 0 0 4px #e8c77a47,0 7px 18px #03080f8c;font:900 17px var(--font-display);text-shadow:none;animation:fish-hint-pulse 1.25s var(--ease-enter) infinite alternate}.first-fish-hint:after{position:absolute;left:50%;bottom:-19px;content:"▼";color:#e8c77a;font-size:22px;transform:translate(-50%);filter:drop-shadow(0 2px 0 var(--navy-950))}@keyframes fish-hint-pulse{to{transform:translate(-50%,-112%) scale(1.06);box-shadow:0 0 0 10px #e8c77a00,0 7px 18px #03080f8c}}.plot-label>b{color:var(--gold-300)}.plot-bar{background:#ffffff24}.plot-bar i{background:linear-gradient(90deg,var(--sun),var(--gold-300))}.bubble{border-color:var(--gold-500);border-radius:13px 13px 13px 3px;background:var(--navy-900);color:var(--cream)}.bubble img{width:25px;height:23px;margin-right:3px;object-fit:contain;vertical-align:middle}.bubble.happy{background:#244831;color:#e8f2d7}.bubble.vip{min-width:112px;display:flex;align-items:center;justify-content:center;gap:5px;border-color:var(--cream);background:var(--gold-300);color:var(--navy-950);box-shadow:0 4px 0 var(--gold-700),0 0 18px #e8c77aa8;font-weight:900;text-shadow:none}.bubble.vip .vip-crown{color:#7b351f;font-size:20px;line-height:1}.carry-max{padding:3px 8px;border:1px solid var(--sun);border-radius:999px;background:var(--navy-900);color:var(--cream);box-shadow:0 3px 8px #03080f6b;font:900 15px/1 var(--font-numeric);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:none}.gain-pop{z-index:2;color:var(--cream);font-family:var(--font-numeric);font-size:28px;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 2px 0 var(--navy-950),0 4px 10px rgba(3,8,15,.65);animation:gain-pop .7s var(--ease-enter) forwards}.gain-pop.bonus{color:var(--gold-300)}.gain-pop.vip{color:var(--gold-300);font-size:42px;text-shadow:0 3px 0 #6e3d16,0 8px 22px rgba(3,8,15,.78)}@keyframes gain-pop{0%{opacity:0;transform:translate(-50%,-90%) scale(.94)}18%{opacity:1;transform:translate(-50%,-112%) scale(1)}to{opacity:0;transform:translate(-50%,-185%) scale(1)}}#toast{color:var(--cream);font-family:var(--font-display);text-shadow:0 3px 0 #6e221e,0 7px 18px rgba(3,8,15,.75)}#hint{bottom:calc(var(--safe-bottom) + 96px);color:var(--cream)}#day-complete{position:fixed;inset:0;z-index:19;display:grid;place-items:center;padding:18px;pointer-events:none}#day-complete[hidden]{display:none}.day-card{position:relative;width:min(480px,calc(100vw - 28px));display:grid;justify-items:center;gap:12px;padding:26px 28px 24px;transform:translateY(18px) scale(.96);border:15px solid transparent;border-image:var(--ui-frame-paper) 18 fill / 15px / 0 stretch;background:var(--washi);color:#172235;filter:drop-shadow(0 12px 26px rgba(3,8,15,.58));opacity:0;transition:transform .19s var(--ease-enter),opacity .17s var(--ease-enter);pointer-events:auto}#day-complete.on .day-card{transform:translateY(0) scale(1);opacity:1}.day-card>small{color:#7b351f;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.day-card h2{margin:0;font-family:var(--font-display);font-size:31px;line-height:1.05;text-align:center}.day-seal{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--sun);color:var(--washi);font-family:"Noto Serif JP",serif;font-size:25px;font-weight:700}#day-close{position:absolute;top:4px;right:5px;width:44px;min-width:44px;height:44px;padding:0;border:0;background:transparent;color:#6f2f29;font-size:25px;cursor:pointer}.day-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.day-stats>span{min-width:0;display:grid;gap:3px;padding:10px 5px;border:1px solid var(--washi-deep);background:#fff4d694;text-align:center}.day-stats b{overflow:hidden;font-family:var(--font-numeric);font-size:16px;font-variant-numeric:lining-nums tabular-nums;text-overflow:ellipsis;white-space:nowrap}.day-stats small{color:#745b3f;font-size:11px;text-transform:uppercase}#day-claim{min-width:154px;min-height:48px;padding:8px 22px;border:1px solid var(--gold-700);background:var(--navy-800);color:var(--cream);font-weight:900;cursor:pointer;transition:transform .12s var(--ease-enter),filter .12s var(--ease-out)}#day-claim:active{transform:translateY(2px)}@media(hover:hover){#day-claim:hover{filter:brightness(1.12)}}#offline{background:#040910ad}.offline-card{border:13px solid transparent;border-image:var(--ui-frame-paper) 18 fill / 13px / 0 stretch;border-radius:0;background:var(--washi);color:#172235}#offline-collect{border-color:var(--gold-700);border-radius:2px;background:var(--navy-800);color:var(--cream)}#level-count,.resource b,.plot-label>b,.bubble,#weather-chip,#task-list,.chapter-kicker,#objective-text,#objective-progress,#hud-actions button b,#offline-gain,.inventory-item>b,.capacity,.market-list article>strong{font-family:var(--font-numeric);font-variant-numeric:lining-nums tabular-nums}@media(max-width:980px){#resources{max-width:278px}.resource{min-width:126px}}@media(min-width:621px)and (max-width:1400px){#mute-toggle{left:342px}#profile-card{width:330px;height:74px;padding-left:82px}.portrait-ring{width:72px;height:72px}.resource{min-width:112px;height:42px}#weather-chip{min-height:36px;padding-block:3px}#task-banner{top:calc(var(--safe-top) + 86px);width:280px;min-height:0;padding:8px 12px;border-width:8px;border-image-width:8px}#objective{width:300px;min-height:68px;bottom:calc(var(--safe-bottom) + 78px);padding:8px 35px 8px 12px;border-width:8px;border-image-width:8px}#hud-actions button{width:70px;min-height:80px}#hud-actions img,.action-ring{width:52px;height:52px}#hud-actions .action-ring img{width:40px;height:40px}#bottom-nav{width:660px;height:66px}#bottom-nav button img{width:36px;height:36px}#hint{bottom:calc(var(--safe-bottom) + 78px)}}@media(max-width:620px){#top-hud{inset:max(7px,env(safe-area-inset-top)) 7px auto 7px;display:block}#profile-card{width:296px;height:48px;padding:3px 46px 3px 60px}.portrait-ring{left:-2px;top:-2px;width:50px;height:50px;padding:2px}.portrait-ring b{right:-4px;bottom:-3px;min-width:21px;height:21px;font-size:11px}.profile-copy>span{font-size:11px;letter-spacing:0}.profile-copy>strong{margin-top:1px;font-size:15px}.profile-copy>small{margin-top:0;font-size:11px}.profile-copy>em{right:58px;bottom:4px;font-size:11px}#new-game{right:0;top:1px;width:44px;min-width:44px;font-size:20px}#mute-toggle{position:absolute;top:0;right:0;left:auto}#resources{position:static;width:100%;max-width:none;margin-top:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#boost-chip{top:92px;right:0;min-width:104px;min-height:34px;padding:2px 7px 2px 3px}#boost-chip img{width:28px;height:28px}#resources:has(#sashimi-chip:not([hidden])){grid-template-columns:repeat(5,minmax(0,1fr))}#resources:has(#sashimi-chip:not([hidden])):has(#smoked-chip:not([hidden])){grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.4fr);gap:3px}#resources:has(#smoked-chip:not([hidden])) .resource{grid-template-columns:18px minmax(0,1fr);padding:2px 4px 2px 3px}#resources:has(#smoked-chip:not([hidden])) .resource img{width:18px;height:18px}#resources:has(#smoked-chip:not([hidden])) .resource b{font-size:14px}.resource{min-width:0;width:auto;min-height:30px;height:30px;grid-template-columns:24px minmax(0,1fr);grid-template-rows:1fr;padding:2px 6px 2px 4px;border-width:1px}.resource img{grid-row:1;width:24px;height:24px}.resource b{grid-column:2;padding:0;font-size:16px}#weather-chip{top:max(100px,calc(env(safe-area-inset-top) + 93px));right:7px;min-height:26px;padding:2px 7px;gap:4px;border-radius:3px 0 0 10px;font-size:11px}#weather-symbol{font-size:17px}#fire-status{display:none}#task-banner{top:max(100px,calc(env(safe-area-inset-top) + 93px));left:7px;width:156px;min-height:0;padding:0 5px;border-width:2px;border-image-width:6px}#task-banner:after{right:2px;top:2px;width:16px;height:16px}.task-heading{gap:5px}.task-heading>span:first-child{width:23px;height:23px;font-size:14px}.task-heading small{display:none}.task-heading strong{font-size:15px}#task-list{gap:2px;margin:0 0 5px}#task-list li{padding-left:13px;font-size:11px;line-height:1.2}#task-list li:nth-child(n+3){display:none}#task-list li:before{font-size:12px}#objective{left:7px;bottom:calc(var(--safe-bottom) + 48px);width:156px;min-height:52px;padding:4px 23px 4px 8px;border-width:2px;border-image-width:6px}.chapter-kicker{font-size:11px}.chapter-name{display:none}#objective-text{font-size:13px}#objective-progress{font-size:11px}#objective-arrow{right:6px;font-size:16px}#hud-actions{top:23%;right:5px;gap:6px}#hud-actions button{width:48px;min-height:62px}#hud-actions img,.action-ring{width:34px;height:34px}.action-ring{padding:3px}#hud-actions .action-ring img{width:24px;height:24px}#hud-actions button>span:last-of-type{max-width:48px;padding:1px 2px;font-size:11px}.notice{right:0;width:11px;height:11px}#bottom-nav{width:100%;height:calc(44px + env(safe-area-inset-bottom));bottom:0;padding-bottom:env(safe-area-inset-bottom);border-right:0;border-bottom:0;border-left:0}#bottom-nav button{min-width:0;min-height:44px;padding:1px}#bottom-nav button img{width:25px;height:25px}#bottom-nav button span{font-size:11px}#hint{left:auto;right:7px;bottom:calc(var(--safe-bottom) + 48px);transform:none}#panel-layer{top:calc(env(safe-area-inset-top) + 96px)}#harbor-panel{width:100%;bottom:calc(44px + env(safe-area-inset-bottom));border-left:0;transform:translateY(102%)}#panel-layer.on #harbor-panel{transform:translateY(0)}#harbor-panel>header{min-height:70px;padding:max(9px,env(safe-area-inset-top)) 12px 8px 16px}#panel-title{font-size:23px}#panel-content{gap:12px;padding:12px 10px max(16px,env(safe-area-inset-bottom))}.crew-list article,.gear-list article,.market-list article,.territory-list article{grid-template-columns:48px 1fr;gap:8px;min-height:76px;padding:8px}.crew-medal,.gear-list img,.market-list img{width:46px;height:46px}.crew-list .status,.gear-list .status{grid-column:2;justify-self:start}.territory-list .status{grid-column:2;justify-self:stretch;max-width:none;grid-template-columns:1fr auto;align-items:center}.upgrade-list article{grid-template-columns:44px 1fr;gap:8px;padding:8px}.upgrade-buy{grid-column:2;grid-template-columns:1fr auto;align-items:center;text-align:left}.panel-live{grid-template-columns:1fr}.panel-live>span+span{border-top:1px solid var(--washi-deep);border-left:0}.market-list article>strong{grid-column:2;font-size:20px}.market-list article>strong small{display:inline;padding-left:3px}.inventory-item{min-height:132px;padding:9px}.inventory-item img{width:72px;height:64px}#day-complete{justify-items:start;padding:7px}.day-card{width:calc(100vw - 74px);gap:9px;padding:20px 10px 16px;border-width:9px;border-image-width:9px}.day-card h2{font-size:25px}.day-seal{width:40px;height:40px;font-size:21px}.day-stats{gap:4px}.day-stats>span{padding:8px 2px}.day-stats b{font-size:13px}}@media(pointer:coarse){#joy{display:none}body.joystick-active #joy{display:block}#bottom-nav button,#hud-actions button,#objective,#panel-close{-webkit-tap-highlight-color:transparent}}@media(pointer:fine){#joy{display:none!important}}@media(prefers-reduced-motion:reduce){.resource.bump b{animation:none}#objective,#objective-arrow,#hud-actions img,.action-ring,#bottom-nav button,#panel-layer,#harbor-panel,.task-claim,.task-coin-flight,.day-card,#day-claim{transition-duration:1ms}.gain-pop{animation:gain-fade .4s ease-out forwards}.first-fish-hint{animation:none}}@keyframes gain-fade{0%,70%{opacity:1}to{opacity:0}}:root{--ui-line: #13213a;--ui-surface: #f8efd9;--ui-surface-2: #ece0c2;--ui-stone: #d9d3c4;--ui-ink: #172235;--ui-ink-2: #4f3b25;--ui-accent-ink: #8a2c24;--ui-sun-deep: #b52c25;--ui-strong: #1d3050;--ui-card: #1f3352;--ui-rim: #ecd9a8;--ui-gold: #f0c96a;--ui-radius-sm: 10px;--ui-radius: 14px;--ui-radius-lg: 22px;--ui-border: 3px;--ui-shadow: 0 4px 0 #0b1421b3, 0 10px 20px #03080f47;--ui-shadow-press: 0 1px 0 #0b1421b3, 0 4px 10px #03080f40;--ui-hi: inset 0 2px 0 #ffffffa6, inset 0 -3px 0 #0b142114;--ui-press: .14s;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--chip-h: 50px;--chip-icon: 40px;--action-size: 72px;--nav-h: 92px;--nav-icon: 54px}#profile-card,#mute-toggle,.resource,#task-banner,#objective{border:var(--ui-border) solid var(--ui-line);border-image:none;border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-ink);box-shadow:var(--ui-shadow),var(--ui-hi);filter:none}#profile-card:after{inset:auto 14px 7px 92px;height:4px;border-radius:2px}.portrait-ring{border:var(--ui-border) solid var(--ui-line);background:var(--ui-surface-2);box-shadow:var(--ui-shadow),inset 0 0 0 3px #fff}.portrait-ring b{border:2px solid var(--ui-line);background:var(--ui-sun-deep);color:var(--cream);font-weight:900}.profile-copy>span,.chapter-kicker,.task-heading small{color:var(--ui-accent-ink);font-weight:700}.profile-copy>strong,#objective-text,.task-heading strong{color:var(--ui-ink)}.profile-copy>small,.profile-copy>em,#objective-progress{color:var(--ui-ink-2)}#menu-toggle,#new-game,#mute-toggle{color:var(--ui-ink)}#mute-toggle[aria-pressed=true]{border-color:var(--ui-sun-deep);color:var(--ui-sun-deep)}.resource{height:var(--chip-h);grid-template-columns:var(--chip-icon) minmax(0,1fr);column-gap:6px}.resource img{width:var(--chip-icon);height:var(--chip-icon);filter:drop-shadow(0 2px 1px #0b142159)}.resource b{color:var(--ui-ink);font-size:22px;font-weight:900;text-shadow:none}.resource.cash{border-color:var(--ui-line);background:var(--ui-gold)}#weather-chip,#boost-chip,#hud-actions button>span:last-of-type{border:2px solid var(--ui-rim);background:var(--ui-strong);color:var(--cream);box-shadow:var(--ui-shadow);font-weight:700}#weather-chip{border-radius:var(--ui-radius-lg) var(--ui-radius-sm) var(--ui-radius-sm) var(--ui-radius-lg)}#boost-chip{border-radius:var(--ui-radius);background:#8f302a}#fire-status{border-left-color:#ecd9a873}.task-heading>span:first-child,.day-seal{background:var(--ui-sun-deep);color:var(--cream);border:2px solid var(--ui-line)}.task-heading>b,#objective-arrow{color:var(--ui-sun-deep)}#task-list li{color:var(--ui-ink)}#task-list li:before{color:var(--ui-sun-deep)}.task-claim,#day-claim,#offline-collect,#panel-close,#harbor-panel :is(.status button,.upgrade-buy button,.daily-reward button,.achievement-card button,.pass-reward button,.shop-buy,.shop-actions button,.progress-tabs button,.shop-tabs button){border-width:2px;border-radius:var(--ui-radius-sm);transition:transform var(--ui-press) var(--ease-out),box-shadow var(--ui-press) var(--ease-out),filter var(--ui-press) ease}.task-claim{border:2px solid var(--ui-line);background:var(--ui-gold);color:var(--ui-ink);box-shadow:0 3px 0 var(--ui-line)}#day-claim,#offline-collect{border:2px solid var(--ui-rim);border-radius:var(--ui-radius-sm);box-shadow:0 4px 0 var(--ui-line)}#harbor-panel :is(.status button,.upgrade-buy button,.daily-reward button,.achievement-card button,.pass-reward button,.shop-buy,.shop-actions button){box-shadow:0 3px #050b14}:is(.task-claim,#day-claim,#offline-collect,#harbor-panel :is(.status button,.upgrade-buy button,.daily-reward button,.achievement-card button,.pass-reward button,.shop-buy,.shop-actions button)):active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #050b14}:is(#harbor-panel,.day-card,.offline-card) button:disabled{box-shadow:none;opacity:.72;cursor:not-allowed}:is(#task-banner,#objective,#profile-card,.day-card,.offline-card) :focus-visible,#objective:focus-visible{outline:3px solid var(--ui-line);outline-offset:2px}#objective{transition:transform var(--ui-press) var(--ease-out),box-shadow var(--ui-press) var(--ease-out)}#objective:hover{filter:none;transform:none}@media(hover:hover)and (pointer:fine){#objective:hover{transform:translateY(-2px);box-shadow:0 6px #0b1421b3,0 14px 24px #03080f47,var(--ui-hi)}}#objective:active{transform:translateY(2px);box-shadow:var(--ui-shadow-press),var(--ui-hi)}#hud-actions img,.action-ring{width:var(--action-size);height:var(--action-size);border:var(--ui-border) solid var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow),inset 0 0 0 3px #fff}.action-ring{background:conic-gradient(var(--ui-gold) var(--fuel, 0deg),var(--ui-surface-2) 0)}#hud-actions .action-ring img{width:calc(var(--action-size) - 14px);height:calc(var(--action-size) - 14px);border:0;box-shadow:none}#hud-actions button>span:last-of-type{border-radius:999px;font-size:12px;text-shadow:none}#hud-actions button b{color:var(--gold-300)}#hud-actions button:active>img,#hud-actions button:active .action-ring{transform:scale(.96)}#bottom-nav{height:var(--nav-h);gap:var(--space-xs);padding:5px;border:var(--ui-border) solid var(--ui-rim);border-radius:var(--ui-radius-lg);background:#172a45;box-shadow:var(--ui-shadow)}#bottom-nav button{border:0;border-radius:var(--ui-radius);color:#e9dcbd;font-weight:700}#bottom-nav button img{width:var(--nav-icon);height:var(--nav-icon);object-fit:cover;border:2px solid #ecd9a859;border-radius:var(--ui-radius-sm);filter:saturate(.9);box-shadow:0 3px #050b14}#bottom-nav button.active{border:2px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-ink);box-shadow:var(--ui-shadow),var(--ui-hi);transform:translateY(-8px)}#bottom-nav button.active:after{content:none}#bottom-nav button.active img{border-color:var(--ui-line);filter:saturate(1.1) brightness(1.15);box-shadow:0 2px 0 var(--ui-line)}#bottom-nav button:active{transform:translateY(2px) scale(.97)}#bottom-nav button.active:active{transform:translateY(-6px) scale(.97)}@media(hover:hover)and (pointer:fine){#bottom-nav button:not(.active):hover{background:#ffffff14}}#harbor-panel{bottom:calc(var(--safe-bottom) + var(--nav-h) + 6px);border-left:var(--ui-border) solid var(--ui-rim);border-radius:var(--ui-radius-lg) 0 0 var(--ui-radius-lg);background:#16263f}#harbor-panel>header{border-bottom:2px solid var(--gold-500);background:#0f1c30}#panel-close{border:2px solid var(--ui-rim);background:var(--ui-strong);box-shadow:0 3px #050b14}#harbor-panel :is(.crew-list article,.gear-list article,.market-list article,.territory-list article,.upgrade-list article,.upgrade-locked,.inventory-item,.capacity,.territory-history summary,.daily-card,.achievement-card,.pass-hero,.pass-reward,.shop-card,.shop-banner){border:2px solid #c9a45cb3;border-radius:var(--ui-radius);background:var(--ui-card);box-shadow:0 4px #050b14,inset 0 2px #ffffff14}#harbor-panel .pass-reward.premium{background:#2b2840}#harbor-panel .upgrade-locked{background:#142236}#harbor-panel :is(.daily-card.claimable,.pass-reward.claimable,.achievement-card.selected){border-color:var(--gold-300);box-shadow:0 4px #050b14,0 0 0 3px #e8c77a40}#harbor-panel :is(.upgrade-list article.maxed,.shop-card.owned){border-color:#83a779}#harbor-panel :is(.panel-live,.territory-meter,.market-note,.holder-note){border:2px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow),var(--ui-hi)}#harbor-panel .panel-live{overflow:hidden}#harbor-panel :is(.progress-tabs,.shop-tabs){border:2px solid var(--gold-500);border-radius:var(--ui-radius);background:#0d1a2c}#harbor-panel :is(.progress-tabs button.active,.shop-tabs button.active){border:2px solid var(--ui-rim);background:#a3302a;color:var(--cream);box-shadow:0 3px #050b14}#harbor-panel .pass-tier>header{border:2px solid var(--gold-500);border-radius:var(--ui-radius) var(--ui-radius) var(--ui-radius-sm) var(--ui-radius-sm);background:#101d2f}#harbor-panel :is(.crew-medal,.gear-list img,.market-list img,.territory-rank,.upgrade-mark,.progress-medal,.achievement-rank,.reward-mark,.shop-art){border:2px solid var(--ui-rim);box-shadow:0 3px #050b14}#harbor-panel :is(.gear-list img,.market-list img){width:64px;height:64px}#harbor-panel :is(.crew-list article,.gear-list article){grid-template-columns:64px 1fr auto}#harbor-panel .market-list article{grid-template-columns:70px 1fr auto}#harbor-panel .crew-medal{width:58px;height:58px}#harbor-panel :is(.progress-meter,.pass-progress>i,.capacity i,.territory-meter>i){border-radius:999px}#harbor-panel .status{border-width:2px;border-radius:var(--ui-radius-sm)}.plot-label{border:2px solid var(--ui-rim);border-image:none;border-radius:var(--ui-radius-sm);background:var(--ui-strong);box-shadow:var(--ui-shadow)}.bubble,.carry-max{border:2px solid var(--ui-rim);background:var(--ui-strong);box-shadow:var(--ui-shadow)}.bubble.vip{border-color:var(--ui-line);background:var(--ui-gold)}.day-card,.offline-card{border:var(--ui-border) solid var(--ui-line);border-image:none;border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow),var(--ui-hi);filter:none}.day-stats>span{border:2px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2)}@media(min-width:621px)and (max-width:1400px){:root{--chip-h: 44px;--chip-icon: 34px;--action-size: 58px;--nav-h: 72px;--nav-icon: 42px}#task-banner{padding:8px 12px}#objective{padding:8px 35px 8px 12px}}@media(max-width:620px){:root{--ui-border: 2px;--ui-radius: 10px;--ui-radius-sm: 8px;--ui-radius-lg: 14px;--ui-shadow: 0 3px 0 #0b1421b3, 0 6px 12px #03080f40;--chip-h: 30px;--chip-icon: 24px;--action-size: 38px;--nav-h: calc(44px + env(safe-area-inset-bottom)) ;--nav-icon: 28px}.resource{column-gap:2px}#resources:has(#sashimi-chip:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr)}.resource b{font-size:16px}#profile-card:after{content:none}.portrait-ring{box-shadow:var(--ui-shadow),inset 0 0 0 2px #fff}#task-banner{padding:0 5px}#task-banner:has(#task-list[hidden]){width:134px}#objective{padding:4px 23px 4px 8px}#hud-actions button>span:last-of-type{font-size:11px}#hud-actions .action-ring img{width:calc(var(--action-size) - 10px);height:calc(var(--action-size) - 10px)}#bottom-nav{gap:2px;padding:0 2px env(safe-area-inset-bottom);border-width:0;box-shadow:inset 0 var(--ui-border) 0 var(--ui-rim),var(--ui-shadow);border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0}#bottom-nav button.active{transform:translateY(-4px)}#bottom-nav button.active:active{transform:translateY(-3px) scale(.97)}#harbor-panel{bottom:var(--nav-h);border-left:0;border-top:var(--ui-border) solid var(--ui-rim);border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0}#harbor-panel :is(.crew-list article,.gear-list article,.market-list article){grid-template-columns:52px 1fr}#harbor-panel :is(.gear-list img,.market-list img){width:50px;height:50px}#harbor-panel .crew-medal{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.task-claim,#day-claim,#offline-collect,#panel-close,#objective,#bottom-nav button,#harbor-panel button{transition-duration:1ms}#bottom-nav button.active,#bottom-nav button.active:active,#bottom-nav button:active,#objective:active,#hud-actions button:active>img,#hud-actions button:active .action-ring{transform:none}}@media(min-width:621px)and (max-width:1400px){#profile-card:after{bottom:2px;height:3px}}.action-name{font-style:normal}@media(max-width:620px){#hud-actions button{width:44px;min-height:44px}#profile-card{width:252px;height:44px;padding-top:2px;padding-bottom:2px}.profile-copy>span{display:none}.profile-copy>em{position:static}.portrait-ring{width:46px;height:46px}#menu-toggle{top:0}#hud-actions .action-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#hud-actions [data-action=fishing]>span:last-of-type{padding:0;border:0;background:none;box-shadow:none}#objective{width:246px;min-height:52px;grid-template-rows:auto auto}.chapter-kicker{display:none}#objective-text,#objective-progress{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.bubble.waiting{min-width:0;padding:3px 9px;font-size:13px}:root{--hud-navy: #1b2d49;--hud-navy-deep: #0f1b2e;--hud-navy-coin: #2a3048;--hud-rim: #c9a45c;--hud-rim-hi: #f0d38a;--hud-ink: #fff4d6;--hud-ink-2: #d9c69c;--hud-kicker: #e8c77a;--hud-coin: #f4d58a;--hud-arrow: #ff7a5c;--hud-frame: inset 0 0 0 2px #0b142199, inset 0 0 0 3px #e8c77a2e;--hud-hi: inset 0 1px 0 #f0d38a40, inset 0 -3px 0 #0000003d}.resource,#objective{border-color:var(--hud-rim);background:linear-gradient(180deg,var(--hud-navy),var(--hud-navy-deep));color:var(--hud-ink);box-shadow:var(--ui-shadow),var(--hud-frame),var(--hud-hi)}.resource b,#objective-text{color:var(--hud-ink)}.resource.cash{border-color:var(--hud-rim-hi);background:linear-gradient(180deg,var(--hud-navy-coin),var(--hud-navy-deep));box-shadow:var(--ui-shadow),var(--hud-frame),var(--hud-hi),0 0 10px #e8c77a33}.resource.cash b{color:var(--hud-coin)}.chapter-kicker{color:var(--hud-kicker)}#objective-progress{color:var(--hud-ink-2)}#objective-arrow{color:var(--hud-arrow)}#objective:focus-visible{outline-color:var(--hud-rim-hi)}@media(hover:hover)and (pointer:fine){#objective:hover{box-shadow:0 6px #0b1421b3,0 14px 24px #03080f47,var(--hud-frame),var(--hud-hi)}}#objective:active{box-shadow:var(--ui-shadow-press),var(--hud-frame),var(--hud-hi)}:root{--hud-done: #83a779}#profile-card,#mute-toggle,#task-banner,.day-card,.offline-card{border-color:var(--hud-rim);background:linear-gradient(180deg,var(--hud-navy),var(--hud-navy-deep));color:var(--hud-ink);box-shadow:var(--ui-shadow),var(--hud-frame),var(--hud-hi)}.profile-copy>span,.task-heading small,.day-card>small{color:var(--hud-kicker)}.profile-copy>strong,.task-heading strong,#task-list li,.offline-card p{color:var(--hud-ink)}.profile-copy>small,.profile-copy>em,.day-stats small,#day-close{color:var(--hud-ink-2)}#menu-toggle,#new-game,#mute-toggle{color:var(--hud-ink)}#mute-toggle[aria-pressed=true]{border-color:var(--hud-arrow);color:var(--hud-arrow)}#profile-card:after{background:linear-gradient(90deg,var(--hud-arrow) 0 35%,var(--hud-kicker) 35% 62%,transparent 62%)}.portrait-ring{border-color:var(--hud-rim);background:var(--hud-navy-deep);box-shadow:var(--ui-shadow),var(--hud-frame)}.portrait-ring b,.task-heading>span:first-child,.day-seal{border-color:var(--hud-rim)}.task-heading>b,#task-list li:before,.offline-mark{color:var(--hud-arrow)}#task-list li.done:before{color:var(--hud-done)}#offline-gain{color:var(--hud-coin)}.day-stats>span{border-color:var(--hud-rim);background:var(--hud-navy-deep)}#day-claim,#offline-collect{border-color:var(--ui-line);background:var(--ui-gold);color:var(--ui-ink)}:is(#task-banner,#profile-card,.day-card,.offline-card) :focus-visible{outline-color:var(--hud-rim-hi)}:root{--hud-glow: #e8c77a40}#bottom-nav button.active{border-color:var(--hud-rim-hi);background:radial-gradient(ellipse 75% 65% at 50% 38%,var(--hud-glow),transparent 72%),linear-gradient(180deg,var(--ui-card),var(--hud-navy-deep));color:var(--hud-coin);box-shadow:var(--ui-shadow),var(--hud-frame),var(--hud-hi),0 0 12px #e8c77a59}#bottom-nav button.active img{border-color:var(--hud-rim-hi);box-shadow:0 2px 0 var(--hud-navy-deep),0 0 8px #e8c77a59}#hud-actions img,.action-ring{border-color:var(--hud-rim);background:radial-gradient(circle at 50% 35%,var(--hud-navy),var(--hud-navy-deep));box-shadow:var(--ui-shadow),var(--hud-frame)}.action-ring{background:conic-gradient(var(--ui-gold) var(--fuel, 0deg),var(--hud-navy-deep) 0)}#hud-actions button>span:last-of-type{border-color:var(--hud-rim);background:linear-gradient(180deg,var(--hud-navy),var(--hud-navy-deep));color:var(--hud-ink);box-shadow:var(--ui-shadow),var(--hud-hi)}#hud-actions button b{color:var(--hud-coin)}#menu-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));background:#07121d6b;opacity:0;transition:opacity .12s var(--ease-exit)}#menu-layer[hidden],#menu-layer [hidden]{display:none}#menu-layer.on{opacity:1;transition-duration:.18s;transition-timing-function:var(--ease-enter)}#harbor-menu,#menu-loading{width:min(440px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;color:var(--cream);background:var(--navy-900);border:var(--ui-border) solid var(--ui-rim);border-radius:var(--ui-radius-lg);padding:36px 32px 26px;box-shadow:0 6px #050b14,0 18px 70px #06101b80,inset 0 2px #ffffff1f;transform:translateY(10px);transition:transform .12s var(--ease-exit);scrollbar-color:var(--gold-500) var(--navy-900)}#menu-layer.on #harbor-menu{transform:translateY(0);transition:transform .18s var(--ease-enter)}.menu-brand{margin:0;text-align:center;font:15px var(--font-display);letter-spacing:.18em;color:var(--gold-300)}.menu-brand strong{display:block;margin-top:4px;font-size:64px;font-weight:400;line-height:1.15;letter-spacing:.03em;color:var(--cream)}.menu-brand:after{content:"";display:block;width:64px;height:1px;background:var(--gold-500);margin:20px auto}#menu-heading{margin:0;font:24px var(--font-display);text-align:center}.menu-intro{margin:12px 0 24px;color:var(--washi);text-align:center;font-size:14px;line-height:1.6}.menu-actions{display:grid;gap:10px}#harbor-menu button,#harbor-menu select{min-height:48px;min-width:44px;font:700 16px var(--font-body);border:2px solid var(--gold-500);border-radius:var(--ui-radius-sm);background:var(--navy-800);color:var(--cream);padding:10px 14px;cursor:pointer;box-shadow:0 4px #050b14,inset 0 2px #ffffff14}#harbor-menu button{transition:background-color .12s ease,transform var(--ui-press) var(--ease-out),box-shadow var(--ui-press) var(--ease-out)}#harbor-menu button:active{transform:translateY(2px);box-shadow:0 1px #050b14}#harbor-menu .menu-primary{background:var(--ui-surface);color:var(--ui-ink);border:var(--ui-border) solid var(--ui-line);font-weight:900;font-size:18px;min-height:60px;box-shadow:0 0 0 2px var(--ui-rim),0 6px #050b14,var(--ui-hi)}#harbor-menu .menu-primary:active{box-shadow:0 0 0 2px var(--ui-rim),0 2px #050b14,var(--ui-hi)}.menu-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-save,.menu-account-status{margin:0 0 8px;text-align:center;color:var(--washi);font-size:12px;line-height:1.5}.menu-account-status{margin:0}#menu-back{margin-bottom:14px}#menu-notice{margin:10px 0 0;font-size:12px;color:var(--gold-300);line-height:1.5}#menu-notice:empty{display:none}#menu-notice button{display:block;min-height:44px;margin:8px auto 0;padding:6px 12px;font-size:12px}.settings-form{margin-top:18px}.settings-form fieldset{padding:0;margin:0 0 18px;border:0}.settings-form legend{width:100%;padding:0 0 7px;color:var(--gold-300);font:15px var(--font-display);border-bottom:1px solid #c9a45c60}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:50px;font-size:15px}.setting-row small{display:block;color:var(--washi);font-size:11px;line-height:1.5}.setting-row input[type=checkbox]{appearance:none;flex:0 0 48px;width:48px;height:44px;margin:0;border:2px solid var(--gold-500);border-radius:var(--ui-radius-sm);background:var(--navy-950);cursor:pointer;box-shadow:inset 0 2px 4px #0000004d}.setting-row input[type=checkbox]:checked{background:var(--washi)}.setting-row input[type=checkbox]:checked:after{content:"✓";display:block;text-align:center;color:var(--navy-950);font:700 26px/42px Georgia,serif}.volume-row{flex-wrap:wrap;gap:0;padding-top:8px}.volume-row>span{display:flex;justify-content:space-between;width:100%}.volume-row input{width:100%;height:44px;margin:0;accent-color:var(--gold-300);cursor:pointer}#harbor-menu select{max-width:150px;padding:8px}.menu-footnote{font-size:11px;line-height:1.5;text-align:center;color:var(--washi);margin:6px 0}.menu-legal{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.menu-legal a,.menu-legal [aria-disabled]{display:inline-flex;align-items:center;min-height:44px;color:var(--washi)}.menu-legal [aria-disabled]{color:#afbac5;cursor:not-allowed}.menu-message{text-align:center;padding:24px 0}.menu-seal{display:inline-grid;place-items:center;width:64px;height:64px;border:var(--ui-border) solid var(--ui-rim);border-radius:var(--ui-radius);color:var(--gold-300);font-size:34px}.menu-message-title{font-size:22px}.menu-message-copy{font-size:14px;line-height:1.6;color:var(--washi)}.menu-message+button{width:100%}#menu-loading{text-align:center;transform:none}#menu-loading progress{width:100%;height:18px;accent-color:var(--gold-300);border-radius:999px}#menu-loading p{font-size:14px}.menu-open :is(#top-hud,#weather-chip,#task-banner,#objective,#hud-actions,#bottom-nav,#labels,#hint,#joy,#panel-layer,#day-complete,#offline,#toast){visibility:hidden}#harbor-menu :is(input,select,a):focus-visible{outline:3px solid var(--gold-300);outline-offset:3px}#menu-layer[data-page=settings] .menu-brand{display:none}.wardrobe-intro{margin:10px 0 16px;color:var(--washi);text-align:center;font-size:13px}.wardrobe-list{display:grid;gap:8px}.wardrobe-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;min-height:72px;padding:8px 8px 8px 10px;border:1px solid #c9a45c66;background:var(--navy-800)}.wardrobe-row.equipped{border-color:var(--gold-300);background:color-mix(in oklch,var(--navy-800) 84%,var(--gold-500))}.wardrobe-row.locked{color:var(--washi)}.wardrobe-preview{width:48px;height:56px;border:1px solid #f5e8c633;background-color:var(--navy-950);background-repeat:no-repeat}.wardrobe-preview.hero{clip-path:polygon(20% 0,40% 8%,60% 8%,80% 0,100% 28%,82% 42%,76% 100%,24% 100%,18% 42%,0 28%);background:repeating-linear-gradient(135deg,#174d66 0 7px,#2e8295 7px 12px)}.wardrobe-preview.banner{background:linear-gradient(90deg,#3b2417 0 8px,transparent 8px),radial-gradient(circle at 64% 35%,#f0b95a 0 5px,transparent 6px),#9e2f25}.wardrobe-preview.boat{clip-path:polygon(2% 58%,98% 58%,80% 94%,22% 94%);background:linear-gradient(#d48a40 0 10%,#a52d20 11% 68%,#431a18 69%)}.wardrobe-row.locked .wardrobe-preview{filter:saturate(.45);opacity:.68}.wardrobe-copy{min-width:0}.wardrobe-copy strong,.wardrobe-copy small{display:block}.wardrobe-copy strong{font:15px var(--font-display);color:var(--cream)}.wardrobe-copy small{margin-top:4px;color:var(--washi);font-size:11px;line-height:1.3}#harbor-menu .wardrobe-row button{min-height:44px;padding-inline:10px;font-size:12px}.wardrobe-badges{margin-top:16px;color:var(--washi);font-size:12px}.wardrobe-badges>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wardrobe-badges span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold-500);border-radius:50%;color:var(--gold-300);font-weight:900}.wardrobe-empty{margin:14px 0 0;color:var(--washi);text-align:center;font-size:11px}.bug-form{display:grid;gap:12px;margin-top:16px}.bug-form>p,.bug-form>small{margin:0;color:var(--washi);font-size:12px;line-height:1.5}.bug-form>label{color:var(--gold-300);font:15px var(--font-display)}.bug-form textarea{width:100%;resize:vertical;min-height:116px;border:2px solid var(--gold-500);border-radius:var(--ui-radius-sm);padding:12px;color:var(--cream);background:var(--navy-950);font:14px/1.5 var(--font-body)}.bug-form textarea:focus-visible,.bug-file:focus-within{outline:3px solid var(--gold-300);outline-offset:2px}.bug-shot{display:grid;place-items:center;min-height:110px;overflow:hidden;border:1px solid #c9a45c80;border-radius:var(--ui-radius-sm);background:var(--navy-950);color:var(--washi);font-size:12px}.bug-shot img{width:100%;max-height:180px;object-fit:cover}.bug-file{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--gold-500);border-radius:var(--ui-radius-sm);cursor:pointer}.bug-file input{color:var(--washi);font:12px var(--font-body)}.bug-status{min-height:18px;color:var(--gold-300)!important}.bug-reminder-copy{margin:16px 0 20px;color:var(--washi);font-size:14px;line-height:1.6}.bug-reminder-toast{position:fixed;z-index:130;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));padding:14px 16px;color:var(--cream);background:var(--navy-900);border:2px solid var(--gold-500);border-radius:var(--ui-radius-sm);box-shadow:0 5px #050b14;font:13px/1.5 var(--font-body)}.bug-reminder-toast button{min-width:44px;min-height:44px;color:var(--navy-950);background:var(--gold-300);border:0;border-radius:var(--ui-radius-sm);font-weight:900;cursor:pointer}#menu-layer:is([data-page=wardrobe],[data-page=bug]) .menu-brand{display:none}@media(min-width:900px){#menu-layer{justify-items:start;padding-left:clamp(60px,12vw,240px)}#menu-layer:is([data-page=settings],[data-page=wardrobe],[data-page=bug]) #harbor-menu{width:520px}}@media(max-width:520px){#menu-layer{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}#harbor-menu,#menu-loading{padding:24px 16px 18px}.menu-brand strong{font-size:56px}#menu-layer:is([data-page=settings],[data-page=wardrobe],[data-page=bug]) #harbor-menu{padding-block:12px}.settings-form{margin-top:12px}.settings-form fieldset{margin-bottom:12px}.wardrobe-row{grid-template-columns:48px 1fr}.wardrobe-preview{grid-row:span 2;width:44px}#harbor-menu .wardrobe-row button{width:100%}.bug-shot{min-height:84px}.bug-reminder-toast{grid-template-columns:1fr}}@media(hover:hover){#harbor-menu button:hover{background:var(--navy-700)}#harbor-menu .menu-primary:hover{background:var(--ui-gold)}}@media(prefers-reduced-motion:reduce){#menu-layer,#harbor-menu,#harbor-menu button{transition:none!important;transform:none!important}}.progress-panel{min-width:0;display:grid;gap:16px}.progress-tabs{position:sticky;top:82px;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border:1px solid rgba(201,164,92,.62);border-radius:10px 18px;background:#08111df5;box-shadow:0 9px 22px #03080f4d}.progress-tabs button{position:relative;min-width:0;min-height:48px;padding:7px 5px;border:0;border-radius:7px 13px;background:transparent;color:#d4c7ab;font-size:12px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,transform .12s ease-out}.progress-tabs button:active{transform:scale(.97)}.progress-tabs button.active{background:linear-gradient(135deg,#c8322bd1,#7d2922c2);color:#fff4d6;box-shadow:inset 0 0 0 1px #e8c77a9e,0 4px 10px #03080f4d}.progress-tabs button i{position:absolute;top:5px;right:5px;width:9px;height:9px;border:2px solid #fff4d6;border-radius:50%;background:#e83b35;box-shadow:0 0 7px #e83b35cc}.progress-intro{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:2px 4px 10px;border-bottom:1px solid rgba(232,199,122,.42)}.progress-intro small,.pass-hero small{color:var(--gold-300);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.progress-intro h3,.pass-hero h3{margin:3px 0 0;color:var(--cream);font:500 22px var(--font-display)}.progress-intro>span{color:#d4c7ab;font:12px var(--font-numeric);white-space:nowrap}.daily-list,.achievement-list{display:grid;gap:9px}.daily-card,.achievement-card{min-height:96px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(201,164,92,.52);border-radius:10px 18px;background:linear-gradient(135deg,#1e3046f5,#0a1421f0);box-shadow:0 6px 16px #03080f38}.daily-card.claimable,.achievement-card.selected{border-color:var(--gold-300);box-shadow:inset 3px 0 #c8322b,0 6px 18px #03080f40}.daily-card.claimed{opacity:.66}.progress-medal,.achievement-rank{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--gold-500);border-radius:15px 23px;background:radial-gradient(circle at 36% 28%,#fff4d62e,#070f19d1);color:var(--gold-300);box-shadow:0 4px 10px #03080f4d}.progress-medal img,.achievement-rank img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(3,8,15,.42))}.progress-medal svg{width:27px;height:27px;fill:none;stroke:#c8e5a4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.daily-copy h3,.achievement-card h3{margin:0 0 4px;color:var(--cream);font:600 16px var(--font-display)}.daily-copy p,.achievement-card p{margin:0 0 7px;color:#d7c9aa;font:12px var(--font-numeric)}.progress-meter{height:7px;display:block;overflow:hidden;border:1px solid rgba(201,164,92,.48);background:#ffffff14}.progress-meter>b{width:var(--progress);height:100%;display:block;background:linear-gradient(90deg,#c8322b,#e8c77a);transition:width .18s var(--ease-enter)}.daily-reward{min-width:108px;display:grid;justify-items:stretch;gap:6px;text-align:center}.daily-reward small{color:var(--gold-300);font:11px var(--font-numeric)}.daily-reward strong{color:#d4c7ab;font-size:12px}.daily-reward button,.achievement-card button,.pass-reward button{position:relative;min-height:44px;overflow:hidden;border:1px solid var(--gold-300);border-radius:7px 13px;background:var(--washi);color:#172235;font-weight:900;cursor:pointer;box-shadow:0 3px #03080f52;transition:transform .12s ease-out,filter .15s ease}.daily-reward button:active,.achievement-card button:not(:disabled):active,.pass-reward button:active{transform:translateY(2px) scale(.98);box-shadow:0 1px #03080f52}.daily-card.claimable button:after,.pass-reward.claimable button:after{position:absolute;inset:-35% auto -35% -45%;width:32%;content:"";transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:claim-sheen 2.6s ease-in-out infinite;pointer-events:none}.achievement-card>div>small{display:block;margin-top:5px;color:#bdb39d;font:11px var(--font-numeric)}.achievement-card button{min-width:92px;padding:6px 9px}.achievement-card button:disabled{border-color:#66717e;background:#303c49;color:#aab2ba;cursor:not-allowed}.achievement-card.selected button:disabled{border-color:#7fa07a;background:#294735;color:#e8f2d7}.harbor-pass{min-width:0;max-width:100%;display:grid;gap:13px;overflow:hidden}.pass-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:17px;border:1px solid var(--gold-500);border-radius:10px 22px;background:radial-gradient(circle at 90% 5%,rgba(200,50,43,.34),transparent 34%),linear-gradient(145deg,#263a54,#0b1421);box-shadow:inset 0 0 0 3px #e8c77a14,0 9px 24px #03080f42}.pass-hero p{max-width:34ch;margin:7px 0 0;color:#d7c9aa;font-size:12px;line-height:1.45}.pass-hero>strong{min-width:82px;color:var(--gold-300);font:26px var(--font-numeric);text-align:center}.pass-hero>strong small{display:block;margin-top:4px;color:#fff4d6;font-size:11px}.pass-progress{display:grid;grid-template-columns:1fr auto;gap:6px 10px;color:#d7c9aa;font-size:12px}.pass-progress>b{color:var(--gold-300);font-family:var(--font-numeric)}.pass-progress>i{grid-column:1 / 3;height:9px;overflow:hidden;border:1px solid var(--gold-700);background:#ffffff14}.pass-progress>i>b{width:var(--progress);height:100%;display:block;background:linear-gradient(90deg,#c8322b,#e8c77a)}.pass-track{min-width:0;max-width:100%;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:3px 3px 14px;scrollbar-color:var(--gold-500) rgba(255,255,255,.08)}.pass-tier{flex:0 0 214px;display:grid;gap:8px;scroll-snap-align:center;opacity:.66}.pass-tier.unlocked{opacity:1}.pass-tier>header{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:6px 11px;border:1px solid var(--gold-500);border-radius:8px 14px 5px 5px;background:#101d2f;color:#d7c9aa;font-size:11px;text-transform:uppercase}.pass-tier>header b{color:var(--gold-300);font:22px var(--font-numeric)}.pass-reward{min-height:158px;display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;align-items:center;gap:5px;padding:10px;border:1px solid rgba(201,164,92,.5);border-radius:8px 15px;background:linear-gradient(150deg,#1f3046f5,#0a131ff5);box-shadow:0 6px 15px #03080f33;text-align:center}.pass-reward.premium{background:radial-gradient(circle at 50% 8%,rgba(200,50,43,.24),transparent 38%),linear-gradient(150deg,#2b2535,#101827)}.pass-reward.claimable{border-color:var(--gold-300);box-shadow:inset 0 0 0 2px #e8c77a24}.pass-reward.claimed{opacity:.62}.reward-mark{width:52px;height:52px;display:grid;place-items:center;border:2px solid var(--gold-300);border-radius:16px 24px;background:radial-gradient(circle at 35% 28%,#fff4d629,#08111de0);color:var(--gold-300);box-shadow:0 5px 12px #03080f57}.reward-mark>img{width:47px;height:47px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(3,8,15,.45))}.reward-mark>svg{width:25px;height:25px;display:block}.pass-reward>small{color:#d7c9aa;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pass-reward>b{color:var(--cream);font-size:13px;line-height:1.25}.pass-reward>strong{align-self:center;color:#bdb39d;font-size:12px}.pass-reward button{width:100%;padding:5px 7px}.pass-reward .premium-shop{border-color:#8f8070;background:transparent;color:#e3d5b5;font-size:11px;line-height:1.2}.nav-progress-notice{position:absolute;top:7px;right:20%;z-index:2;width:13px;height:13px;border:2px solid var(--washi);border-radius:50%;background:#e83b35;box-shadow:0 0 7px #e83b35db;pointer-events:none}.nav-progress-notice[hidden]{display:none}@media(hover:hover)and (pointer:fine){.progress-tabs button:hover,.daily-reward button:hover,.achievement-card button:not(:disabled):hover,.pass-reward button:hover{filter:brightness(1.1)}}@keyframes claim-sheen{0%,58%{transform:translate(0) skew(-20deg);opacity:0}68%{opacity:1}86%,to{transform:translate(470%) skew(-20deg);opacity:0}}@media(max-width:620px){.progress-tabs{top:70px}.progress-tabs button{min-height:46px;font-size:11px}.progress-intro h3,.pass-hero h3{font-size:19px}.daily-card,.achievement-card{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:9px}.progress-medal,.achievement-rank{width:42px;height:42px}.progress-medal img,.achievement-rank img{width:38px;height:38px}.daily-reward,.achievement-card button{grid-column:2;width:100%}.daily-reward{grid-template-columns:1fr 92px;align-items:center;text-align:left}.daily-reward strong{text-align:right}.pass-hero{padding:13px 11px}.pass-hero>strong{min-width:67px;font-size:21px}.pass-tier{flex-basis:198px}.nav-progress-notice{top:3px;right:11%;width:11px;height:11px}}@media(prefers-reduced-motion:reduce){.progress-tabs button,.progress-meter>b,.daily-reward button,.achievement-card button,.pass-reward button{transition-duration:1ms}.daily-card.claimable button:after,.pass-reward.claimable button:after{animation:none}.pass-track{scroll-behavior:auto}}.shop-shell{min-width:0;display:grid;gap:12px;container-type:inline-size}.shop-banner{min-height:126px;display:grid;grid-template-columns:1fr 112px;align-items:center;gap:14px;overflow:hidden;padding:17px 12px 17px 18px;border:1px solid var(--gold-500);border-radius:10px 24px;background:radial-gradient(circle at 88% 18%,rgba(200,50,43,.3),transparent 31%),linear-gradient(145deg,#2a3d57,#0b1523 72%);box-shadow:inset 0 0 0 3px #e8c77a12,0 8px 20px #03080f3d}.shop-banner small,.shop-copy small{color:var(--gold-300);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.shop-banner h3{margin:3px 0 5px;color:var(--cream);font:600 24px/1.05 var(--font-display)}.shop-banner p{max-width:35ch;margin:0;color:#d9ccad;font-size:12px;line-height:1.45}.shop-banner>img{width:108px;height:96px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(3,8,15,.55));transform:rotate(3deg)}.shop-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(201,164,92,.62);border-radius:9px 17px;background:#08111d}.shop-tabs button{min-width:0;min-height:46px;padding:6px 4px;border:0;border-radius:6px 12px;background:transparent;color:#d4c7ab;font-size:11px;font-weight:800;cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .12s var(--ease-enter)}.shop-tabs button.active{background:#9f302b;color:#fff4d6;box-shadow:inset 0 0 0 1px #e8c77a99}.shop-tabs button:active{transform:scale(.97)}.holder-note{min-height:56px;display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;border:1px solid #b58c48;border-radius:8px 14px;background:#efe3c8;color:#172235}.holder-note img{width:42px;height:42px;object-fit:contain}.holder-note span{display:grid;gap:1px}.holder-note b{font:700 14px var(--font-display)}.holder-note small{color:#6f5739;font-size:11px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-card{min-width:0;min-height:286px;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr auto auto;gap:9px 10px;padding:12px;border:1px solid rgba(201,164,92,.53);border-radius:10px 18px;background:linear-gradient(150deg,#22344afa,#09121efa);box-shadow:0 6px 16px #03080f3d}.shop-card.featured:first-child{grid-column:1 / -1;min-height:218px;grid-template-columns:122px minmax(0,1fr)}.shop-card.owned{border-color:#83a779}.shop-art{width:72px;height:72px;display:grid;place-items:center;align-self:start;border:1px solid var(--gold-500);border-radius:18px 28px;background:radial-gradient(circle at 34% 27%,#fff4d62b,#070f19de)}.shop-card.featured:first-child .shop-art{width:116px;height:116px;align-self:center}.shop-art img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(3,8,15,.48))}.shop-copy{min-width:0;align-self:start}.shop-copy h3{margin:3px 0 6px;color:var(--cream);font:600 17px/1.1 var(--font-display)}.shop-copy p{margin:0;color:#d5c8a9;font-size:11px;line-height:1.45}.shop-meta{grid-column:1 / -1;display:flex;align-items:end;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid rgba(232,199,122,.26)}.shop-meta b{color:var(--gold-300);font:700 20px var(--font-numeric)}.shop-meta span{color:#bfb49c;font-size:11px;text-align:right}.shop-buy,.shop-actions,.shop-owned,.shop-unavailable{grid-column:1 / -1}.shop-buy,.shop-actions button{min-height:44px;border:1px solid var(--gold-300);border-radius:7px 13px;background:var(--washi);color:#172235;font-weight:900;cursor:pointer;box-shadow:0 3px #03080f52;transition:transform .12s var(--ease-enter),filter .15s ease}.shop-buy:active,.shop-actions button:active{transform:translateY(2px) scale(.98)}.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.shop-actions .shop-buy-more{background:transparent;color:var(--cream);box-shadow:none}.shop-owned,.shop-unavailable{min-height:44px;display:grid;place-items:center;margin:0;border:1px solid #6f9270;border-radius:7px 13px;background:#2f53377a;color:#e5f2d8;font-size:12px;text-align:center}.shop-unavailable{padding:6px 10px;border-color:#756c61;background:#18222db3;color:#c9c1b1;line-height:1.25}.shop-rewarded .shop-card.owned{animation:shop-reward .23s var(--ease-enter)}@media(hover:hover)and (pointer:fine){.shop-tabs button:hover,.shop-buy:hover,.shop-actions button:hover{filter:brightness(1.1)}}@container (max-width: 420px){.shop-banner{min-height:108px;grid-template-columns:1fr 74px;padding:13px}.shop-banner h3{font-size:20px}.shop-banner>img{width:76px;height:70px}.shop-grid{grid-template-columns:1fr}.shop-card,.shop-card.featured:first-child{grid-column:auto;min-height:214px;grid-template-columns:74px minmax(0,1fr)}.shop-card.featured:first-child .shop-art{width:72px;height:72px;align-self:start}}@keyframes shop-reward{45%{transform:scale(.985);filter:brightness(1.25)}}@media(prefers-reduced-motion:reduce){.shop-tabs button,.shop-buy,.shop-actions button{transition-duration:1ms}.shop-rewarded .shop-card.owned{animation:none}}