/* A bold, original fighting-game counter nested at the left catch HUD. */
.catch-hud .big-fish-luck{--luck-face:#fff0ad;--luck-accent:#c8a84b;position:relative;isolation:isolate;display:block;pointer-events:none;margin:10px -2px 0;padding:7px 9px 6px;min-width:132px;max-width:184px;color:#fff1bb;text-align:left;overflow:visible}
.big-fish-luck:before{content:'';position:absolute;z-index:-2;inset:0;background:#2c3728;border:2px solid #1f251a;clip-path:polygon(0 7%,95% 0,100% 85%,5% 100%);transform:rotate(-2deg)}
.big-fish-luck:after{content:'';position:absolute;z-index:-1;left:2px;top:29px;right:3px;height:40px;background:var(--luck-accent);opacity:.32;clip-path:polygon(0 28%,14% 38%,8% 0,32% 21%,55% 0,69% 20%,93% 1%,86% 31%,100% 48%,86% 67%,95% 100%,67% 83%,47% 100%,34% 77%,6% 100%,13% 62%);transform:rotate(-5deg)}
.catch-hud .big-luck-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;line-height:1.2;color:#ffe9ab;font-weight:900;letter-spacing:1px;transform:skew(-6deg);white-space:nowrap}
.catch-hud .big-luck-cap{display:inline-block;padding:1px 4px;border:1px solid #f8d582;background:var(--luck-accent);font:900 9px/1.1 Arial,sans-serif;letter-spacing:0;color:#25291e;transform:rotate(5deg)}
.catch-hud .big-luck-display{display:flex;align-items:baseline;justify-content:center;gap:1px;white-space:nowrap;height:78px;line-height:1;margin:-1px 0 -1px;transform:skew(-9deg) rotate(-3deg);transform-origin:45% 65%;font-family:Impact,'Arial Black','Arial',sans-serif;font-weight:900;font-synthesis:weight;color:var(--luck-face);filter:drop-shadow(3px 4px 0 #13190e)}
.catch-hud .big-luck-number{display:inline;font:900 64px/.98 Impact,'Arial Black','Arial',sans-serif;letter-spacing:-3px;font-variant-numeric:tabular-nums;color:var(--luck-face);-webkit-text-stroke:3px #10180e;paint-order:stroke fill}
.catch-hud .big-luck-plus,.catch-hud .big-luck-percent{font-size:31px;line-height:1;color:var(--luck-face);-webkit-text-stroke:2px #10180e;paint-order:stroke fill;letter-spacing:-1px}
.catch-hud .big-luck-plus{font-size:25px;align-self:center;margin-top:3px;margin-right:0}
.catch-hud .big-luck-note{display:block;margin:1px 0 0;background:#2c3728;border-radius:2px;color:#fff1cc;font-weight:600;font-size:9px;line-height:1.35;letter-spacing:.2px;text-align:center;white-space:nowrap}
.catch-hud .big-luck-feedback{position:absolute;right:0;top:19px;padding:1px 4px;font:900 17px/1.2 'Arial Black','Microsoft YaHei',sans-serif;color:#fff5b6;-webkit-text-stroke:2px #2a2e20;paint-order:stroke fill;text-shadow:2px 2px #1b2115;transform:rotate(7deg);opacity:0;white-space:nowrap}
.big-fish-luck[data-tier=warm]{--luck-face:#ffd66c;--luck-accent:#e9ad3f}.big-fish-luck[data-tier=hot]{--luck-face:#ff9c4c;--luck-accent:#e1723f}.big-fish-luck[data-tier=max]{--luck-face:#ff795f;--luck-accent:#ec5c3e}.big-fish-luck[data-tier=max]:before{background:#3f241c}.big-fish-luck[data-tier=max]:after{opacity:.65}
.big-fish-luck.is-bumping .big-luck-display{animation:big-luck-impact .32s cubic-bezier(.16,.72,.3,1) both}.big-fish-luck.is-bumping .big-luck-feedback{animation:big-luck-rise 1.1s ease-out both}.big-fish-luck.is-resetting .big-luck-display{animation:big-luck-reset .32s ease-out both}.catch-hud .big-fish-luck.is-resetting .big-luck-feedback{top:37px;left:50%;right:auto;transform:translateX(-50%) rotate(-4deg);font-size:10px;-webkit-text-stroke:2px #283320;animation:big-luck-reset-note 1.1s ease-out both}
@keyframes big-luck-impact{0%{transform:translateY(-7px) skew(-9deg) rotate(-7deg) scaleX(1.28)}55%{transform:translateY(-2px) skew(-9deg) rotate(-1deg) scaleX(.96)}100%{transform:translateY(0) skew(-9deg) rotate(-3deg) scaleX(1)}}
@keyframes big-luck-rise{0%{opacity:1;transform:translateY(5px) rotate(7deg) scale(1.25)}60%{opacity:1}100%{opacity:0;transform:translateY(-18px) rotate(3deg) scale(1)}}
@keyframes big-luck-reset{0%{opacity:.2;transform:skew(-9deg) rotate(-3deg) scale(.8)}100%{opacity:1;transform:skew(-9deg) rotate(-3deg) scale(1)}}
@keyframes big-luck-reset-note{0%,65%{opacity:1}100%{opacity:0}}
/* Leave the QTE panel and all actionable controls above this passive counter. */
.mobile-ui .catch-hud .big-fish-luck{min-width:0;max-width:none;margin:6px -5px 0;padding:5px 6px 4px}
.mobile-ui .catch-hud .big-luck-heading{font-size:9px;letter-spacing:.2px}.mobile-ui .catch-hud .big-luck-cap{font-size:8px;padding:1px 3px}.mobile-ui .catch-hud .big-luck-display{height:59px;margin:0}.mobile-ui .catch-hud .big-luck-number{font-size:46px;letter-spacing:-2px;-webkit-text-stroke:2.5px #10180e}.mobile-ui .catch-hud .big-luck-plus{font-size:18px}.mobile-ui .catch-hud .big-luck-percent{font-size:24px}.mobile-ui .catch-hud .big-luck-note{font-size:9px;letter-spacing:0;line-height:1.25;margin:0}.mobile-ui .big-fish-luck:after{top:22px;height:30px}.mobile-ui .catch-hud .big-luck-feedback{font-size:15px;top:13px}.mobile-ui .catch-hud .big-fish-luck.is-resetting .big-luck-feedback{top:30px;font-size:9px}
/* The feed is secondary to the permanent counter and may show its latest row. */
.playing .catch-feed{top:var(--big-luck-feed-top,276px);max-height:76px;overflow:hidden}.mobile-ui .playing .catch-feed{top:var(--big-luck-feed-top,calc(177px + env(safe-area-inset-top)));max-height:34px;max-width:150px}
/* Short landscape screens reserve the gap below the card for the joystick. */
@media(max-height:360px){.mobile-ui .catch-hud .big-fish-luck{margin-top:4px}.mobile-ui .catch-hud .big-luck-display{height:55px}.mobile-ui .catch-hud .big-luck-number{font-size:43px}.mobile-ui .catch-hud .big-luck-heading{font-size:8px}.mobile-ui .catch-hud .big-luck-note{font-size:9px}.mobile-ui .playing .catch-feed{display:none}}
@media(prefers-reduced-motion:reduce){.big-fish-luck.is-bumping .big-luck-display,.big-fish-luck.is-resetting .big-luck-display,.big-fish-luck.is-bumping .big-luck-feedback,.big-fish-luck.is-resetting .big-luck-feedback{animation:none!important}.big-fish-luck.is-bumping .big-luck-feedback,.big-fish-luck.is-resetting .big-luck-feedback{opacity:1}}