.fishing-hook-hud{pointer-events:none;position:fixed;left:50%;bottom:max(5.5rem,calc(env(safe-area-inset-bottom) + 4.5rem));z-index:70;width:min(22.5rem,calc(100vw - 1.5rem));overflow:hidden;transform:translate(-50%)}.fishing-hook-hud-card{pointer-events:auto;position:relative;overflow:hidden;border:1px solid color-mix(in oklab,var(--color-teal) 32%,var(--color-border));border-radius:1.2rem;background:radial-gradient(110% 80% at 50% -18%,color-mix(in oklab,var(--color-teal) 22%,transparent),transparent 52%),radial-gradient(80% 60% at 100% 110%,rgba(56,189,248,.14),transparent 48%),linear-gradient(180deg,#122033,#0c1320);box-shadow:var(--shadow-sticker),inset 0 1px color-mix(in oklab,var(--color-cream) 14%,transparent);padding:.85rem .95rem .9rem;text-align:center}.fishing-hook-hud-sheen{pointer-events:none;position:absolute;inset:0;background:linear-gradient(118deg,transparent 18%,rgba(125,211,252,.07) 40%,transparent 58%),linear-gradient(248deg,transparent 28%,color-mix(in oklab,var(--color-teal) 8%,transparent) 52%,transparent 72%);background-size:220% 100%,180% 100%;animation:fishing-hook-sheen 8s linear infinite}.fishing-hook-hud-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.55rem}.fishing-hook-hud-kicker{display:inline-flex;align-items:center;gap:.42rem;margin:0;color:var(--color-teal);font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fishing-hook-pulse{width:.48rem;height:.48rem;flex:none;border-radius:99px;background:var(--color-teal);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-teal) 22%,transparent);animation:fishing-hook-live 1.6s ease-in-out infinite}.fishing-hook-hud-play .fishing-hook-pulse{background:var(--color-gold);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-gold) 24%,transparent);animation-duration:.72s}.fishing-hook-hud-hint{position:relative;z-index:1;margin:.32rem 0 .7rem;color:var(--color-text-secondary);font-size:.78rem;line-height:1.35}.fishing-hook-hud-wait .fishing-hook-hud-hint{margin:.28rem 0 .55rem}.fishing-hook-timer-chip{display:inline-flex;align-items:center;gap:.28rem;flex:none;border:1px solid color-mix(in oklab,var(--color-teal) 28%,transparent);border-radius:999px;background:#081220b8;padding:.18rem .52rem;color:#e0f2fe;font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em}.fishing-hook-timer-chip.is-urgent{border-color:color-mix(in oklab,var(--color-coral) 55%,transparent);color:#fecaca;background:color-mix(in oklab,var(--color-coral) 16%,rgba(8,18,32,.72))}.fishing-hook-timer-icon,.fishing-hook-btn-icon{width:.85rem;height:.85rem}.fishing-hook-wait-scene{position:relative;z-index:1;height:4.1rem;margin:0 auto .05rem;overflow:hidden;border-radius:.95rem;background:radial-gradient(ellipse at 70% 18%,rgba(253,230,138,.16),transparent 42%),linear-gradient(180deg,#152033 0% 40%,#0e4a62 40%,#082f49 72%,#061824);box-shadow:inset 0 1px #bae6fd24}.fishing-hook-wait-stars{position:absolute;inset:0 0 58%;background-image:radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(186,230,253,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(253,230,138,.55) 0 1px,transparent 1.5px);background-position:16% 42%,78% 28%,48% 20%;background-repeat:no-repeat;background-size:3px 3px,2px 2px,2px 2px;animation:fishing-hook-twinkle 3.4s ease-in-out infinite}.fishing-hook-wait-caustic{position:absolute;left:-20%;right:-20%;top:40%;height:60%;background:repeating-linear-gradient(105deg,transparent 0 14px,rgba(125,211,252,.07) 14px 18px);animation:fishing-hook-caustic 9s linear infinite;opacity:.7}.fishing-hook-wait-water{position:absolute;left:0;right:0;top:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.9),transparent);box-shadow:0 8px 14px #38bdf833}.fishing-hook-wait-line{position:absolute;left:50%;top:0;width:1px;height:44%;background:linear-gradient(180deg,transparent,rgba(226,232,240,.8));transform:translate(-50%)}.fishing-hook-wait-bobber{position:absolute;left:50%;top:36%;width:.78rem;height:.98rem;border-radius:.38rem .38rem .58rem .58rem;background:linear-gradient(180deg,#f8fafc 42%,#ef4444 42% 72%,#f8fafc 72%);box-shadow:0 0 0 1px #0f172a8c,0 4px 8px #02081759;transform:translate(-50%,-50%);animation:fishing-hook-nibble 2.4s ease-in-out infinite}.fishing-hook-wait-ripple{position:absolute;left:50%;top:42%;width:.4rem;height:.22rem;border:1px solid rgba(125,211,252,.55);border-radius:50%;transform:translate(-50%,-50%);animation:fishing-hook-ripple 2.6s ease-out infinite}.fishing-hook-wait-ripple--b{animation-delay:.85s}.fishing-hook-wait-ripple--c{animation-delay:1.7s}.fishing-hook-approach{pointer-events:none;position:absolute;inset:0;z-index:3;overflow:hidden}.fishing-hook-approach-track{position:absolute;top:0;left:0}.fishing-hook-approach-fish{display:block;width:3rem;height:auto}.fishing-hook-track{position:relative;z-index:1;height:1.7rem;margin:.2rem 0 .55rem}.fishing-hook-track-well{position:absolute;inset:0;overflow:hidden;border-radius:999px;background:linear-gradient(180deg,#061220f5,#082f49c7);box-shadow:inset 0 2px 5px #00000073,inset 0 0 0 1px #7dd3fc38}.fishing-hook-ticks{position:absolute;inset:.22rem .35rem;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(186,230,253,.16) calc(10% - 1px),rgba(186,230,253,.16) 10%);pointer-events:none}.fishing-hook-zone{position:absolute;top:0;bottom:0;background:color-mix(in oklab,var(--color-mint) 28%,transparent)}.fishing-hook-great{position:absolute;top:0;bottom:0;background:color-mix(in oklab,#a3e635 62%,transparent)}.fishing-hook-sweet{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#ffe08a,#f59e0b);box-shadow:0 0 14px color-mix(in oklab,var(--color-gold) 70%,transparent)}.fishing-hook-sweet:after{content:"";position:absolute;inset:18% 28%;border-radius:99px;background:#ffffff6b}.fishing-hook-center-mark{pointer-events:none;position:absolute;top:-.28rem;left:50%;z-index:4;width:0;height:0;border-left:.28rem solid transparent;border-right:.28rem solid transparent;border-top:.34rem solid var(--color-gold);transform:translate(-50%);filter:drop-shadow(0 0 4px color-mix(in oklab,var(--color-gold) 80%,transparent))}.fishing-hook-lure{position:absolute;top:-.08rem;bottom:-.08rem;z-index:3;width:.18rem;margin-left:-.09rem;border-radius:99px;background:linear-gradient(180deg,#fff,#7dd3fc);box-shadow:0 0 0 1px #0f172a,0 0 12px #7dd3fce6}.fishing-hook-lure:before{content:"";position:absolute;top:-.34rem;left:50%;width:.58rem;height:.72rem;border-radius:.28rem .28rem .46rem .46rem;background:linear-gradient(180deg,#f8fafc 40%,#ef4444 40% 72%,#f8fafc 72%);box-shadow:0 0 0 1px #0f172a,0 2px 6px #02081766;transform:translate(-50%)}.fishing-hook-hud-play.is-locked{animation:fishing-hook-card-punch .38s ease-out}.fishing-hook-hud-play.is-locked .fishing-hook-hud-kicker{letter-spacing:.08em}.fishing-hook-hud[data-grade=perfect] .fishing-hook-hud-kicker{color:var(--color-gold)}.fishing-hook-hud[data-grade=great] .fishing-hook-hud-kicker{color:var(--color-mint)}.fishing-hook-hud[data-grade=ok] .fishing-hook-hud-kicker{color:#bae6fd}.fishing-hook-hud[data-grade=miss] .fishing-hook-hud-kicker{color:var(--color-coral)}.fishing-hook-hud[data-grade=perfect] .fishing-hook-pulse,.fishing-hook-hud[data-grade=great] .fishing-hook-pulse,.fishing-hook-hud[data-grade=ok] .fishing-hook-pulse,.fishing-hook-hud[data-grade=miss] .fishing-hook-pulse{animation:none}.fishing-hook-hud[data-grade=perfect] .fishing-hook-pulse{background:var(--color-gold);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-gold) 28%,transparent)}.fishing-hook-hud[data-grade=great] .fishing-hook-pulse{background:var(--color-mint);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-mint) 28%,transparent)}.fishing-hook-hud[data-grade=ok] .fishing-hook-pulse{background:#7dd3fc}.fishing-hook-hud[data-grade=miss] .fishing-hook-pulse{background:var(--color-coral);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-coral) 28%,transparent)}.fishing-hook-hud[data-grade=perfect] .fishing-hook-sweet{box-shadow:0 0 18px #facc15f2;animation:fishing-hook-zone-flash .7s ease-out}.fishing-hook-hud[data-grade=great] .fishing-hook-great{box-shadow:inset 0 0 0 1px #bef264d9;animation:fishing-hook-zone-flash .7s ease-out}.fishing-hook-hud[data-grade=ok] .fishing-hook-zone{background:color-mix(in oklab,var(--color-mint) 48%,transparent);animation:fishing-hook-zone-flash .7s ease-out}.fishing-hook-hud[data-grade=miss] .fishing-hook-track-well{box-shadow:inset 0 2px 5px #00000073,inset 0 0 0 1px color-mix(in oklab,var(--color-coral) 70%,transparent)}.fishing-hook-lure.is-locked{width:.26rem;margin-left:-.13rem;background:linear-gradient(180deg,#fff,var(--color-gold));box-shadow:0 0 0 1px #0f172a,0 0 16px color-mix(in oklab,var(--color-gold) 85%,transparent);animation:fishing-hook-lure-lock .45s ease-out}.fishing-hook-hud[data-grade=miss] .fishing-hook-lure.is-locked{background:linear-gradient(180deg,#fff,var(--color-coral));box-shadow:0 0 0 1px #0f172a,0 0 14px color-mix(in oklab,var(--color-coral) 80%,transparent)}.fishing-hook-hud[data-grade=miss] .fishing-hook-lure.is-locked:before{background:linear-gradient(180deg,#f8fafc 40%,var(--color-coral) 40%,var(--color-coral) 72%,#f8fafc 72%)}.fishing-hook-impact{position:absolute;top:50%;z-index:2;width:1.25rem;height:1.25rem;margin-left:-.625rem;border:2px solid rgba(255,255,255,.95);border-radius:50%;pointer-events:none;transform:translateY(-50%);animation:fishing-hook-impact .55s ease-out forwards}.fishing-hook-hud[data-grade=perfect] .fishing-hook-impact{border-color:var(--color-gold);box-shadow:0 0 12px color-mix(in oklab,var(--color-gold) 80%,transparent)}.fishing-hook-hud[data-grade=miss] .fishing-hook-impact{border-color:var(--color-coral)}.fishing-hook-btn{position:relative;z-index:1;width:100%;min-width:0}.fishing-hook-hotkey{position:relative;z-index:1;margin:.4rem 0 0;color:color-mix(in oklab,var(--color-text-secondary) 80%,transparent);font-size:.64rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.fishing-hook-timer{position:relative;z-index:1;height:.32rem;margin:0 0 .7rem;overflow:hidden;border-radius:999px;background:#081220d9;box-shadow:inset 0 0 0 1px #7dd3fc1f}.fishing-hook-timer-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-teal),var(--color-gold))}.fishing-hook-word{position:relative;z-index:1;display:inline-block;margin:.55rem 0 .15rem;border:1px dashed color-mix(in oklab,var(--color-gold) 55%,transparent);border-radius:.7rem;background:color-mix(in oklab,var(--color-gold) 10%,transparent);padding:.28rem .85rem;color:#fde68a;font-family:var(--font-display);font-size:1.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.fishing-hook-hud-chat .fishing-hook-hud-hint{margin:.45rem 0 0}@keyframes fishing-hook-sheen{0%{background-position:0 0,100% 0}to{background-position:220% 0,-80% 0}}@keyframes fishing-hook-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@keyframes fishing-hook-twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes fishing-hook-caustic{0%{transform:translate(0)}to{transform:translate(12%)}}@keyframes fishing-hook-nibble{0%,to{transform:translate(-50%,-50%)}40%{transform:translate(-50%,-42%)}55%{transform:translate(-50%,-58%)}70%{transform:translate(-50%,-50%)}}@keyframes fishing-hook-ripple{0%{width:.45rem;height:.22rem;opacity:.7}to{width:5.5rem;height:1.15rem;opacity:0}}@keyframes fishing-hook-card-punch{0%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes fishing-hook-lure-lock{0%{transform:scaleY(1.45);filter:brightness(2.1)}to{transform:scaleY(1);filter:brightness(1)}}@keyframes fishing-hook-zone-flash{0%{filter:brightness(1.85)}to{filter:brightness(1)}}@keyframes fishing-hook-impact{0%{opacity:.95;transform:translateY(-50%) scale(.35)}to{opacity:0;transform:translateY(-50%) scale(1.85)}}@media(prefers-reduced-motion:reduce){.fishing-hook-hud-sheen,.fishing-hook-pulse,.fishing-hook-wait-stars,.fishing-hook-wait-caustic,.fishing-hook-hud-play.is-locked,.fishing-hook-lure.is-locked,.fishing-hook-impact,.fishing-hook-hud[data-grade=perfect] .fishing-hook-sweet,.fishing-hook-hud[data-grade=great] .fishing-hook-great,.fishing-hook-hud[data-grade=ok] .fishing-hook-zone{animation:none}}.fishing-hook-hud--embedded{pointer-events:auto;position:relative;left:auto;bottom:auto;z-index:auto;width:100%;transform:none;overflow:visible}.fishing-hook-hud--compact .fishing-hook-hud-card{border-radius:1rem;padding:.55rem .7rem .7rem}.fishing-hook-hud--embedded.fishing-hook-hud--compact .fishing-hook-hud-card{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;padding:0 0 3px}.fishing-hook-hud--embedded.fishing-hook-hud--compact .fishing-hook-hud-sheen{display:none}.fishing-hook-hud--embedded.fishing-hook-hud--compact .fishing-hook-hud-hint{text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.55)}.fishing-hook-hud--compact .fishing-hook-hud-hint{margin:.18rem 0 .42rem;font-size:.7rem}.fishing-hook-hud--compact .fishing-hook-track{height:1.4rem;margin:.08rem 0 .4rem}.fishing-hook-hud--compact .fishing-hook-wait-scene{height:3.1rem}.fishing-hook-hud--compact .fishing-hook-timer{margin:0 0 .45rem}.fishing-hook-hud--compact .fishing-hook-timer-chip{padding:.12rem .42rem;font-size:.64rem}.fishing-hook-hud--compact .fishing-hook-kicker,.fishing-hook-hud--compact .fishing-hook-hud-kicker{font-size:.7rem}@media(max-width:640px){.fishing-hook-hud{bottom:max(6.25rem,calc(env(safe-area-inset-bottom) + 5.25rem))}.fishing-hook-hud--embedded{bottom:auto}}.play-avatar-lift{display:block;line-height:0;transition:transform 80ms linear;will-change:transform;-webkit-user-select:none;user-select:none}.play-avatar-lift.play-avatar--dodging{opacity:.42;filter:saturate(.75) brightness(1.12);transition:transform 80ms linear,opacity .12s ease}.play-avatar-lift.play-avatar--healed{isolation:isolate}.play-avatar-heal-fx{position:absolute;left:50%;bottom:4%;z-index:1;width:72%;height:78%;margin-left:-36%;border-radius:50% 50% 45% 45%;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,rgba(120,255,180,.55) 0%,rgba(40,180,110,.22) 42%,transparent 72%),radial-gradient(circle at 50% 18%,rgba(190,255,210,.65) 0%,transparent 55%);animation:play-avatar-heal-aura 1.05s ease-out both}@keyframes play-avatar-heal-aura{0%{opacity:0;transform:scale(.72) translateY(6px)}35%{opacity:1;transform:scale(1.05) translateY(0)}to{opacity:0;transform:scale(1.18) translateY(-8px)}}.play-avatar-lift img,.play-avatar-lift canvas,.play-avatar-lift svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.play-avatar-anim{display:block;line-height:0;transform-origin:50% 100%;--ca-scale: 1}.play-avatar-anim.idle{animation:play-avatar-idle 1.2s ease-in-out infinite}.play-avatar-anim.walk{animation:play-avatar-walk .4s cubic-bezier(.25,.46,.45,.94) infinite}.play-avatar-anim.walk-sprite,.play-avatar-anim.celebrating{animation:none}.play-avatar-anim.attack{animation:play-avatar-attack .35s cubic-bezier(.34,1.56,.64,1) 1}.play-avatar-anim.stunned-pose{animation:play-avatar-shake .35s ease-in-out infinite}.play-avatar-facing[data-facing=left]{transform:scaleX(-1)}.play-avatar-facing[data-fishing="1"] .house-fishing-rod{position:absolute;right:8%;top:22%;width:4px;height:42%;background:linear-gradient(180deg,#6b3f1f,#c9894a);border-radius:2px;transform-origin:bottom center;transform:rotate(-28deg);z-index:5;pointer-events:none}.house-fishing-line{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:5}.house-fishing-bobber{position:absolute;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;background:#f4c430;box-shadow:0 0 0 2px #1b3a4a;z-index:4;pointer-events:none}.house-fishing-bobber.biting{animation:house-fishing-yank .18s ease-in-out infinite alternate}@keyframes house-fishing-yank{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes play-avatar-idle{0%,to{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.97) scaleX(1.015)}}@keyframes play-avatar-walk{0%{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(calc(-6px * var(--ca-scale))) rotate(4deg) scale(1)}50%{transform:translateY(0) rotate(1deg) scale(1.04,.95)}80%{transform:translateY(calc(-4px * var(--ca-scale))) rotate(3deg) scale(1)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes play-avatar-attack{0%{transform:translate(0) scale(1)}45%{transform:translate(calc(18px * var(--ca-scale))) scale(1.08,.92)}to{transform:translate(0) scale(1)}}@keyframes play-avatar-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(calc(-4px * var(--ca-scale))) rotate(-3deg)}75%{transform:translate(calc(4px * var(--ca-scale))) rotate(3deg)}}.play-avatar-pet{position:absolute;bottom:var(--play-avatar-foot-bottom, 8%);left:50%;width:36%;aspect-ratio:1 / 1;transform-origin:50% 100%;transition:translate 90ms ease-out;pointer-events:none;z-index:1;--play-pet-foot: 2.2%}.play-avatar-pet[data-side=left]{translate:-128% var(--play-pet-foot);scale:1 1}.play-avatar-pet[data-side=right]{translate:28% var(--play-pet-foot);scale:-1 1}.play-avatar-pet-img{display:block;width:100%;aspect-ratio:1 / 1;height:auto;object-fit:contain;object-position:center bottom;image-rendering:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.play-avatar-pet .pet-sprite-root.play-avatar-pet-img .sprite-sheet-player,.play-avatar-pet .pet-sprite-sheet-host .sprite-sheet-player{width:100%;height:auto;max-height:none}.play-avatar-pet[data-reaction] .play-avatar-pet-img{animation:play-avatar-pet-pop .5s cubic-bezier(.34,1.56,.64,1)}.play-avatar-pet[data-mood=hungry] .play-avatar-pet-img,.play-avatar-pet[data-mood=sad] .play-avatar-pet-img{filter:saturate(.7) brightness(.92) drop-shadow(0 4px 8px rgba(0,0,0,.4))}@keyframes play-avatar-pet-pop{0%{transform:scale(1)}45%{transform:scale(1.22) translateY(-4px)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.play-avatar-anim.idle,.play-avatar-anim.walk{animation:none!important}.play-avatar-pet{transition:none}.play-avatar-pet-img{animation:none!important}}