:root{--font:"Hiragino Maru Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--ink:#f6fbff;--muted:#f0f8ffb8;--glass:#0a223485;--glass-strong:#081a28d1;--line:#ffffff29;--sea:#2cc6d8;--coral:#ff6b4a;--gold:#ffc23d;--good:#5fd18a;--bad:#ff5a5a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%;font-family:var(--font);color:var(--ink);background:#061824;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer}#backdrop{background:radial-gradient(at 50% 30%,#12506a 0%,#072333 55%,#03111b 100%);position:fixed;inset:0}.pc-note{max-width:calc(50vw - min(50vw,28.125dvh) - 48px);color:var(--muted);font-size:13px;line-height:1.8;position:fixed;bottom:32px;left:32px}.pc-note b{color:var(--ink);letter-spacing:.1em;font-size:15px}.pc-note kbd{border:1px solid var(--line);font:inherit;background:#ffffff14;border-radius:6px;padding:0 6px;font-size:12px;display:inline-block}@media (max-width:900px),(max-aspect-ratio:1){.pc-note{display:none}}#stage{background:#0b3a52;width:min(100vw,56.25dvh);position:fixed;top:0;bottom:0;left:50%;overflow:clip;transform:translate(-50%);box-shadow:0 0 80px #0000008c;container-type:inline-size}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#fade{opacity:0;pointer-events:none;z-index:30;background:#031420;transition:opacity .6s;position:absolute;inset:0}#fade.on{opacity:1}#touch{z-index:2;touch-action:none;position:absolute;inset:0}#touch-ring{opacity:0;pointer-events:none;border:3px solid #ffffffbf;border-radius:50%;width:84px;height:84px;margin:-42px 0 0 -42px;transition:opacity .15s,transform .15s;position:absolute;transform:scale(.6);box-shadow:0 0 24px #78e6ff99,inset 0 0 18px #78e6ff59}#touch-ring.on{opacity:1;transform:scale(1)}#touch-ring.reel{border-style:dashed;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading{z-index:40;text-align:center;background:linear-gradient(#0d4a66,#062a3c);place-content:center;transition:opacity .6s;display:grid;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading p{letter-spacing:.1em;margin:18px 0 4px}#loading small{color:var(--muted);letter-spacing:.3em;font-size:11px}.load-bob{background:linear-gradient(#ff3a3a 50%,#fff 50%);border-radius:50%;width:34px;height:34px;margin:auto;animation:1.6s ease-in-out infinite bob;box-shadow:0 10px 20px #0000004d}@keyframes bob{50%{transform:translateY(8px)rotate(8deg)}}#title{z-index:10;padding:calc(16px + var(--safe-top)) 22px calc(22px + var(--safe-bottom));background:linear-gradient(#0416248c 0%,#04162400 35% 55%,#041624b3 100%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.title-top{display:flex}.back-link{color:var(--ink);border:1px solid var(--line);background:#00000040;border-radius:999px;padding:8px 12px;font-size:13px;text-decoration:none}.logo{text-align:center;margin-top:2vh;animation:.9s both rise}.logo-eyebrow{letter-spacing:.5em;color:var(--muted);font-size:11px}.logo h1{letter-spacing:.04em;text-shadow:0 6px 30px #0028468c;margin:6px 0 0;font-size:clamp(46px,17cqi,78px);font-weight:900;line-height:.9}.logo h1 em{background:linear-gradient(#fff 10%,#9ff0ff 60%,#3ec8e0);color:#0000;filter:drop-shadow(0 4px 12px #0078a080);-webkit-background-clip:text;background-clip:text;font-style:normal}.tagline{letter-spacing:.18em;text-shadow:0 2px 10px #00000080;margin:14px 0 0;font-size:16px}.title-actions{justify-items:center;gap:10px;animation:1.1s .15s both rise;display:grid}.title-save{color:var(--muted);text-align:center;margin:0;font-size:12px}.title-foot{text-align:center;letter-spacing:.12em;color:var(--muted);margin:0;font-size:11px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.btn{letter-spacing:.06em;border:0;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#ffffff24;border-radius:16px;padding:12px 20px;font-weight:800;transition:transform .12s,filter .12s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn.primary{background:linear-gradient(#ff8a5c,#ff5a3c);border-color:#ffffff59;box-shadow:0 8px 22px #ff5a3c59}.btn.gold{color:#3a2400;background:linear-gradient(#ffd66a,#f2a91e);box-shadow:0 8px 22px #f2a91e59}.btn.ghost{background:#081e2e73}.btn.danger{background:#b8323a}.btn.big{border-radius:22px;padding:16px 56px;font-size:20px}.btn.small{border-radius:12px;padding:8px 14px;font-size:13px}.btn.wide{width:100%}#hud{z-index:5;pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}#hud .hint,#hud .call,#hud .fight,#hud .luck{pointer-events:none}.hud-top{top:calc(10px + var(--safe-top));align-items:center;gap:6px;display:flex;position:absolute;left:10px;right:10px}.chip{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:inline-flex}.chip b{font-variant-numeric:tabular-nums}.chip small{color:var(--muted);font-size:10px}.spot-chip{flex:1;min-width:0;overflow:hidden}.spot-chip b{text-overflow:ellipsis;overflow:hidden}.time-dot{background:#ffd66a;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px #ffd66a}.time-dot.night{background:#cfe0ff;box-shadow:0 0 8px #cfe0ff}.time-dot.dusk{background:#ff8a4a;box-shadow:0 0 8px #ff8a4a}.coin{background:radial-gradient(circle at 35% 35%,#fff1b0,#ffc23d 55%,#c98a10);border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1.5px #78460073}.cooler-icon{background:linear-gradient(#fff 30%,#3a8ad8 30%);border-radius:3px;flex:none;width:15px;height:11px}.cooler-chip.full{background:#a0281eb3}.hud-side{right:10px;top:calc(56px + var(--safe-top));gap:8px;display:grid;position:absolute}.round-btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);border-radius:18px;align-content:center;place-items:center;gap:1px;width:54px;height:54px;padding:0;display:grid}.round-btn span{font-size:18px;line-height:1}.round-btn small{color:var(--muted);font-size:9px}.round-btn:disabled{opacity:.35}.luck{left:10px;top:calc(56px + var(--safe-top));background:#5fd18a40;border:1px solid #5fd18a80;border-radius:999px;padding:5px 10px;font-size:11px;position:absolute}.hint{left:6%;right:6%;bottom:calc(26px + var(--safe-bottom));margin-inline:auto;text-align:center;background:var(--glass-strong);border:1px solid var(--line);border-radius:16px;width:-moz-fit-content;width:fit-content;margin:0;padding:10px 16px;font-size:14px;line-height:1.5;animation:.4s both rise;position:absolute;box-shadow:0 8px 24px #00000040}.hint b{color:var(--gold)}.retrieve{left:50%;bottom:calc(96px + var(--safe-bottom));padding:9px 16px;font-size:13px;position:absolute;transform:translate(-50%)}.retrieve:active{transform:translate(-50%)scale(.96)}.call{text-align:center;letter-spacing:.04em;color:#fff;text-shadow:0 4px #ff5a3c,0 10px 30px #00000073;font-size:clamp(44px,18cqi,84px);font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;position:absolute;top:30%;left:0;right:0}.call.gold{text-shadow:0 4px #d88a10,0 10px 30px #00000073}.call.small{text-shadow:0 3px #003c5acc,0 8px 24px #00000073;font-size:clamp(24px,9cqi,40px)}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.fight{left:12px;right:12px;bottom:calc(16px + var(--safe-bottom));background:var(--glass-strong);border:1px solid var(--line);border-radius:20px;padding:12px 14px 10px;position:absolute;box-shadow:0 10px 30px #0000004d}.fight-head{justify-content:space-between;align-items:baseline;display:flex}.fight-head span{color:var(--muted);font-size:14px}.fight-head b{font-variant-numeric:tabular-nums;font-size:26px}.stamina{align-items:center;gap:8px;margin:6px 0 10px;display:flex}.fish-icon{width:22px;height:12px;color:var(--sea);clip-path:polygon(0 50%,22% 10%,70% 0,100% 50%,70% 100%,22% 90%);background:currentColor;flex:none}.bar{background:#ffffff1f;border-radius:99px;flex:1;height:8px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg,#2cc6d8,#7ff0c8);width:100%;height:100%;transition:width .1s linear;display:block}.tension-track{background:linear-gradient(90deg,#3b6f9a 0%,#5fd18a 14% 55%,#ffd23a 72%,#ff7a3a 86%,#ff2a3a 100%);border-radius:99px;height:22px;position:relative;box-shadow:inset 0 0 0 2px #0003}#tension-needle{background:#fff;border-radius:4px;width:6px;margin-left:-3px;position:absolute;top:-5px;bottom:-5px;left:0;box-shadow:0 0 10px #fffc,0 0 0 2px #00000059}.fight.danger .tension-track{animation:.25s steps(2,end) infinite flash}@keyframes flash{50%{filter:brightness(1.8)saturate(1.5)}}.tension-labels{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.fight-tip{text-align:center;margin:6px 0 0;font-size:13px}.fight-tip.warn{color:#ffd23a;font-weight:800}.fight-tip.alert{color:#ff7a6a;font-weight:900;animation:.3s steps(2,end) infinite flash}.fight-size{align-items:center;gap:8px;margin-top:4px;font-size:14px;display:flex}.fight-size b{font-variant-numeric:tabular-nums}.size-value{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.size-badge{color:#04131c;background:var(--size-color,#ffc23d);box-shadow:0 0 14px var(--size-color,#ffc23d);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:900;display:inline-block}.fight-warn{color:#ffd0c8;background:#c8282859;border:1px solid #ff5a5a99;border-radius:10px;margin:6px 0 0;padding:5px 10px;font-size:12px;font-weight:800}.reveal{text-align:center;pointer-events:none;background:radial-gradient(ellipse at 50% 0%, #ffd25a38, transparent 70%), var(--glass-strong);border:2px solid var(--size-color,#ffc23d);width:min(86%,330px);box-shadow:0 0 36px var(--size-color,#ffc23d), 0 12px 30px #0006;border-radius:22px;padding:14px 16px 12px;animation:.55s cubic-bezier(.2,1.5,.4,1) both reveal-in;position:absolute;top:21%;left:50%;transform:translate(-50%)}.reveal.out{animation:.4s both reveal-out}.reveal.lost{filter:saturate(.55)brightness(.85)}.reveal.lost:after{content:"逃した…";white-space:nowrap;color:#ff6a6a;text-shadow:0 2px #00000080;background:#1406088c;border:4px solid #ff5a5a;border-radius:12px;padding:4px 18px;font-size:34px;font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) both pop;position:absolute;top:66%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}@keyframes reveal-in{0%{opacity:0;transform:translate(-50%)scale(.5)rotate(-4deg)}}@keyframes reveal-out{to{opacity:0;transform:translate(-50%)translateY(-20px)scale(.9)}}.reveal p{margin:0}.reveal-head{letter-spacing:.06em;color:#fff;text-shadow:0 3px #ff5a3c,0 6px 18px #00000073;font-size:22px;font-weight:900}.reveal-aura{color:var(--gold);letter-spacing:.08em;font-size:13px;font-weight:900}.reveal-aura:empty{display:none}.size-badge.big{letter-spacing:.06em;margin:6px 0 2px;padding:4px 22px;font-size:26px;animation:.9s ease-in-out infinite badge-pulse}@keyframes badge-pulse{50%{transform:scale(1.06)}}.reveal .reveal-size{justify-content:center;align-items:baseline;gap:8px;margin-top:6px;display:flex}.reveal-size small{color:var(--muted);font-size:12px}.reveal-size b{font-variant-numeric:tabular-nums;text-shadow:0 3px 12px #00000080;font-size:34px}.reveal-size span{color:var(--muted);font-size:18px;font-weight:800}.reveal-meter{background:linear-gradient(90deg,#9fb4bf,#7fd8ff,#5fd18a,#ffc23d,#ff8a3d,#ff4a6a);border-radius:99px;grid-template-columns:repeat(6,1fr);height:22px;margin:8px 0 6px;display:grid;position:relative;overflow:hidden}.reveal-meter span{color:#04131cbf;font-size:9px;font-weight:900;line-height:22px}.reveal-meter i{background:#fff;border-radius:3px;width:5px;margin-left:-2.5px;transition:left .9s cubic-bezier(.2,1.4,.4,1);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #fff,0 0 0 2px #00000073}.reveal-value{font-size:14px}.reveal-value b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px}.reveal .reveal-top{color:#ffe08a;margin-top:4px;font-size:13px;font-weight:900}.reveal .reveal-warn{color:#ffd0c8;background:#c8282866;border-radius:10px;margin-top:6px;padding:4px 8px;font-size:12px;font-weight:900}.fight-dir{text-align:center;text-shadow:0 2px 8px #0009;font-size:15px;font-weight:900;position:absolute;top:-64px;left:0;right:0}.sheet{z-index:8;animation:.35s cubic-bezier(.2,.9,.3,1) both slide;position:absolute;bottom:0;left:0;right:0}@keyframes slide{0%{opacity:0;transform:translateY(40px)}}.result{padding:0 12px calc(14px + var(--safe-bottom))}.result-card{background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:24px;padding:16px 18px 14px;position:relative;box-shadow:0 -10px 40px #00000040}.result-badges{gap:6px;display:flex;position:absolute;top:-14px;right:16px}.badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.badge.new{background:var(--coral)}.badge.record{background:var(--gold);color:#3a2400}.rarity{letter-spacing:.1em;margin:0;font-size:12px;font-weight:800}.result h2{margin:2px 0 0;font-size:28px}.en{color:var(--muted);letter-spacing:.06em;margin:0;font-size:12px}.res-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 8px;display:grid}.res-stats div{text-align:center;background:#ffffff14;border-radius:14px;padding:8px 6px}.res-stats small{color:var(--muted);font-size:10px;display:block}.res-stats b{font-variant-numeric:tabular-nums;font-size:17px}.note{color:var(--muted);margin:6px 0 12px;font-size:13px;line-height:1.6}.res-actions{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}#res-port{margin-top:10px}.port{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);border-radius:26px 26px 0 0;flex-direction:column;display:flex;top:34%;box-shadow:0 -12px 40px #00000059}.port-head{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.eyebrow{letter-spacing:.4em;color:var(--muted);font-size:10px}.port-head h2{margin:0;font-size:20px}.tabs{background:#00000040;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 12px 0;padding:4px;display:grid}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:9px 0;font-size:14px;font-weight:800;position:relative}.tabs button.active{color:var(--ink);background:#ffffff24}.tabs button .dot{background:var(--coral);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:10px}.port-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;padding:10px 12px 12px;overflow-y:auto}.port-foot{padding:10px 14px calc(12px + var(--safe-bottom));border-top:1px solid var(--line);gap:10px;display:flex}.port-foot .primary{flex:1}.list{gap:8px;display:grid}.item{background:#ffffff12;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.item.equipped{background:#2cc6d824;border-color:#2cc6d8b3}.thumb{object-fit:contain;filter:drop-shadow(0 3px 4px #00000059);width:64px;height:40px}.thumb.unknown{filter:brightness(0)opacity(.35)}.item h3{margin:0;font-size:15px}.item p{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.45}.item .price{font-variant-numeric:tabular-nums;text-align:right;font-size:15px;font-weight:900}.item .rate{font-size:10px;display:block}.rate.up{color:var(--good)}.rate.down{color:#ff9a8a}.rate.hot{color:var(--gold)}.item .btn{border-radius:12px;padding:8px 12px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:24px 10px;font-size:14px;line-height:1.7}.sell-all{width:100%;margin-bottom:10px}.market-note{color:var(--muted);margin:0 0 8px;font-size:12px}.market-note b{color:var(--gold)}.cats{gap:6px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.cats button{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;flex:none;padding:7px 13px;font-size:13px;font-weight:700}.cats button.active{background:var(--sea);color:#04222c;border-color:#0000}.gear-icon{background:#00000040;border-radius:14px;place-items:center;width:54px;height:54px;font-size:24px;display:grid;position:relative;overflow:hidden}.gear-icon i{border-radius:8px;position:absolute;inset:10px}.stats{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:11px;display:flex}.stats b{color:var(--ink)}.tier{color:var(--gold);letter-spacing:.05em;font-size:11px}.spot-card{border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:flex-end;gap:6px;min-height:130px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden}.spot-card:after{content:"";z-index:0;background:linear-gradient(#0000 20%,#0000008c);position:absolute;inset:0}.spot-card>*{z-index:1;position:relative}.spot-card h3{text-shadow:0 2px 8px #00000080;margin:0;font-size:19px}.spot-card .sub{letter-spacing:.3em;opacity:.85;font-size:10px}.spot-card p{text-shadow:0 1px 4px #0009;margin:0;font-size:12px;line-height:1.5}.spot-card .meta{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.spot-card.locked{filter:saturate(.55)}.spot-card.current{outline:2px solid var(--sea);outline-offset:-2px}.spot-card .warn{color:#ffd23a;font-weight:700}.dex-spot{color:var(--muted);justify-content:space-between;margin:14px 0 6px;font-size:13px;display:flex}.dex-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dex-cell{text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;padding:6px 4px 7px}.dex-cell img{object-fit:contain;width:100%;height:44px}.dex-cell b{margin-top:2px;font-size:11px;display:block}.dex-cell small{color:var(--muted);font-size:10px;display:block}.dex-cell[data-r="5"]{box-shadow:inset 0 0 0 1px #ffc23d80}.progress-line{background:#ffffff1a;border-radius:99px;height:6px;margin:4px 0 2px;overflow:hidden}.progress-line span{background:linear-gradient(90deg, var(--sea), var(--good));height:100%;display:block}#toasts{left:0;right:0;top:calc(64px + var(--safe-top));z-index:20;pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute}.toast{text-align:center;background:var(--glass-strong);border:1px solid var(--line);border-radius:14px;max-width:86%;padding:10px 16px;font-size:14px;font-weight:700;transition:opacity .4s,transform .4s;animation:.3s both rise;box-shadow:0 8px 24px #0000004d}.toast.good{border-color:#5fd18ab3}.toast.bad{border-color:#ff5a5ab3}.toast.gold{color:#ffe7a8;border-color:#ffc23de6}.toast.out{opacity:0;transform:translateY(-8px)}dialog{border:1px solid var(--line);color:var(--ink);background:#0c2a3c;border-radius:22px;width:min(92%,380px);padding:18px;box-shadow:0 20px 60px #00000080}dialog::backdrop{background:#000a1299}dialog h2{margin:0 0 12px;font-size:20px}dialog .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 2px;font-size:15px;display:flex}dialog input[type=checkbox]{width:22px;height:22px;accent-color:var(--sea)}dialog select{border:1px solid var(--line);background:#12384e;border-radius:10px;padding:6px 10px}.danger-zone{color:var(--muted);margin:12px 0;font-size:13px}.danger-zone summary{cursor:pointer}.credits{color:var(--muted);font-size:11px;line-height:1.6}.credits a{color:#9fe8f5}#dex-detail .thumb-big{object-fit:contain;width:100%;height:120px}#dex-detail p{color:var(--muted);font-size:14px;line-height:1.7}#rotate{z-index:100;text-align:center;background:#03101aeb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#rotate b{font-size:20px}#rotate p{color:var(--muted)}#debug{z-index:50;white-space:pre-wrap;pointer-events:none;background:#0000008c;border-radius:8px;margin:0;padding:6px 8px;font-size:10px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}