:root{--ink: #0d1b2a;--paper: #f7f3e8;--gold: #ffd166;--gold-deep: #e8a33d;--sea: #2f7d9e;--danger: #ef5b5b;--safe: #7bd389;--panel: rgba(10, 22, 34, .82);--panel-edge: rgba(255, 255, 255, .12);--radius: 16px;--font: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#08131f;color:var(--paper);font-family:var(--font);overscroll-behavior:none;touch-action:none;user-select:none}#app{position:fixed;inset:0;display:block}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:absolute;inset:0;pointer-events:none}#ui button,#ui .ui-panel{pointer-events:auto}.hud{position:absolute;inset:0;padding:max(14px,env(safe-area-inset-top)) 16px 16px;display:flex;flex-direction:column;gap:8px;font-size:14px}.hud[hidden]{display:none}.hud-top{display:flex;justify-content:space-between;align-items:center;text-shadow:0 2px 6px rgba(0,0,0,.55)}.hud-level{font-weight:600;letter-spacing:.02em}.hud-coins{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--gold)}.coin{color:var(--gold);font-size:.95em}.hud-route{height:4px;border-radius:4px;background:#ffffff29;overflow:hidden}.hud-route-fill{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--gold),#fff3c4);transition:width .12s linear}.hud-seats{display:flex;gap:6px}.pip{width:12px;height:12px;border-radius:50%;background:#ffffff40;border:1.5px solid rgba(255,255,255,.5);transition:background .15s,transform .15s}.pip.heavy{width:15px;height:15px}.pip.thrill{border-radius:3px;transform:rotate(45deg)}.pip.queasy{box-shadow:inset 0 0 0 2px #b6d7a8e6}.pip.ok{background:var(--safe)}.pip.warn{background:var(--gold)}.pip.danger{background:var(--danger);animation:pulse .4s infinite alternate}.pip.done{background:#ffffffd9;border-color:#ffffffd9}.pip.lost{background:transparent;border-color:#ef5b5bb3;opacity:.5}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.35)}}.hud-swamp,.hud-damage,.hud-chase{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.hud-swamp{position:relative;width:132px;height:8px;border-radius:6px;background:#ffffff24;opacity:0;transition:opacity .2s}.hud-swamp span{position:absolute;left:140px;top:-5px;font-size:11px;opacity:.85;white-space:nowrap}.hud-swamp.active{opacity:1}.hud-swamp-fill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#6fd3ff,#2f7d9e)}.hud-swamp.critical .hud-swamp-fill{background:linear-gradient(90deg,#ff9d6f,var(--danger))}.hud-damage{position:relative;display:flex;gap:5px;width:132px}.hud-damage i{flex:1;height:8px;border-radius:3px;background:#ffffff24;transition:background .18s,box-shadow .18s}.hud-damage i.lit{background:linear-gradient(90deg,#ffc86a,#ff8a3d);box-shadow:0 0 8px #ff963c99}.hud-damage span{position:absolute;left:140px;top:-5px;font-size:11px;opacity:.85;white-space:nowrap}.hud-damage.critical i.lit{background:linear-gradient(90deg,#ff6f6f,var(--danger));box-shadow:0 0 10px #ff5050bf}.hud-damage.critical{animation:chase-pulse .5s infinite}.hud-chase{position:relative;width:132px;height:8px;border-radius:6px;background:#ffffff24}.hud-chase span{position:absolute;left:140px;top:-5px;font-size:11px;opacity:.85;white-space:nowrap}.hud-chase-fill{height:100%;width:100%;border-radius:6px;background:linear-gradient(90deg,#2f7d9e,#6fd3ff)}.hud-chase.critical{animation:chase-pulse .5s infinite}.hud-chase.critical .hud-chase-fill{background:linear-gradient(90deg,var(--danger),#ff9d6f)}@keyframes chase-pulse{0%,to{opacity:1}50%{opacity:.45}}.hud-score{display:flex;align-items:center;gap:10px;margin-top:2px}.hud-score b{font-size:26px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.45)}.hud-combo{position:relative;display:flex;flex-direction:column;gap:3px;padding:3px 9px 5px;border-radius:8px;background:#08121c73;font-size:18px;font-weight:700;font-style:normal;opacity:0;transform:scale(.9);transition:opacity .18s,transform .18s,color .2s}.hud-combo.active{opacity:1;transform:scale(1)}.hud-combo.hot{color:#ffd166;box-shadow:0 0 14px #ffd16673}.hud-combo.blaze{color:#ff8a4a;box-shadow:0 0 18px #ff7832a6}.hud-combo.inferno{color:#ff4d3a;box-shadow:0 0 22px #ff4628cc}.hud-combo.punch{animation:combo-punch .22s ease-out}@keyframes combo-punch{0%{transform:scale(1.28)}to{transform:scale(1)}}.hud-combo i{display:block;height:3px;border-radius:3px;background:currentColor;transform-origin:left center;transition:transform .1s linear}.hud-tricks{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:6px;pointer-events:none}.trick-floats{position:fixed;inset:0;pointer-events:none;z-index:40}.trick-float{position:fixed;display:flex;align-items:baseline;gap:7px;padding:4px 12px;border-radius:999px;font-weight:700;letter-spacing:.02em;font-size:20px;transform:translate(-50%,-50%);animation:trick-drift 1.15s ease-out forwards;text-shadow:0 2px 10px rgba(0,0,0,.45);white-space:nowrap}.trick-float.gold{color:#ffe28a;background:#5030086b;box-shadow:0 0 18px #ffc85073}.trick-float.cyan{color:#bff4ff;background:#0824306b;box-shadow:0 0 16px #78e6ff66}.trick-float.lg{font-size:26px;padding:5px 14px;box-shadow:0 0 24px #ffc8509e;animation-name:trick-drift-lg}.trick-float.xl{font-size:32px;padding:6px 16px;box-shadow:0 0 32px #ffdc78cc;animation-name:trick-drift-xl}.trick-float span{font-variant-numeric:tabular-nums;opacity:.92}.trick-float em{font-style:normal;font-size:14px;opacity:.7}@keyframes trick-drift{0%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--to-x)),calc(-50% + var(--to-y))) scale(.72)}}@keyframes trick-drift-lg{0%{opacity:0;transform:translate(-50%,-50%) scale(1.42)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--to-x)),calc(-50% + var(--to-y))) scale(.72)}}@keyframes trick-drift-xl{0%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}16%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--to-x)),calc(-50% + var(--to-y))) scale(.72)}}.trick-pop{display:flex;align-items:baseline;gap:7px;padding:3px 10px;border-radius:999px;background:#08121c80;font-size:13px;animation:trick-rise 1.4s ease-out forwards}.trick-pop b{font-weight:700}.trick-pop span{color:#ffd166;font-variant-numeric:tabular-nums}.trick-pop em{font-style:normal;font-size:11px;opacity:.7}@keyframes trick-rise{0%{opacity:0;transform:translateY(10px) scale(.92)}14%{opacity:1;transform:translateY(0) scale(1)}74%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.hud-banner{margin-top:auto;align-self:center;padding:8px 16px;border-radius:999px;background:#08121c99;font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.hud-banner.visible{opacity:1;transform:translateY(0)}.combo-callout{position:absolute;inset:0;display:grid;place-items:start center;padding-top:16%;pointer-events:none;z-index:8}.combo-callout[hidden]{display:none}.combo-callout b{font-size:clamp(32px,9vw,56px);font-weight:900;font-style:italic;letter-spacing:.06em;line-height:1;animation:combo-slam 1.1s ease-out forwards}.combo-callout.nice b{color:#ffe566;-webkit-text-stroke:2px #3a2200;paint-order:stroke fill;text-shadow:0 0 18px rgba(255,209,102,.9),0 4px 0 #c48a18}.combo-callout.great b{color:#ff9a4a;-webkit-text-stroke:2px #3a1400;paint-order:stroke fill;text-shadow:0 0 20px rgba(255,120,50,.9),0 4px 0 #b84a12}.combo-callout.inferno b{color:#ff4d3a;-webkit-text-stroke:2px #2a0600;paint-order:stroke fill;text-shadow:0 0 22px rgba(255,70,40,.95),0 5px 0 #8a1408}@keyframes combo-slam{0%{opacity:0;transform:scale(.2) rotate(-9deg)}16%{opacity:1;transform:scale(1.38) rotate(3deg)}30%{transform:scale(1) rotate(-1deg)}70%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.08) translateY(-14px)}}.hud-hint{align-self:center;margin-bottom:max(18px,env(safe-area-inset-bottom));padding:10px 20px;border-radius:999px;background:#ffffff24;font-size:14px;opacity:0;transition:opacity .35s}.hud-hint.visible{opacity:1;animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.fish-stick{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(88px,calc(env(safe-area-inset-bottom) + 64px));width:92px;height:92px;border-radius:50%;border:2px solid rgba(255,255,255,.42);background:radial-gradient(circle at 38% 32%,#ffffff3d,#08182680);box-shadow:0 6px 20px #00000059;color:var(--paper);touch-action:none;transition:transform .12s,border-color .12s}.fish-stick[hidden]{display:none}.fish-stick b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:700;opacity:.6;text-shadow:0 2px 6px rgba(0,0,0,.6)}.fish-stick i{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#9be7ffd9;box-shadow:0 0 12px #78dcff99}.fish-stick.casting{transform:scale(1.06);border-color:#9be7ffe6}.fish-stick.casting b{opacity:0}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:#040a128c;backdrop-filter:blur(3px)}.overlay.visible{display:flex}.overlay.deep{background:#030910c2;backdrop-filter:blur(7px)}.overlay.bare{background:none;backdrop-filter:none;align-items:stretch;padding:max(14px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.ui-panel{width:min(420px,100%);max-height:100%;overflow-y:auto;padding:22px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge);box-shadow:0 24px 60px #00000073;animation:rise .24s ease-out}.ui-panel.wide{width:min(560px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.ui-panel h2{margin:0;font-size:20px}.ui-panel h3{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.panel-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.panel-coins{display:flex;align-items:center;gap:8px;color:var(--gold);font-weight:700}button{font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--paper);border:none;border-radius:12px;padding:12px 18px;cursor:pointer;transition:transform .12s,filter .12s,opacity .12s}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:disabled{opacity:.38;cursor:default}button.primary{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#3a2400}button.reward{background:linear-gradient(180deg,#8ee0a1,#4fae6b);color:#05230f}button.ghost{background:#ffffff1a;color:var(--paper);font-weight:500}button.small{padding:7px 12px;font-size:12px}.shell{width:min(520px,100%);height:100%;display:flex;flex-direction:column;gap:12px;padding:4px 2px;animation:rise .24s ease-out}.shell.title{text-align:center;justify-content:space-between}.shell-head{display:flex;align-items:center;gap:10px}.shell-head h2{flex:1;margin:0;font-size:19px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.shell-purse,.title-purse{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#06101a9e;border:1px solid rgba(255,209,102,.35);color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.title-purse{margin:12px auto 0;width:fit-content;font-size:18px}.title-head{padding-top:6px}.title-mark{font-size:clamp(34px,12vw,52px);font-weight:800;letter-spacing:.12em;background:linear-gradient(180deg,#fff6dd,var(--gold) 58%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)) drop-shadow(0 10px 22px rgba(0,0,0,.5))}.title-sub{margin-top:2px;font-size:11px;letter-spacing:.42em;opacity:.75;text-shadow:0 2px 8px rgba(0,0,0,.7)}.title-buttons{display:grid;gap:10px;padding-bottom:6px}.title-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}button.huge{display:grid;gap:2px;padding:18px 14px;border-radius:18px;background:linear-gradient(180deg,#ffe9a8,var(--gold) 45%,var(--gold-deep));color:#3a2400;box-shadow:0 5px #a9711f,0 14px 26px #00000073}button.huge:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #a9711f,0 8px 16px #00000073}button.huge b{font-size:22px;letter-spacing:.06em}button.huge em{font-style:normal;font-size:11px;opacity:.78}button.slab{padding:14px 12px;border-radius:14px;background:#081420b8;border:1px solid rgba(255,255,255,.16);color:var(--paper);box-shadow:0 4px #00000059}button.slab:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000059}button.chip{padding:7px 12px;font-size:12px;border-radius:999px;background:#06101a9e;border:1px solid rgba(255,255,255,.16);color:var(--paper);font-weight:600}.title-foot{font-size:12px;opacity:.7;text-shadow:0 2px 8px rgba(0,0,0,.8)}.shop-row,.boat-card{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-radius:12px;background:#ffffff0f;border:1px solid transparent}.boat-card.active{border-color:var(--gold)}.shop-info,.boat-info{flex:1;display:grid;gap:3px;font-size:12px;line-height:1.4}.shop-info strong,.boat-info strong{font-size:14px}.shop-info em,.boat-info em{color:var(--gold);font-style:normal;font-size:11px}.boat-info span{opacity:.7}.boat-swatch{width:42px;height:26px;border-radius:4px 10px 4px 4px;background:var(--hull);border-top:4px solid var(--trim);flex:0 0 auto}.maxed{font-size:12px;opacity:.6}.tier-pips{display:inline-flex;gap:3px;margin-left:8px;vertical-align:1px}.tier-pips i{width:12px;height:4px;border-radius:2px;background:#ffffff2e}.tier-pips i.lit{background:var(--gold)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:8px}.skin-card{display:grid;gap:5px;justify-items:center;padding:9px 6px;border-radius:12px;background:#ffffff0f;border:1px solid transparent;color:var(--paper);font-weight:600}.skin-card b{font-size:12px}.skin-card em{font-style:normal;font-size:11px;color:var(--gold)}.skin-card.owned em{color:var(--paper);opacity:.6}.skin-card.active{border-color:var(--gold);background:linear-gradient(180deg,#ffd16633,#ffd1660a)}.skin-card.active em{color:var(--gold);opacity:1}.skin-swatch{position:relative;width:46px;height:26px;border-radius:4px 12px 4px 4px;background:var(--hull);border-top:4px solid var(--trim)}.skin-swatch i{position:absolute;right:3px;top:-11px;width:9px;height:7px;background:var(--flag);clip-path:polygon(0 0,100% 0,60% 100%,0 100%)}.result{text-align:center}.result-tag{font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.8}.result.success .result-tag{color:var(--safe);opacity:1}.result.failure .result-tag{color:var(--danger);opacity:1}.result-coins{margin:12px 0;font-size:34px;font-weight:800;color:var(--gold);display:flex;gap:8px;justify-content:center}.result-lines{display:grid;gap:6px;margin:14px 0;font-size:13px}.result-lines div{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}.result-lines span{opacity:.65}.result-lines i.dim{font-style:normal;font-weight:500;font-size:11px;opacity:.5;margin-left:6px}.hint-line{font-size:12px;opacity:.78;margin:8px 0}.result-buttons{display:grid;gap:9px;margin-top:14px}.result-total{margin-top:14px;font-size:12px;opacity:.6}.shell.modes{overflow-y:auto}.route-list{display:grid;gap:10px}.route-card{display:flex;align-items:stretch;gap:12px;padding:0;overflow:hidden;border-radius:16px;text-align:left;background:#06101ae6;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 24px #0006;color:var(--paper)}.route-card:active:not(:disabled){transform:translateY(2px) scale(.995)}.route-text{display:grid;gap:3px;align-content:center;padding:12px 14px 12px 0}.route-text b{font-size:17px}.route-text em{font-style:normal;font-size:12px;opacity:.85}.route-text span{font-size:11px;opacity:.6}.route-art{position:relative;flex:0 0 108px;overflow:hidden;background:linear-gradient(180deg,#1f4f7a,#8fc4d8)}.route-art i{position:absolute;display:block}.route-art .art-sea{inset:auto 0 0;height:42%;background:linear-gradient(180deg,#2e88ad,#0a2740)}.route-art .art-boat{left:54%;bottom:34%;width:26px;height:10px;background:#b9743c;border-top:2px solid #f2e3c4;border-radius:0 0 9px 9px;transform:rotate(-8deg)}.route-art.tsunami{background:linear-gradient(180deg,#1b2733,#54687a)}.route-art.tsunami .art-sea{background:linear-gradient(180deg,#2c5f7a,#081a2a)}.route-art.tsunami .art-wall{left:-6%;bottom:0;width:48%;height:92%;background:linear-gradient(180deg,#6fa8c4,#123048);border-radius:0 60% 0 0;box-shadow:inset -3px 0 #ffffff80}.route-art.relay .art-slope{inset:auto 0 0;height:74%;background:#2b333d;clip-path:polygon(0 22%,100% 82%,100% 100%,0 100%)}.route-art.daily{background:linear-gradient(180deg,#3b1f5e,#f79d84)}.route-art.daily .art-sun{left:50%;top:26%;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:#fff0d8;box-shadow:0 0 26px #ffbe96b3}.route-art.daily .art-sea{background:linear-gradient(180deg,#4a6fb0,#150e2c)}.route-card.daily{border-color:#ffd16666}.swell-head{font-size:11px;letter-spacing:.16em;opacity:.7;text-shadow:0 2px 8px rgba(0,0,0,.8)}.swell-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.swell{display:grid;gap:3px;padding:10px 8px;border-radius:14px;text-align:center;background:#091522f0;border:1px solid rgba(255,255,255,.12);color:var(--paper)}.swell b{font-size:13px}.swell em{font-style:normal;font-size:10px;opacity:.8;line-height:1.3}.swell .mult{font-size:11px;font-weight:800;color:var(--gold)}.swell.on{border-color:var(--gold);background-image:linear-gradient(180deg,#ffd1663d,#ffd1660f);background-color:#1a160ef0;box-shadow:0 0 0 1px #ffd16680 inset}.ui-panel.draft{width:min(560px,100%);text-align:center}.perk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0 4px}.perk-card{display:grid;gap:6px;align-content:start;padding:14px 10px;text-align:center;color:var(--paper);background:#091522f0;border:1px solid rgba(255,255,255,.14);transition:transform .14s,border-color .14s,background .14s}.perk-card:hover,.perk-card:active{transform:translateY(-3px);background:#0e2030f7;border-color:#5eead499}.perk-icon{font-size:22px;color:var(--accent, #5eead4)}.perk-card b{font-size:13px;color:var(--paper)}.perk-card em{font-style:normal;font-size:11px;line-height:1.5;opacity:.82}.result.endless .result-tag{color:var(--gold);opacity:1}.endless-score{margin:10px 0 4px;display:grid;gap:2px}.endless-score b{font-size:42px;font-weight:800;line-height:1;color:var(--gold)}.endless-score em{font-style:normal;font-size:12px;opacity:.7}.result-perks{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.result-perks span{padding:4px 9px;border-radius:999px;font-size:11px;background:#5eead424;border:1px solid rgba(94,234,212,.28)}@media(max-width:480px){.perk-row{grid-template-columns:1fr}.perk-card{grid-template-columns:34px 1fr;text-align:left;column-gap:12px}.perk-card .perk-icon{grid-row:span 2;align-self:center}}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%,-6px);padding:9px 16px;border-radius:999px;background:#08121cc7;font-size:13px;font-weight:600;opacity:0;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}.ad-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#02060ce6;pointer-events:auto}.ad-card{width:min(340px,90%);padding:26px 20px;border-radius:var(--radius);background:#14202e;border:1px dashed rgba(255,255,255,.25);text-align:center}.ad-tag{font-size:10px;letter-spacing:.22em;opacity:.55}.ad-title{margin:10px 0 16px;font-size:15px;font-weight:600;line-height:1.5}.ad-count{font-size:13px;opacity:.7;margin-bottom:14px;min-height:18px}.ad-count span{color:var(--gold);font-weight:700}.ad-skip{width:100%}.ad-note{margin-top:14px;font-size:10px;opacity:.4}