:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#3a5560;--ink-soft:#6b7c74;--paper:#fdf8ea;--rope:#c9a86a;--gold:#f5b93c}*{box-sizing:border-box}body{color:var(--ink);background:repeating-linear-gradient(0deg, transparent 0 27px, #5a788212 27px 28px), repeating-linear-gradient(90deg, transparent 0 27px, #5a788212 27px 28px), var(--paper);margin:0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}:root{--lagoon-dk:#5ec6cd;--lagoon-lt:#6fd0d6;--sand-dk:#f3e2b2;--sand-lt:#faedc8}.ts-app{flex-direction:column;gap:.9rem;max-width:30rem;margin:0 auto;padding:.75rem .75rem 2rem;display:flex;position:relative}@media (width>=900px){.ts-app{width:fit-content;min-width:24rem;max-width:none}.board-wrap{overflow-x:auto}header,.voyage,.modes-sec,.clues{width:0;min-width:100%}h1{font-size:1.45rem}}.deco-coast{opacity:.55;pointer-events:none;width:100%;height:60px;position:absolute;bottom:-4px;left:0;right:0}header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}h1{letter-spacing:.03em;align-items:center;gap:.35rem;margin:0;font-size:1.15rem;display:flex}.brand-icon{flex:none;width:1.35em;height:1.35em}button{font:inherit;cursor:pointer;touch-action:manipulation}.head-actions{align-items:center;gap:.4rem;display:flex}header:not(.lobby-head) h1{font-size:1.7rem}header [data-action=lobby],.guide-link{width:1.9rem;height:1.9rem;color:var(--ink-soft);background:#fffdf4;border:1px solid #eee0bd;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.92rem;text-decoration:none;transition:border-color .12s,background .12s;display:inline-flex}header [data-action=lobby]:hover,.guide-link:hover,.lobby-resume-btn.ghost:hover{background:#fff6de;border-color:#c98a1e}.lobby-head{grid-template-columns:1fr auto;align-items:center;padding:.3rem 0 .1rem;display:grid}.lobby-head h1{white-space:nowrap;grid-column:1;margin:0;font-size:1.7rem}.lobby-head .guide-link{grid-column:2;justify-self:end}.lobby-resume{border:1.5px dashed var(--rope);background:#fffdf4;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .9rem;font-size:.82rem;font-weight:600;display:flex}.lobby-resume-actions{flex-shrink:0;gap:.4rem;display:flex}.lobby-resume-btn{font:inherit;background:var(--gold);color:#4a300a;border:0;border-radius:8px;padding:.4rem .8rem;font-size:.76rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}.lobby-resume-btn.ghost{color:var(--ink-soft);background:0 0;border:1.5px solid #c4b18c;padding:.35rem .75rem;transition:border-color .12s,background .12s}.lobby-stage{flex-direction:column;gap:.9rem;display:flex}.lobby-card{background:var(--sand-lt);border:1px solid #eee0bd;border-radius:16px;padding:1rem 1.1rem 1.1rem}.lobby-card.endless{background:#dff3f5;border-color:#b9e4e7}.lobby-title-row{align-items:center;gap:.5rem;margin:.12rem 0 .2rem;display:flex}.lobby-badge{flex:none;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;display:inline-flex}.tier-glyph{flex:none;line-height:1;display:inline-block}.tier-glyph.small{font-size:1.3rem}.tier-glyph.mid{font-size:1.7rem}.tier-glyph.large{font-size:2.1rem}.lobby-card h2{margin:0;font-size:1.14rem}.lobby-card .sub{color:var(--ink-soft);margin:0 0 .75rem;font-size:.76rem;line-height:1.5}.lobby-isle-row{align-items:flex-end;gap:.6rem;display:flex}.lobby-isle{font:inherit;color:var(--ink);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:.15rem;display:flex}.lobby-isle .glyph-box{background:#fffdf4;border:1.5px solid #eee0bd;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:.55rem .2rem;display:flex}.lobby-isle .label{color:var(--ink);white-space:nowrap;font-size:.62rem;font-weight:700}.lobby-isle:hover .glyph-box,.lobby-isle:focus-visible .glyph-box{background:#fff6de;border-color:#c98a1e}.lobby-trail{align-items:center;gap:.2rem;margin:.3rem 0 .85rem;display:flex}.lobby-trail i{background:var(--sand-dk);border:1px solid var(--rope);border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.lobby-trail i.done{background:var(--gold);border-color:#c98a1e}.lobby-trail .boat,.lobby-trail .flag{flex-shrink:0;font-size:1rem}.lobby-trail .dash{border-top:2px dotted #c9b98c;flex:.6rem;min-width:.3rem}.lobby-stat-cols{gap:.6rem;display:flex}.lobby-stat-col{flex-direction:column;flex:1;gap:.3rem;display:flex}.lobby-stat-label{text-align:left;color:var(--ink);padding-left:.15rem;font-size:.68rem;font-weight:600}.lobby-stat-box{background:#fffdf4;border:1px solid #eee0bd;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;height:3.3rem;padding:0 .5rem;display:flex}.lobby-stat-box .n{font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.05rem;font-weight:800}.lobby-cta-row{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.4rem;margin-top:.7rem;display:flex}.lobby-cta{font:inherit;background:var(--gold);color:#4a300a;white-space:nowrap;border:0;border-radius:10px;padding:.5rem 1.05rem;font-size:.78rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}.lobby-cta:not(:disabled):hover,.overlay-actions .ad-cta:hover,.lobby-resume-btn:not(.ghost):hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 10px #b4821459}.lobby-cta:focus-visible{outline-offset:2px;outline:3px solid #c98a1e}.lobby-cta.locked{color:#8c8467;cursor:not-allowed;background:#ddd6c2}.lobby-crew-row{flex-direction:column;gap:.3rem;margin:.6rem 0;display:flex}.lobby-crew-label{text-align:left;color:var(--ink);padding-left:.15rem;font-size:.68rem;font-weight:600}.crew-box{background:#fffdf4;border:1px solid #eee0bd;border-radius:10px;justify-content:center;align-items:center;height:3.3rem;display:flex}.crew-slots{gap:.5rem;display:flex}.crew-slot{border-radius:50%;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.05rem;display:flex}.crew-slot.filled{background:#dff3f5;border:1.5px solid #2e8b9a}.crew-slot.empty{opacity:.5;filter:grayscale();background:0 0;border:1.5px dashed #c9b98c}.voyage{color:var(--ink-soft);align-items:center;gap:.3rem;font-size:.68rem;display:flex}.voyage em{letter-spacing:.1em;font-style:normal}.voyage em:first-child{margin-right:.15rem}.voyage em:last-child{margin-left:.15rem}.voyage i{background:#cfe3d2;border:1px solid #9dbfa4;border-radius:50%;width:.5rem;height:.5rem}.voyage i.done{background:var(--gold);border-color:#d99a1e}.voyage .boat,.voyage .flag{font-size:.85rem;line-height:1}.voyage .dash{border-top:2px dotted #b8c9bc;flex:0 0 .7rem}.voyage .mines{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem;font-weight:700}.board-wrap{border:3px double var(--rope);background:#d6f2f38c;border-radius:12px;padding:5px;position:relative}.board{--lab-w:1.1rem;grid-template-columns:var(--lab-w) repeat(var(--cols), 1fr);-webkit-user-select:none;user-select:none;gap:2px;display:grid}@media (width>=900px){.board{--cell:clamp(24px, calc((100vw - 32rem) / var(--cols)), 36px);grid-template-columns:var(--lab-w) repeat(var(--cols), var(--cell))}.board.four-lab{grid-template-columns:var(--lab-w) repeat(var(--cols), var(--cell)) var(--lab-w)}.cell{font-size:1rem}}.fx-layer{pointer-events:none;z-index:30;position:absolute;inset:0}.fx-p{pointer-events:none;border-radius:50%;position:absolute}.fly-layer{pointer-events:none;z-index:60;position:fixed;inset:0}.fx-fly{pointer-events:none;color:#6b5312;text-shadow:0 1px #ffffff8c;white-space:nowrap;font-size:1.05rem;font-weight:700;position:absolute}.lab{color:var(--ink-soft);opacity:.85;place-content:center;min-height:1.1rem;font-size:.7rem;display:grid}.cell{aspect-ratio:1;border:0;border-radius:5px;place-content:center;padding:0;font-size:clamp(.85rem,3.6vw,1.15rem);font-weight:700;line-height:1;display:grid}.cell.hidden.dark{background:var(--lagoon-dk)}.cell.hidden.light{background:var(--lagoon-lt)}.cell.hidden{box-shadow:inset 0 -2px #1e6e782e,inset 0 1px #ffffff8c}.cell.revealed.dark{background:var(--sand-dk)}.cell.revealed.light{background:var(--sand-lt)}.cell.revealed{color:#4a3d22;box-shadow:inset 0 0 0 1px #ecd9a4}.cell.n1{color:#2377b8}.cell.n2{color:#3d8c4f}.cell.n3{color:#d95f43}.cell.n4{color:#4a5fae}.cell.n5{color:#a3542e}.cell.n6{color:#178787}.cell.n7{color:#3a3f47}.cell.n8{color:#7a828c}.cell.boom{background:#e0705c}.cell.treasure{background:#ffdf8a}.cell.dug{position:relative}.cell.dug.light{background:var(--sand-lt)}.cell.dug.dark{background:var(--sand-dk)}.cell.dug:after{content:"";background:radial-gradient(circle at 50% 62%,#c3a878 0%,#cfb689 70%);border-radius:50%;position:absolute;inset:21%;box-shadow:inset 0 3px 4px #5a411e73,inset 0 -1px 1px #ffffff8c}.cell.candidate{box-shadow:inset 0 0 0 2px var(--gold), 0 0 8px 1px #f5b93c73;animation:2s ease-in-out infinite shine}@keyframes shine{50%{box-shadow:inset 0 0 0 2px var(--gold), 0 0 14px 3px #f5b93cb3}}.cell.scan-hit{box-shadow:inset 0 0 0 3px #2e8b6e}.cell.scan-miss{box-shadow:inset 0 0 0 3px #d95f4373}.modes{flex-wrap:wrap;gap:.4rem;display:flex}.mode{color:#5a6e64;white-space:nowrap;background:#fffdf4;border:1px solid #d9cba2;border-radius:8px;flex:1;padding:.5rem .25rem;font-size:.85rem;font-weight:600}.mode.active{color:#fff;background:#3a7d8c;border-color:#3a7d8c}.mode:disabled{opacity:.4;cursor:default}.chip.slot{color:#9aa89e;letter-spacing:.2em;background:#ffffff8c;border-color:#b8c9bc}.vault-row{align-items:center;gap:.4rem;margin-top:.5rem;font-size:.85rem;font-weight:700;display:flex}.digit{border:1px solid var(--rope);color:#4a3d22;font-variant-numeric:tabular-nums;background:#fffdf4;border-radius:4px;place-content:center;width:1.4rem;height:1.65rem;font-size:.95rem;display:grid}.digit.empty{color:#b8a374}.clue-detail{color:#6b5312;min-height:3em;margin:.3rem 0 0;font-size:.85rem}.clue-detail.as-hint{color:var(--ink-soft)}.target-strip{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.4rem;display:flex}.target-tab{color:#5a6e64;white-space:nowrap;background:#fffdf4;border:1px solid #d9cba2;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:600}.target-tab.active{color:#fff;background:#3a7d8c;border-color:#3a7d8c}.hint.toast{color:#6b5312;font-weight:600}.chips{flex-wrap:wrap;align-content:flex-start;gap:.45rem;min-height:4.3rem;display:flex}.chip{border:1px dashed var(--rope);color:#5c6e52;text-align:left;background:#fffdf4;border-radius:4px;padding:.3rem .6rem;font-size:.85rem;transform:rotate(-1deg)}.chip:nth-child(2n){transform:rotate(1.2deg)}.chip.active{color:#6b5312;background:#fdf1cf;border-style:solid;border-color:#d9a83c}.chip.ghost{opacity:.6}.scan-result{margin:.4rem 0 0;font-size:.9rem}.hint{color:var(--ink-soft);margin:.15rem 0 0;font-size:.8rem}.overlay{z-index:20;background:#1e3c4266;border-radius:9px;justify-content:center;align-items:center;animation:.25s ease-out both overlay-fade;display:flex;position:absolute;inset:0}.overlay.won{animation-delay:.2s}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.card{border:3px double var(--rope);text-align:center;background:#fffdf4;border-radius:12px;max-width:85%;padding:1.25rem 1.5rem;animation:.38s cubic-bezier(.2,1.3,.4,1) both card-pop;box-shadow:0 8px 30px #1432374d}.overlay.won .card{animation-delay:.45s}.overlay.lost .card{animation-delay:.3s}@keyframes card-pop{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.card h2{margin:0 0 .5rem}.card p{margin:0 0 1rem;font-size:.9rem}.primary{color:#fff;background:#3a7d8c;border:0;border-radius:8px;padding:.6rem 1.4rem;font-weight:700}.overlay.won .primary{background:#d99a1e}.overlay.hurt .card{background:#fdece6}.overlay.lost .card{background:#f1ede2}.overlay .crew-box{max-width:12rem;margin:0 auto .9rem}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.overlay-actions .ad-cta{font:inherit;background:var(--gold);color:#4a300a;border:0;border-radius:8px;padding:.6rem 1.1rem;font-size:.82rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}.overlay-actions .leave-cta{font:inherit;color:var(--ink-soft);background:#fffdf4;border:1px solid #eee0bd;border-radius:8px;padding:.6rem 1.1rem;font-size:.82rem;font-weight:700}.confirm-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.3rem;display:flex}.confirm-actions .ghost{font:inherit;color:var(--ink-soft);background:0 0;border:1.5px solid #c4b18c;border-radius:8px;padding:.6rem 1.1rem;font-weight:700}@media (prefers-reduced-motion:reduce){.cell.candidate,.overlay,.card{animation:none}.lobby-cta,.overlay-actions .ad-cta,.lobby-resume-btn{transition:none}.lobby-cta:not(:disabled):hover,.overlay-actions .ad-cta:hover,.lobby-resume-btn:not(.ghost):hover{transform:none}}