:root{--ol: #22304f;--cream: #fffaf0;--ice: #e9f5ff;--blue: #1a8fd0;--orange: #ff7a2f;--gold: #ffd23f;--red: #ff5d6c;--green: #3ddc84;--font: "Josefin Sans", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1a8fd0;font-family:var(--font);color:var(--ol);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#view{position:absolute;top:0;right:0;bottom:0;left:0;display:block}[hidden]{display:none!important}button{font-family:inherit;color:inherit;cursor:pointer}canvas.ic{display:block;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:6px 18px;border:3px solid var(--ol);border-radius:16px;background:linear-gradient(#ffb547,#ff7a2f);color:#fff;font-size:18px;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 0 rgba(34,48,79,.55);box-shadow:0 4px 0 var(--ol);transition:transform .06s;text-decoration:none}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ol)}.btn:disabled{filter:grayscale(.7);opacity:.65;cursor:default}.btn.ghost{background:linear-gradient(#fff,#dcecff);color:var(--ol);text-shadow:none}.btn.danger{background:linear-gradient(#ff8a8a,#e9455a)}.btn.small{min-height:36px;font-size:15px;padding:4px 12px;border-radius:12px}.btn.big{min-height:56px;font-size:22px;padding:8px 28px}.btn.poor{background:linear-gradient(#cfd6e2,#9aa6ba)}.round{width:46px;height:46px;border-radius:50%;border:3px solid var(--ol);background:linear-gradient(#6bc0ff,#2f86e8);box-shadow:0 3px 0 var(--ol);display:grid;place-items:center;padding:0}.round.small{width:38px;height:38px;font-size:18px;font-weight:800;background:linear-gradient(#fff,#dcecff)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 12px 2px 6px;min-height:34px;border-radius:99px;background:#ffffffeb;border:3px solid var(--ol);font-weight:800;font-size:18px;box-shadow:0 3px #22304f66}.stars{display:inline-flex;align-items:center;gap:2px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:none}.screen>*{pointer-events:auto}.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar .res{display:flex;gap:6px;margin-left:auto}.acct-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 12px;border-radius:99px;border:3px solid var(--ol);background:#ffffffeb;font-weight:800;font-size:14px;box-shadow:0 3px #22304f66;max-width:100%}.acct-chip .ok{color:#fff;background:var(--green);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px;border:2px solid var(--ol)}.acct-chip .prov{display:inline-flex;gap:3px}.acct-chip svg{width:18px;height:18px;border-radius:4px}.acct-chip .guest{padding:0 8px;border-radius:8px;background:#e6eef9}.lvl-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 4px;min-height:40px;border:3px solid var(--ol);border-radius:99px;background:linear-gradient(#8b7bff,#5a49e8);color:#fff;font-weight:800;font-size:18px;box-shadow:0 3px 0 var(--ol)}.xpbar{width:52px;height:9px;border-radius:6px;background:#0000004d;overflow:hidden;display:block}.xpbar span{display:block;height:100%;background:var(--gold)}.menu-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}.logo{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.82;font-weight:800;text-transform:uppercase;letter-spacing:.01em;transform:rotate(-3deg)}.logo .l1,.logo .l2{color:#fff;-webkit-text-stroke:3px var(--ol);paint-order:stroke fill;text-shadow:0 5px 0 var(--ol),0 9px 0 rgba(34,48,79,.25)}.logo .l1{font-size:clamp(40px,9vmin,84px)}.logo .l2{font-size:clamp(48px,11vmin,104px);color:#ffd23f;background:none;margin-top:4px}.logo .l1:after{content:""}.tagline{margin:2px 0 6px;font-weight:800;font-size:clamp(14px,2.4vmin,19px);color:#fff;text-shadow:0 2px 0 rgba(34,48,79,.7);text-align:center}.map-card{display:flex;align-items:center;gap:6px}.map-card .arrow{width:40px;height:52px;border-radius:14px;border:3px solid var(--ol);background:#fff;font-size:30px;font-weight:800;line-height:1;box-shadow:0 3px 0 var(--ol)}.map-body{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:18px;border:3px solid var(--ol);background:#fffffff2;box-shadow:0 4px 0 var(--ol);text-align:left;max-width:min(360px,70vw)}#map-thumb{border-radius:12px;border:2px solid var(--ol);flex:none}.map-info{display:flex;flex-direction:column;min-width:0}.map-info b{font-size:19px;line-height:1.1}.map-info>span:not(.stars){font-size:13px;font-weight:600;opacity:.8;line-height:1.15}.btn-play{margin-top:4px;min-width:220px;min-height:72px;border-radius:24px;border:4px solid var(--ol);background:linear-gradient(#ffe066,#ffb02a 55%,#ff8a1f);box-shadow:0 7px 0 var(--ol),0 12px 24px #22304f4d;font-size:38px;font-weight:800;color:#fff;-webkit-text-stroke:2px var(--ol);paint-order:stroke fill;text-shadow:0 3px 0 var(--ol);animation:bob 1.6s ease-in-out infinite}.btn-play:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ol);animation:none}@keyframes bob{50%{transform:translateY(-4px) scale(1.02)}}.gate-note{margin:0;padding:4px 12px;border-radius:12px;background:#22304fbf;color:#fff;font-weight:700;font-size:14px}.tiles{display:grid;grid-template-columns:repeat(9,minmax(0,78px));justify-content:center;gap:8px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:70px;padding:6px 2px 4px;border-radius:18px;border:3px solid var(--ol);background:linear-gradient(#fff,#d7eaff);box-shadow:0 4px 0 var(--ol)}.tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ol)}.tile-l{font-size:12.5px;font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile .dot,.tile .dot[hidden]{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--red);border:2.5px solid var(--ol)}.tile .dot[hidden]{display:none}@media(max-width:760px){.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tile{min-height:62px}.tile canvas{width:34px!important;height:34px!important}}@media(max-height:500px)and (orientation:landscape){.logo .l1{font-size:34px}.logo .l2{font-size:42px}.tagline{display:none}.menu-mid{gap:6px}.btn-play{min-height:56px;font-size:30px}.tile{min-height:56px}.tile canvas{width:30px!important;height:30px!important}#map-thumb{width:96px!important;height:54px!important}}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;align-items:center;gap:10px}.hud-top .round{pointer-events:auto}.hud-row{position:absolute;top:calc(66px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;justify-content:space-between;gap:10px;align-items:flex-start}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 8px #ffd23f73}}.tut{position:absolute;left:50%;top:calc(118px + var(--safe-t));transform:translate(-50%);width:min(560px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.tut-card{opacity:0;transform:translateY(-8px) scale(.96);transition:.2s;padding:10px 16px;border-radius:18px;border:3px solid var(--ol);background:var(--cream);box-shadow:0 4px 0 var(--ol);text-align:center}.tut.show .tut-card{opacity:1;transform:none}.tut-card p{margin:0;font-size:clamp(16px,2.6vmin,21px);font-weight:800;line-height:1.2}.tut-card small{display:block;margin-top:4px;font-weight:700;opacity:.7}.tut .btn{pointer-events:auto;min-height:38px;font-size:15px}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#1420408c;display:grid;place-items:center;padding:calc(10px + var(--safe-t)) 10px calc(10px + var(--safe-b));z-index:5}.sheet-panel{width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:26px;border:4px solid var(--ol);background:var(--cream);box-shadow:0 8px 0 var(--ol);overflow:hidden;animation:popin .18s ease-out}@keyframes popin{0%{transform:scale(.92);opacity:0}}.sheet[data-kind=pause] .sheet-panel,.sheet[data-kind=results] .sheet-panel{width:min(460px,100%)}.sheet-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(#6bc0ff,#2f86e8);border-bottom:4px solid var(--ol)}.sheet-head h2{flex:1;margin:0;font-size:24px;color:#fff;-webkit-text-stroke:1.5px var(--ol);paint-order:stroke fill;text-shadow:0 2px 0 var(--ol);line-height:1.1}.sheet-body{padding:12px 14px 16px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.sheet-body h3{margin:14px 0 6px;font-size:18px}.sub{margin:0 0 10px;font-weight:600;opacity:.8;font-size:15px;line-height:1.25}.sub.center{text-align:center;margin-top:10px}.gate{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:12px;border-radius:16px;background:#fff1c9;border:3px solid var(--ol)}.gate b{font-size:17px}.gate p{margin:2px 0 0;font-size:14px;font-weight:600}.tabs{display:flex;gap:6px;margin-bottom:8px}.tab{flex:1;min-height:42px;border-radius:14px;border:3px solid var(--ol);background:#e6eef9;font-weight:800;font-size:16px}.tab.on{background:linear-gradient(#ffe066,#ffb02a);box-shadow:0 3px 0 var(--ol)}.wallet{display:flex;align-items:center;gap:4px;margin-bottom:10px;font-size:18px}.wallet b{margin-right:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.card{border-radius:18px;border:3px solid var(--ol);background:#fff;box-shadow:0 3px 0 var(--ol);padding:10px}.card.up{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 10px;align-items:center}.card.up .btn{grid-column:1 / -1}.ci{min-width:0}.ci b{font-size:17px;line-height:1.1;display:block}.ci p{margin:2px 0;font-size:14px;font-weight:600;line-height:1.2}.nx{color:#1f9e5a;font-weight:800}.lvpips{display:flex;gap:2px;margin-top:3px}.lvpips i{flex:1;max-width:16px;height:8px;border-radius:3px;background:#dfe6f0;border:1.5px solid var(--ol)}.lvpips i.on{background:var(--green)}.card.skin{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.card.skin.sel{background:#fff7d1}.card.skin small{font-weight:700;opacity:.7;font-size:12.5px}.grid:has(.skin){grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.map-list{display:flex;flex-direction:column;gap:10px}.map-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:18px;border:3px solid var(--ol);background:#fff;box-shadow:0 3px 0 var(--ol)}.map-row canvas{border-radius:12px;border:2px solid var(--ol)}.map-row.sel{background:#fff7d1}.map-row.locked canvas{filter:grayscale(.8) brightness(.8)}.map-row .mr-info b{font-size:18px}.map-row p{margin:0;font-size:13.5px;font-weight:600;opacity:.8;line-height:1.2}.map-row small{font-size:12px;font-weight:700;opacity:.7;margin-left:4px}.map-row .btn{font-size:15px;min-height:42px;padding:4px 12px;max-width:170px;line-height:1.1}@media(max-width:560px){.map-row{grid-template-columns:auto 1fr}.map-row .btn{grid-column:1 / -1;max-width:none}.map-row canvas{width:110px!important;height:62px!important}}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border-radius:12px;border:2.5px solid var(--ol);background:#fff;min-width:0}.day small{font-size:11px;font-weight:800;opacity:.7}.day b{font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.day.big{background:#fff1c9}.day.got{background:#d9f7e6;opacity:.75}.day.today{background:linear-gradient(#ffe066,#ffb02a);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ol);z-index:1;animation:bob 1.4s infinite}.day .got-ic{position:absolute;top:-6px;right:-6px}.cal-foot{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}.cyc{opacity:.6;font-weight:700}.missions{display:flex;flex-direction:column;gap:10px}.card.mission{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.bar{height:14px;border-radius:8px;background:#e2e9f3;border:2px solid var(--ol);overflow:hidden;margin:4px 0 2px}.bar i{display:block;height:100%;background:linear-gradient(#7dffb0,#3ddc84)}.reward{display:flex;align-items:center;gap:2px;font-size:14px;flex-wrap:wrap;justify-content:flex-end;max-width:120px}.grid.ach{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card.badge{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.7;background:#f1f4f9}.card.badge.got{opacity:1;background:#fff;border-color:var(--ol);box-shadow:0 3px 0 var(--ol),inset 0 0 0 4px var(--tier)}.card.badge p{margin:0;font-size:13px;font-weight:600;line-height:1.2}.card.badge small{font-weight:700;font-size:12px;opacity:.75}.lb-link{margin:4px 0 12px}.lb{display:flex;flex-direction:column;gap:6px}.lb-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:5px 10px 5px 5px;border-radius:14px;border:2.5px solid var(--ol);background:#fff}.lb-row canvas{border-radius:8px;border:2px solid var(--ol)}.lb-row.locked{opacity:.55}.lb-m{font-weight:800;font-size:18px;min-width:70px;text-align:right}.top-runs{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:4px}.top-runs li{display:grid;grid-template-columns:30px 90px 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-radius:12px;background:#fff;border:2px solid rgba(34,48,79,.3);font-weight:700}.top-runs li.first{background:#fff1c9;border-color:var(--ol)}.top-runs span{font-weight:800}.top-runs em{font-style:normal;opacity:.8}.top-runs small{opacity:.6}.prof-top{display:flex;gap:14px;align-items:center}.prof-top .ci>small{font-weight:700;opacity:.6;display:block}.pname{font-size:24px!important}.prof-top em{font-style:normal;font-weight:700;color:#7a5cff}.lvline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lvline .bar{flex:1;min-width:80px}.note{display:block;margin:4px 0;font-weight:600;opacity:.7}.btn.provider{background:#fff;color:var(--ol);text-shadow:none;margin-top:6px}.btn.provider svg{width:22px;height:22px;border-radius:5px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:40px;padding:4px 12px;border-radius:99px;border:2.5px solid var(--ol);background:#fff;font-weight:800;font-size:14px}.chip.on{background:linear-gradient(#ffe066,#ffb02a);box-shadow:0 2px 0 var(--ol)}.chip:disabled{opacity:.5}.chip.pal{padding:2px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.stats div{padding:6px 10px;border-radius:12px;background:#fff;border:2px solid rgba(34,48,79,.3)}.stats small{display:block;font-weight:700;opacity:.65;font-size:12px}.stats b{font-size:18px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:4px 0;border-bottom:2px dashed rgba(34,48,79,.15);font-weight:800;font-size:17px}.set-row input[type=range]{width:min(240px,50vw);accent-color:#2f86e8;height:30px}.toggle{min-width:74px;min-height:40px;border-radius:99px;border:3px solid var(--ol);background:#e2e9f3;font-weight:800}.toggle.on{background:linear-gradient(#7dffb0,#3ddc84)}.seg{display:flex;border:3px solid var(--ol);border-radius:14px;overflow:hidden}.seg button{border:0;min-height:40px;padding:4px 12px;background:#fff;font-weight:800}.seg button.on{background:linear-gradient(#ffe066,#ffb02a)}.sheet-body>.btn{width:100%;margin-top:12px}.pause-btns{display:flex;flex-direction:column;gap:10px}.pause-vol{display:flex;justify-content:center;margin-top:12px}.res-big{display:flex;flex-direction:column;align-items:center;gap:2px}.res-big>small{font-weight:800;opacity:.7}.res-m{font-size:clamp(40px,9vmin,56px);line-height:1;color:#fff;-webkit-text-stroke:2.5px var(--ol);paint-order:stroke fill;text-shadow:0 4px 0 var(--ol)}.newbest{padding:2px 12px;border-radius:99px;background:var(--red);color:#fff;font-weight:800;border:2.5px solid var(--ol);animation:bob 1s infinite}.res-stars{margin:6px 0}.res-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.res-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;background:#fff;border:2px solid rgba(34,48,79,.25);font-weight:700;font-size:14px}.res-row b{margin-left:auto;font-size:17px}.res-events{display:flex;flex-direction:column;gap:5px;margin-top:10px}.ev{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#e9f5ff;font-weight:700;font-size:14.5px;line-height:1.2;border:2px solid rgba(34,48,79,.2)}.ev.gold{background:#fff1c9;border-color:var(--ol)}.res-btns{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin:14px -14px -16px;padding:10px 14px calc(12px + var(--safe-b));position:sticky;bottom:-16px;background:linear-gradient(rgba(255,250,240,0),var(--cream) 30%)}.res-events{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.ev{font-size:13.5px;padding:5px 8px}#toasts{position:absolute;top:auto;bottom:calc(120px + var(--safe-b));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:20;pointer-events:none;width:min(520px,calc(100vw - 24px))}.toast{padding:8px 16px;border-radius:16px;border:3px solid var(--ol);background:#fff;font-weight:800;box-shadow:0 4px 0 var(--ol);animation:popin .2s;text-align:center;font-size:15px}.toast.gold{background:linear-gradient(#fff6c2,#ffd23f)}.toast.warn{background:#ffe0e0}.toast.info{background:#e9f5ff}.toast.out{opacity:0;transform:translateY(-10px);transition:.35s}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(#58c8ff,#c9f1ff 45%,#3fd2e6 46%,#1a8fd0);transition:opacity .4s}#loading.done{opacity:0;pointer-events:none}.logo.small .l1{font-size:44px}.logo.small .l2{font-size:56px}@keyframes roll{to{transform:rotate(360deg)}}.ld-bar{width:min(280px,70vw);height:16px;border-radius:10px;border:3px solid var(--ol);background:#fff;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffe066,#ff8a1f);transition:width .3s}#ld-text{margin:0;font-weight:800;color:var(--ol)}@media(prefers-reduced-motion:reduce){.btn-play,.day.today,.newbest,.ld-fish,.btn-reel.pull,.frenzy-meter.on{animation:none!important}}#cynnx-game-chip{display:none!important}.logo .l1{font-size:clamp(34px,7.4vmin,70px)}.logo .l2{font-size:clamp(46px,10vmin,96px);color:#ffd23f}.boat-window{flex:1 1 120px;min-height:90px;width:100%;pointer-events:none!important}.menu-mid{justify-content:flex-start;padding-top:4px}.menu-mid>.play-row{margin-top:auto}.play-row{display:flex;flex-direction:column;align-items:center;gap:10px}@media(max-height:520px)and (orientation:landscape){.boat-window{min-height:60px}}.hud-top .spacer{width:46px;flex:none}.haul{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.pill.big{font-size:clamp(22px,4.5vmin,30px);min-height:44px;padding:2px 16px 2px 8px}.casts{display:flex;gap:2px}.casts canvas.used{opacity:.3;filter:grayscale(1)}.hud-row{position:absolute;top:calc(100px + var(--safe-t));left:50%;transform:translate(-50%)}.frenzy-meter{position:relative;width:min(46vw,220px);height:20px;border-radius:11px;border:3px solid var(--ol);background:#ffffffb3;overflow:hidden}.frenzy-meter i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#ff5d6c,#ffd23f,#3ddc84,#4aa8ff,#b98bff);transition:width .15s}.frenzy-meter span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:0 1px 0 var(--ol),0 0 3px var(--ol)}.frenzy-meter.on{animation:pulse .5s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 0 6px #ffd23f73}}.hud-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));pointer-events:none}.slots{display:flex;flex-wrap:wrap;gap:4px;max-width:60vw;padding:5px 8px;border-radius:16px;background:#ffffffbf;border:3px solid var(--ol);align-items:center;min-height:46px}.slots .slot{width:30px;height:30px;display:block;border-radius:50%;border:2.5px dashed rgba(29,43,74,.45);background:#fff9}.slots canvas.slot{border:0;background:none;border-radius:0}.slots i.slot.link{border-style:solid;border-color:#1d2b4a33;background:#1d2b4a14}.hint{position:absolute;left:50%;bottom:calc(86px + var(--safe-b));transform:translate(-50%);margin:0;padding:6px 14px;border-radius:14px;background:#1d2b4ac7;color:#fff;font-weight:800;font-size:16px;white-space:nowrap;animation:bob 1.4s ease-in-out infinite}.btn-reel{pointer-events:auto;width:104px;height:104px;border-radius:50%;border:4px solid var(--ol);background:radial-gradient(circle at 40% 35%,#8fe0ff,#2f86e8 70%);box-shadow:0 6px 0 var(--ol);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;touch-action:none}.btn-reel b{color:#fff;font-size:17px;font-weight:800;-webkit-text-stroke:1.5px var(--ol);paint-order:stroke fill;line-height:1;margin-top:2px}.btn-reel:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ol)}.btn-reel.cast{background:radial-gradient(circle at 40% 35%,#ffe066,#ff8a1f 70%)}.btn-reel.pull{background:radial-gradient(circle at 40% 35%,#ffb0b8,#e9455a 70%);animation:pulse .6s ease-in-out infinite}@media(max-height:500px)and (orientation:landscape){.btn-reel{width:84px;height:84px}.hud-row{top:calc(62px + var(--safe-t));left:calc(12px + var(--safe-l));transform:none}.frenzy-meter{width:150px}.hint{bottom:calc(20px + var(--safe-b))}.slots{max-width:52vw;padding:3px 6px;min-height:36px;gap:3px}.slots .slot,.slots canvas.slot{width:24px!important;height:24px!important}}.tut{top:calc(132px + var(--safe-t))}@media(max-height:500px)and (orientation:landscape){.tut{top:calc(90px + var(--safe-t))}}.sheet-head{background:linear-gradient(#3fd2e6,#1a8fd0)}.boat-card{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:10px;border-radius:18px;border:3px solid var(--ol);background:linear-gradient(#c9f1ff 55%,#58c8ff 56%);box-shadow:0 3px 0 var(--ol)}.boat-card .ci{flex:1}.boat-card small{font-weight:700;opacity:.8}.legend-line{display:flex;align-items:center;gap:4px;margin-top:2px}.legend-line small{margin:0!important}.sea-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sea-tabs .tab{flex:1 0 auto;display:flex;align-items:center;gap:4px;font-size:13px;padding:2px 8px}.grid.pedia{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card.fishcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;position:relative;background:#eef3fa}.card.fishcard.got{background:#fff}.card.fishcard.legend{box-shadow:0 3px 0 var(--ol),inset 0 0 0 4px #ffd23f}.card.fishcard p{margin:2px 0;font-size:12.5px;font-weight:600;line-height:1.2;opacity:.85}.card.fishcard .depth{font-weight:800;opacity:.6;font-size:12px}.card.fishcard .got{font-weight:800;color:#1f9e5a;font-size:12px}.card.fishcard .not{font-weight:700;opacity:.5;font-size:12px}.tag{position:absolute;top:6px;right:6px;padding:0 7px;border-radius:99px;background:#ff5d6c;color:#fff;font-weight:800;font-size:11px;border:2px solid var(--ol)}.res-m{display:inline-flex;align-items:center;gap:6px}.catch{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.cc{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px;border-radius:12px;background:#fff;border:2px solid rgba(34,48,79,.25);text-align:center}.cc small{font-size:11.5px;font-weight:700;line-height:1.1}.cc b{font-size:15px}.cc.new{border-color:var(--ol);background:#fff1c9}.cc .tag{top:-6px;right:-4px}.heavy{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:14px;background:#fff;border:2.5px solid var(--ol);font-size:17px}.heavy span{margin-left:auto;font-weight:800}.ld-fish{width:90px;height:54px;position:relative;animation:swim 1.2s ease-in-out infinite}.ld-fish:before{content:"";position:absolute;left:14px;top:4px;width:66px;height:46px;border-radius:50%;background:#ffb23f;border:4px solid var(--ol)}.ld-fish:after{content:"";position:absolute;left:0;top:13px;border:14px solid transparent;border-left:22px solid #ff7a1f;transform:scaleX(1)}@keyframes swim{50%{transform:translateY(-6px) rotate(-6deg)}}@media(max-height:500px)and (orientation:landscape){.menu-mid{gap:2px}.menu-mid .logo .l1{font-size:30px}.menu-mid .logo .l2{font-size:36px;margin-top:0}.boat-window{min-height:0;flex:1 1 0}.play-row{flex-direction:row;gap:14px;margin-bottom:8px}.play-row .btn-play{margin-top:0;min-width:170px}}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-latin-400-normal-7HIToT7q.woff2) format("woff2"),url(./pacifico-latin-400-normal-DArfF-vd.woff) format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-latin-ext-400-normal-Ba3kv-va.woff2) format("woff2"),url(./pacifico-latin-ext-400-normal-nyRvH6_c.woff) format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./josefin-sans-latin-400-normal-Bw73c5y2.woff2) format("woff2"),url(./josefin-sans-latin-400-normal-OLNf33Pm.woff) format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./josefin-sans-latin-ext-400-normal-WydUZGG0.woff2) format("woff2"),url(./josefin-sans-latin-ext-400-normal-GP5qjHwf.woff) format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./josefin-sans-latin-700-normal-dFmzeJn3.woff2) format("woff2"),url(./josefin-sans-latin-700-normal-DDiyraUl.woff) format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./josefin-sans-latin-ext-700-normal-CrzN3gB5.woff2) format("woff2"),url(./josefin-sans-latin-ext-700-normal-Cl1GrozZ.woff) format("woff")}:root{--fd: "Pacifico", system-ui, sans-serif;--fb: "Josefin Sans", system-ui, sans-serif}:root{--ol: #10233f;--navy: #14305a;--cream: #fbf3e2;--sig: #e23d2e;--sea: #2a8fb8;--font: var(--fb)}html,body,button{font-family:var(--fb);font-weight:700}#menu .menu-mid{align-items:flex-start;padding-left:max(3vw,10px)}.logo{transform:rotate(-4deg);align-items:flex-start;text-transform:none;line-height:1}.logo .l1{font-family:var(--fd);font-weight:400;color:var(--cream);-webkit-text-stroke:0;font-size:clamp(46px,9vmin,92px);text-shadow:3px 3px 0 var(--sig),6px 6px 0 var(--navy)}.logo .l2{font-family:var(--fb);font-weight:700;text-transform:uppercase;letter-spacing:.45em;color:var(--cream);-webkit-text-stroke:0;text-shadow:none;font-size:clamp(20px,3.6vmin,34px);background:var(--navy);padding:6px 10px 4px 22px;margin:2px 0 0 40px;border-radius:2px;box-shadow:4px 4px 0 var(--sig)}.logo.small .l1{font-size:46px}.logo.small .l2{font-size:18px}.tagline{background:var(--cream);color:var(--navy);border-radius:2px;border-left:6px solid var(--sig);font-weight:600}.map-body{border-radius:4px;border:2px solid var(--navy);box-shadow:4px 4px 0 var(--navy)}.map-card .arrow{border-radius:50%;border:3px solid var(--navy);color:var(--navy);width:44px;height:44px}.btn-play{font-family:var(--fd);font-weight:400;border-radius:6px;border:3px solid var(--navy);color:var(--cream);-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--navy);animation:none;background:var(--sig);box-shadow:5px 5px 0 var(--navy);min-height:64px}.btn-play:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--navy)}.tiles{position:relative;padding-top:18px;gap:6px 4px!important}.tiles:before{content:"";position:absolute;left:0;right:0;top:4px;height:8px;border-radius:4px;background:repeating-linear-gradient(60deg,#d8b878 0,#d8b878 6px,#a8844a 6px,#a8844a 10px);box-shadow:0 2px #0000004d}.tile{width:76px;height:76px;min-height:0;border-radius:50%;padding:0;justify-self:center;border:3px solid var(--navy);box-shadow:0 4px #10233f80;background:radial-gradient(circle,var(--cream) 0 44%,transparent 45%),conic-gradient(var(--sig) 0 45deg,#fff 45deg 90deg,var(--sig) 90deg 135deg,#fff 135deg 180deg,var(--sig) 180deg 225deg,#fff 225deg 270deg,var(--sig) 270deg 315deg,#fff 315deg)}.tile canvas{width:30px!important;height:30px!important}.tile-l{position:absolute;bottom:-6px;background:var(--navy);color:var(--cream);padding:1px 6px;border-radius:3px;font-size:11px;max-width:90px}.pill,.acct-chip,.round.small{border-radius:4px;border:2px solid var(--navy)}.lvl-chip{border-radius:4px;background:var(--navy);border:2px solid var(--cream)}.btn{border-radius:4px;background:var(--sig);border-color:var(--navy)}.btn.ghost{background:var(--cream)}.sheet-panel{border-radius:4px;border:3px solid var(--navy);background:var(--cream);box-shadow:8px 8px 0 var(--navy)}.sheet-head{background:var(--navy);border-bottom:4px solid var(--sig)}.sheet-head h2{font-family:var(--fd);font-weight:400;-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--sig)}.card,.tab{border-radius:4px!important}html,body{background:#9fcfd6}#hud .round{border-radius:50%;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy);background:radial-gradient(circle,var(--navy) 0 36%,transparent 37%),conic-gradient(var(--sig) 0 25%,var(--cream) 0 50%,var(--sig) 0 75%,var(--cream) 0)}#hud .round canvas{filter:brightness(0) invert(1)}.pill.big{border-radius:3px;border:2px solid var(--navy);background:var(--cream);color:var(--navy);box-shadow:4px 4px 0 var(--navy);font-family:var(--fd);font-weight:400;position:relative}.pill.big:after{content:"";position:absolute;left:-6px;right:-6px;top:-7px;height:5px;border-radius:3px;background:repeating-linear-gradient(60deg,#d8b878 0,#d8b878 5px,#a8844a 5px,#a8844a 8px)}.frenzy-meter{height:22px;border-radius:11px;border:0;background:var(--navy);box-shadow:0 0 0 3px #c9a466,0 0 0 5px var(--navy),3px 5px 0 5px #10233f59}.frenzy-meter i{background:repeating-linear-gradient(90deg,var(--sig) 0 14px,#f0b43c 14px 28px,var(--sea) 28px 42px)}.frenzy-meter span{font-family:var(--fb);font-weight:700;letter-spacing:.35em;color:var(--cream);text-shadow:1px 1px 0 var(--navy)}.slots{border-radius:4px;border:2px solid var(--navy);background:var(--cream);box-shadow:4px 4px 0 var(--navy),inset 0 0 0 3px var(--cream),inset 0 0 0 4px var(--sig)}.slots .slot{border:2px dashed rgba(20,48,90,.45);background:#2a8fb81f}.hint{border-radius:3px;background:var(--navy);color:var(--cream);border-left:6px solid var(--sig);font-family:var(--fb);letter-spacing:.04em}.btn-reel{border:3px solid var(--navy);box-shadow:5px 5px 0 var(--navy);background:radial-gradient(circle,var(--navy) 0 33%,transparent 34%),conic-gradient(var(--sig) 0 12.5%,var(--cream) 0 25%,var(--sig) 0 37.5%,var(--cream) 0 50%,var(--sig) 0 62.5%,var(--cream) 0 75%,var(--sig) 0 87.5%,var(--cream) 0)}.btn-reel b{font-family:var(--fb);font-weight:700;letter-spacing:.12em;color:var(--cream);-webkit-text-stroke:0;background:var(--navy);padding:2px 6px 1px;border-radius:2px}.btn-reel.cast{background:radial-gradient(circle,var(--navy) 0 33%,transparent 34%),conic-gradient(#f0b43c 0 12.5%,var(--cream) 0 25%,#f0b43c 0 37.5%,var(--cream) 0 50%,#f0b43c 0 62.5%,var(--cream) 0 75%,#f0b43c 0 87.5%,var(--cream) 0)}.btn-reel.pull{background:radial-gradient(circle,var(--sig) 0 33%,transparent 34%),conic-gradient(var(--navy) 0 12.5%,var(--cream) 0 25%,var(--navy) 0 37.5%,var(--cream) 0 50%,var(--navy) 0 62.5%,var(--cream) 0 75%,var(--navy) 0 87.5%,var(--cream) 0)}.btn-reel:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--navy)}.tut-card{border-radius:3px;border:2px solid var(--navy);background:var(--cream);box-shadow:6px 6px 0 var(--navy);border-top:8px solid var(--sig)}.toast{border-radius:3px;border:2px solid var(--navy);background:var(--cream);box-shadow:4px 4px 0 var(--navy)}.toast.gold{background:#f0c45a}.toast.warn{background:#f3b4a6}.toast.info{background:#cfe4ea}.sheet{background:#10233f99}.res-m{font-family:var(--fd);font-weight:400;color:var(--sig);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--navy)}.newbest{border-radius:2px;background:var(--sig);color:var(--cream);border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy)}.res-row,.ev{border-radius:3px;background:#fffaf0;border:2px solid rgba(20,48,90,.3)}.ev.gold{background:#f6dc98;border-color:var(--navy)}.res-btns{background:linear-gradient(rgba(251,243,226,0),var(--cream) 30%)}