.hm-stage{aspect-ratio:4/5;color:#f3f1ea;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline-offset:-4px;background:linear-gradient(#5d8fc4 0 46%,#2c5260 46% 100%);border-radius:26px;position:relative;overflow:hidden;container-type:inline-size}.hm-stage.hm-full{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.hm-stage.hm-page{z-index:1000;width:100vw;height:100dvh;position:fixed;inset:0}.hm-canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.hm-stage[data-on="1"] .hm-canvas{cursor:pointer}.hm-stage[data-state=aim] .hm-canvas,.hm-stage[data-state=bite] .hm-canvas,.hm-stage[data-state=fight] .hm-canvas,.hm-stage.hm-full .hm-canvas{touch-action:none}.hm-hud{pointer-events:none;opacity:0;flex-direction:column;align-items:flex-start;gap:6px;transition:opacity .4s;display:flex;position:absolute;top:12px;left:12px;right:188px}.hm-hud[data-on="1"]{opacity:1}.hm-full .hm-hud,.hm-full .hm-corner{top:calc(12px + env(safe-area-inset-top))}.hm-chip{-webkit-backdrop-filter:blur(4px);max-width:100%;font:500 12px/1.25 var(--mono);color:#f3f1ea;background:#10181e8c;border-radius:14px;align-items:center;gap:7px;margin:0;padding:5px 11px 6px 8px;display:inline-flex}.hm-chip svg{flex:none;width:18px;height:18px}.hm-wish{font:500 12px/1.3 var(--mono);color:#e6e2d4;align-items:flex-start}.hm-wish>span:first-child{color:#ffd56a;font-size:14px;line-height:1.1}.hm-wish small{letter-spacing:.08em;text-transform:uppercase;color:#b8c4c8;font-size:9.5px;display:block}.hm-wish[data-done="1"]{background:#503c0899}.hm-wish[data-done="1"] small{color:#ffd56a}.hm-corner{-webkit-backdrop-filter:blur(4px);background:#10181e8c;border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;top:12px;right:12px}.hm-btn{appearance:none;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:3px;min-width:36px;height:36px;margin:0;padding:0;display:inline-flex;position:relative}.hm-btn svg{width:21px;height:21px}.hm-btn[aria-pressed=false]{opacity:.6}.hm-book{padding:0 8px 0 6px}.hm-book small{font:600 11px/1 var(--mono);font-variant-numeric:tabular-nums}.hm-say{pointer-events:none;white-space:nowrap;margin:0;position:absolute;top:31%;left:50%;transform:translate(-50%)}.hm-say span{font:400 18px/1.15 var(--logo);color:#fff;animation:hm-pop .3s var(--bounce,ease-out);background:#10181eb3;border-radius:999px;padding:7px 16px 8px;display:inline-block}.hm-say[data-say=bite] span,.hm-say[data-say=fishOn] span{color:#2a1d00;background:#ffcf3a}.hm-say[data-say=snap] span,.hm-say[data-say=tight] span{background:#961e14d9}.hm-say[data-say=slack] span,.hm-say[data-say=over] span,.hm-say[data-say=tangle] span{background:#8c5a0ad9}.hm-say[data-say=perfect] span{color:#2a1d00;background:#ffd84a;box-shadow:0 0 18px #ffd84abf}@keyframes hm-pop{0%{opacity:0;transform:scale(.7)}}.hm-tally{font-variant-numeric:tabular-nums}.hm-ghost-dot{background:hsl(var(--ghost,200) 72% 64%);opacity:.85;border-radius:50%;flex:none;width:10px;height:10px}.hm-ghost-say{pointer-events:none;max-width:calc(100% - 24px);margin:0;position:absolute;top:44%;left:12px}.hm-ghost-say span{background:hsl(var(--ghost,200) 55% 26% / .86);border:1.5px solid hsl(var(--ghost,200) 72% 64% / .7);font:400 16px/1.2 var(--logo);color:#fff;animation:hm-pop .3s var(--bounce,ease-out);border-radius:16px 16px 16px 4px;padding:7px 14px 8px;display:inline-block;position:relative}.hm-ghost-intro{font-weight:600}.hm-shore{appearance:none;font:600 13px/1.1 var(--mono);color:#1b1b1f;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;margin:0;padding:9px 16px 10px;position:absolute;bottom:52px;right:12px}.hm-full .hm-shore{bottom:calc(52px + env(safe-area-inset-bottom))}.hm-hint-line{max-width:calc(100% - 24px);font:500 12px/1.3 var(--mono);color:#f3f1ea;text-align:center;pointer-events:none;background:#10181e8c;border-radius:999px;margin:0;padding:6px 13px 7px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hm-full .hm-hint-line{bottom:calc(14px + env(safe-area-inset-bottom))}.hm-meter{--t:.45;--lo:.22;--hi:.78;--q:0;--s:.5;pointer-events:none;opacity:0;width:min(80%,380px);transition:opacity .25s;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.hm-meter[data-on="1"]{opacity:1}.hm-full .hm-meter{bottom:calc(74px + env(safe-area-inset-bottom))}.hm-track{background:#ffffff40;border-radius:2px;height:4px;margin:0 8px 8px;position:relative}.hm-track:before{content:"";background:#b9875a;border-radius:2px;width:6px;height:12px;position:absolute;top:-4px;left:-8px}.hm-track i{top:-4px;left:calc((1 - var(--q)) * 100%);background:#fff;border-radius:50% 40% 40% 50%;width:12px;height:12px;margin-left:-6px;position:absolute;box-shadow:0 1px 4px #0006}.hm-bar{background:linear-gradient(90deg, #e9a73e 0, #e9a73e calc(var(--lo) * 100%), #5ccf94 calc(var(--lo) * 100%), #5ccf94 calc(var(--hi) * 100%), #f0573c calc(var(--hi) * 100%), #f0573c 100%);border:2px solid #10181e99;border-radius:9px;height:18px;position:relative;box-shadow:0 6px 16px #0000004d}.hm-bar i{top:-6px;bottom:-6px;left:calc(var(--t) * 100%);background:#fff;border-radius:3px;width:6px;margin-left:-3px;position:absolute;box-shadow:0 0 0 2px #10181eb3,0 2px 6px #0006}.hm-sweet{top:2px;bottom:2px;left:calc((var(--s) - .07) * 100%);background:#e1ffec8c;border-radius:6px;width:14%;transition:background .2s,box-shadow .2s;position:absolute;box-shadow:0 0 6px #e1ffec99}.hm-meter[data-sweet="1"] .hm-sweet{background:#f0fff5d9;box-shadow:0 0 12px #f0fff5f2}.hm-meter[data-sweet="1"] .hm-bar i{box-shadow:0 0 0 2px #10181eb3,0 0 10px #ffffffe6}.hm-meter[data-warn=tight] .hm-bar{animation:.12s linear infinite hm-shake}.hm-meter[data-warn=slack] .hm-bar{animation:.5s ease-in-out infinite alternate hm-blink}.hm-pull{font:700 20px/1 var(--logo);color:#fff;text-shadow:0 1px 3px #0009;opacity:0;position:absolute;top:50%;transform:translateY(-55%)}.hm-pull-out{right:-26px}.hm-pull-in{left:-26px}.hm-meter[data-tell="1"] .hm-pull-out,.hm-meter[data-tell="2"] .hm-pull-in{opacity:1;animation:.3s ease-in-out infinite alternate hm-blink}@keyframes hm-shake{50%{transform:translate(2px)}}@keyframes hm-blink{to{opacity:.45}}.hm-card{color:#f3f1ea;text-align:center;-webkit-backdrop-filter:blur(6px);-webkit-user-select:text;user-select:text;background:#0e161cd6;border-radius:22px;flex-direction:column;align-items:center;gap:8px;width:min(340px,100% - 36px);max-height:calc(100% - 36px);padding:18px 18px 16px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 50px #00000073}.hm-card p{margin:0;font-size:14px;line-height:1.42}.hm-card .hm-title{font:400 30px/1 var(--logo);color:#fff}.hm-steps{text-align:left;color:#dfe6e6;margin:2px 0 0;padding:0 0 0 20px;font-size:13px;line-height:1.4}.hm-steps li+li{margin-top:4px}.hm-steps li::marker{color:#ffcf3a;font-weight:700}.hm-card .hm-tip{font:500 12px/1.4 var(--mono);color:#ffcf3a}.hm-card .hm-small{color:#aebcbf;font-size:12px}.hm-play{appearance:none;color:#2a1d00;font:400 22px/1 var(--logo);cursor:pointer;background:#ffcf3a;border:0;border-radius:999px;margin-top:4px;padding:10px 30px 12px;transition:transform .12s;box-shadow:inset 0 -5px #c98d00,0 10px 22px #ffbe2840}.hm-play:hover{transform:translateY(-1px)scale(1.03)}.hm-play:disabled{opacity:.6;cursor:progress;transform:none}.hm-exit{appearance:none;color:#f3f1ea;max-width:100%;min-height:44px;font:600 13px/1.2 var(--mono);text-align:center;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:1px solid #f3f1ea4d;border-radius:999px;margin:4px 0 0;padding:8px 20px}.hm-exit:hover{background:#ffffff14;border-color:#f3f1ea8c}.hm-catch-pic{width:min(240px,100%);height:130px;display:block}.hm-catch-name{color:#fff;font:400 24px/1.1 var(--logo)!important}.hm-catch-size{align-items:center;gap:10px;display:flex}.hm-catch-size b{font:400 26px/1 var(--logo);color:#ffcf3a;font-variant-numeric:tabular-nums}.hm-flag{animation:hm-pop .4s var(--bounce,ease-out);background:#ffcf3a;border-radius:999px;padding:3px 12px 4px;color:#2a1d00!important;font:600 12px/1.3 var(--mono)!important}.hm-flag.hm-wished{background:#ffcf3a2e;color:#ffd56a!important}.hm-rarity{font:600 10px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#e8eeee;background:#4b5a5e;border-radius:999px;padding:2px 8px 3px;display:inline-block}.hm-rarity[data-rarity=uncommon]{background:#2f7a52}.hm-rarity[data-rarity=rare]{background:#2c64b0}.hm-rarity[data-rarity=very]{background:#7a46b8}.hm-rarity[data-rarity=legendary]{color:#2a1d00;background:linear-gradient(90deg,#d39a12,#ffd24a)}.hm-stage .lvend{align-items:flex-end;padding-top:60px;top:0}.hm-full .lvend{padding-top:calc(60px + env(safe-area-inset-top))}.hm-stage .lvend-card{-webkit-user-select:text;user-select:text;background:repeating-linear-gradient(#0000 0 27px,#466ea029 27px 28px),linear-gradient(#f7f1e1,#efe5cd);max-height:100%}.hm-stage .lvend-title,.hm-stage .lvend-score b,.hm-stage .lvend-main{font-family:var(--logo);font-weight:400}.hm-stage .lvend-kicker{font-family:var(--mono)}.hm-stage .lvend-main{font-size:22px;box-shadow:inset 0 -5px #c98d00,0 10px 22px #ffbe2840}.hm-stage .lvend-summary.hm-end-beside{color:var(--lvend-ink-d);font-variant-numeric:tabular-nums;font-weight:700}.hm-journal{overscroll-behavior:contain;color:#2b2620;-webkit-user-select:text;user-select:text;background:repeating-linear-gradient(#0000 0 27px,#466ea029 27px 28px),linear-gradient(#f7f1e1,#efe5cd);padding:16px 14px 24px;position:absolute;inset:0;overflow-y:auto}.hm-full .hm-journal{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.hm-journal-head{z-index:1;background:linear-gradient(#f7f1e1 80%,#f7f1e100);justify-content:space-between;align-items:flex-start;gap:10px;margin:-16px -14px 10px;padding:14px 14px 10px;display:flex;position:sticky;top:-16px}.hm-journal h2{font:400 26px/1.1 var(--logo);margin:0}.hm-journal-head p{font:500 12px/1.3 var(--mono);color:#6d6252;margin:3px 0 0}.hm-close{color:#f7f1e1;background:#2b2620;flex:none}.hm-pages,.hm-junk{margin:0;padding:0;list-style:none}.hm-pages{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@container (min-width:560px){.hm-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}.hm-page{background:#fffcf4bf;border-radius:14px;gap:10px;padding:10px;display:flex;box-shadow:0 1px #78603c2e}.hm-page[data-rarity=legendary]{box-shadow:inset 0 0 0 2px #d39a128c}.hm-portrait{background:radial-gradient(90% 90% at 50% 40%,#e3eef0,#c6dadf);border-radius:10px;flex:none;width:104px;height:66px}.hm-page[data-known="0"] .hm-portrait{background:radial-gradient(90% 90% at 50% 40%,#e8e1cf,#d6ccb4)}.hm-page-text{min-width:0}.hm-page-text p{margin:0}.hm-page-name{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.hm-page-name b{font:400 17px/1.15 var(--logo)}.hm-note{font-size:13px;line-height:1.35;margin-top:3px!important}.hm-hint{color:#6d6252;font-size:13px;font-style:italic;line-height:1.35;margin-top:4px!important}.hm-facts{font:500 11px/1.35 var(--mono);color:#6d6252;margin-top:4px!important}.hm-when{font:500 11px/1.35 var(--mono);grid-template-columns:minmax(0,1fr);gap:1px;margin:4px 0 0;display:grid}.hm-when div{gap:6px;display:flex}.hm-when dt{color:#8a7c66;flex:none;min-width:62px}.hm-when dd{margin:0}.hm-junk-title{font:400 18px/1.1 var(--logo);margin:18px 0 8px}.hm-junk{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hm-junk li{font:500 11px/1.25 var(--mono);text-align:center;background:#fffcf4bf;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;display:flex}.hm-junk small{color:#8a7c66}.hm-junk-pic{width:100%;max-width:76px;height:46px}.hm-failed{text-align:center;background:#23323a;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.hm-failed p{max-width:260px;font:500 13px/1.4 var(--mono);margin:0}.hm-btn:focus-visible,.hm-shore:focus-visible,.hm-exit:focus-visible,.hm-play:focus-visible{outline:3px solid var(--lime);outline-offset:2px}@container (max-width:440px){.hm-hud{top:60px;right:12px}.hm-full .hm-hud{top:calc(60px + env(safe-area-inset-top))}.hm-btn{min-width:34px;height:34px}.hm-card .hm-title{font-size:26px}.hm-card p{font-size:13px}.hm-portrait{width:88px;height:58px}}@media (prefers-reduced-motion:reduce){.hm-say span,.hm-ghost-say span,.hm-flag,.hm-pull,.hm-meter[data-warn] .hm-bar{animation:none!important}}