.game-card.pilkki{background:#18313e}
.fishing-panel{display:block}.fishing-panel .current-return{margin-top:24px}.fishing-stage{padding-bottom:22px;background:#0d1d2c}.fishing-stage .board-header{margin-bottom:18px}
.fishing-cashout{width:100%;margin-top:9px;padding:14px 5px;border:1px solid #3d7845;border-radius:5px;background:#203e30;color:#a0ef7c;font-weight:800;font-size:12px;cursor:pointer}.fishing-cashout:disabled{opacity:.5}.fishing-depth-info{margin-top:19px;padding-top:15px;border-top:1px solid #293b4d;display:flex;flex-direction:column;gap:7px}.fishing-depth-info span{font-size:10px;color:#b2d6eb}.fishing-depth-info b{font-size:9px;color:#cf9da9;font-weight:600}
.fishing-mobile-actions{display:none}
.depth-darkness{position:absolute;inset:0;background:#010711;opacity:0;pointer-events:none;z-index:1;transition:opacity .4s}.under-environment,.under-rays{z-index:0}.ambient-school{z-index:2}.under-particles{z-index:2}.under-hook{z-index:3}.target-fish{z-index:4}
.fishing-viewport[data-depth]:not([data-depth="1"]):not([data-depth="0"]) .under-environment>path:nth-child(-n+2){opacity:0}
[data-phase="deep-diving"] .ambient-school,[data-phase="deep-diving"] .under-environment{animation:depth-sweep .52s ease-in both}[data-phase="deep-diving"] .under-particles{filter:blur(1px);scale:1 1.5}
[data-phase="waiting"] .ambient-school,[data-phase="waiting"] .under-environment{animation:depth-arrive .35s ease-out both}
.under-hook.line-snapped{background:linear-gradient(#c7e3ea 0 52%,transparent 53% 65%,#c7e3ea 66%)}.under-hook.line-snapped svg{rotate:-20deg;opacity:.5}.catch-summary.negative{border-color:#b85870;color:#ee879a}.catch-summary.negative>span{color:#d29caa}[data-phase="lost"] .surface-line{stroke-dasharray:65 25 50;opacity:.3}
@keyframes depth-sweep{to{transform:translateY(-60%);opacity:0}}
@keyframes depth-arrive{from{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:650px){.fishing-mobile-actions{position:fixed;left:18px;right:18px;bottom:max(16px,env(safe-area-inset-bottom));z-index:15;display:grid;grid-template-columns:1fr 1.3fr;gap:8px;padding:8px;background:#101b29;border:1px solid #2b4359;border-radius:6px}.fishing-mobile-actions button{padding:14px 4px;border:1px solid #1689ff;border-radius:4px;background:#1682ec;color:white;font-size:10px;font-weight:800}.fishing-mobile-actions button:last-child{border-color:#3d7845;background:#203e30;color:#a0ef7c}.fishing-mobile-actions button:disabled{opacity:.5}}
.fishing-viewport{position:relative;width:100%;min-width:0;aspect-ratio:900/620;min-height:360px;max-height:560px;overflow:hidden;border:1px solid #294457;border-radius:7px;background:#102b40;isolation:isolate;contain:paint;container-type:inline-size}
.fishing-world{position:absolute;inset:0;width:100%;height:200%;will-change:transform;transform:translate3d(0,0,0)}
.fishing-surface,.fishing-underwater{position:relative;width:100%;height:50%;overflow:hidden}.fishing-surface{background:#102332}.surface-art,.under-environment{position:absolute;inset:0;width:100%;height:100%;stroke:none;stroke-width:0;fill:none}
.surface-rod{transform-origin:701px 359px}.surface-ripple{transform-origin:450px 399px;animation:fishing-ripple 3s ease-out infinite}.surface-line{transform-origin:461px 204px}
[data-phase="casting"] .surface-rod{animation:fishing-cast .4s ease-in-out}[data-phase="casting"] .surface-line{animation:fishing-line .4s ease-in-out}
.fishing-underwater{background:linear-gradient(#123f57,#102c42 48%,#0a1d2c)}.under-rays{position:absolute;inset:0;background:repeating-linear-gradient(108deg,transparent 0 12%,#7bd9ec06 13%,transparent 19%);transform-origin:top;animation:under-light 12s ease-in-out infinite alternate;pointer-events:none}
.under-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.under-particles i{position:absolute;left:var(--x);bottom:-5px;width:3px;height:3px;border:1px solid #8ed9e957;border-radius:50%;animation:under-bubble var(--duration) var(--delay) linear infinite}
.ambient-school{position:absolute;inset:0}.ambient-fish{position:absolute;left:-25%;top:var(--lane);width:var(--size);height:15%;opacity:.76;animation:fish-swim var(--swim) var(--start) linear infinite;will-change:transform}.ambient-fish:nth-child(even){animation-direction:reverse}.ambient-fish:nth-child(even) .fish-image{scale:-1 1}
.fish-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.fish-minnow{filter:saturate(.45) brightness(.86)}.fish-blue-perch{filter:hue-rotate(12deg) brightness(1.07)}.fish-arctic-pike{filter:brightness(1.2) saturate(.7)}.fish-frostfish{filter:saturate(.55) brightness(1.13)}
.ambient-fish>b{position:absolute;top:94%;left:0;right:0;text-align:center;font-size:clamp(9px,1vw,13px);line-height:1;font-weight:800;color:#b5d9e8;font-variant-numeric:tabular-nums}
.under-hook{position:absolute;left:50%;top:0;width:2px;height:43%;background:#c7e3ea;z-index:3;transform-origin:top;will-change:height}.under-hook svg{position:absolute;width:25px;height:38px;left:-12px;bottom:-30px;fill:none;stroke:none;stroke-width:0;overflow:visible}
.target-fish{position:absolute;left:-18%;top:65%;width:22%;height:16%;transform:translate(-50%,-50%);z-index:4;will-change:left,top}.target-fish .fish-image{transform:rotate(var(--tilt,0deg));transform-origin:85% 50%}.target-fish>b{position:absolute;left:0;right:0;top:-14px;text-align:center;font-size:15px;line-height:1;font-weight:800;color:#d4f2ff;font-variant-numeric:tabular-nums}
.target-fish{height:auto}.target-fish .fish-image{height:auto}
.ambient-fish{height:10%}
.ambient-school{transition:opacity .3s ease}[data-phase="approaching"] .ambient-school,[data-phase="bite"] .ambient-school,[data-phase="reeling"] .ambient-school{opacity:.55}
.surface-catch{position:absolute;width:29%;height:24%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-15deg);z-index:3;pointer-events:none}
[data-phase="landing"] .surface-catch{animation:fish-land .42s cubic-bezier(.16,1,.3,1) both}
.catch-summary{position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 21px;min-width:140px;border:2px solid #4c95bd;border-radius:6px;background:#111e2c;color:#b6deef;z-index:4}.catch-summary>span{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#83a9c0;font-weight:800}.catch-summary>strong{font-size:26px;line-height:1.1;letter-spacing:-.5px}.catch-summary>b{padding-top:7px;border-top:1px solid #31475b;font-size:15px;min-width:85px;text-align:center;font-variant-numeric:tabular-nums}.catch-summary.positive{border-color:#60df34;color:#73ef41}.catch-summary.positive>span{color:#9ed3ab}
.fishing-skip{position:absolute;right:13px;bottom:12px;z-index:8;padding:8px 11px;border:1px solid #38627b;border-radius:4px;background:#10283be8;color:#b1cbdc;font-size:9px;cursor:pointer}
.fish-legend{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin-top:15px}.fish-legend>span{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:6px 2px 9px;background:#132b3d;border:1px solid #244357;border-radius:4px}.fish-legend .fish-image{width:46px;height:28px;max-width:95%}.fish-legend b{font-size:9px;color:#98bdd4;font-variant-numeric:tabular-nums}
#fishing-status{min-height:37px;padding-top:13px;color:#87a8c3;font-size:9px;line-height:1.5;text-align:center}.fishing-rules-table{display:flex;flex-direction:column;border:1px solid #29475d;border-radius:5px;margin:20px 0;overflow:hidden}.fishing-rules-table>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:4px;padding:8px 5px;font-size:10px;color:#9cb9cd;border-bottom:1px solid #233b50}.fishing-rules-table b{font-size:9px;color:#d0e5f0}.fishing-rules-table>div:last-child{border-bottom:0}
@keyframes fish-swim{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(140cqw,-50%,0)}}
@keyframes under-bubble{to{transform:translate(12px,-600px);opacity:0}}
@keyframes under-light{to{transform:skewX(7deg);opacity:.55}}
@keyframes fishing-ripple{from{opacity:.7;transform:scale(.65)}to{opacity:0;transform:scale(1.55)}}
@keyframes fishing-cast{0%,100%{transform:rotate(0)}45%{transform:rotate(13deg)}}
@keyframes fishing-line{0%{opacity:0;transform:scaleY(.2)}100%{opacity:1;transform:scaleY(1)}}
@keyframes fish-land{0%{opacity:0;transform:translate(-50%,30%) rotate(20deg) scale(.6)}70%{opacity:1;transform:translate(-50%,-65%) rotate(-20deg) scale(1.05)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-15deg) scale(1)}}
@media(max-width:900px){.fishing-panel{padding-top:20px}.fishing-panel .manual-badge{margin-bottom:20px}.fishing-panel .current-return{margin-top:18px}.fishing-viewport{min-height:350px}.fish-legend .fish-image{height:25px}}
@media(max-width:650px){.fishing-stage{padding:16px 10px}.fishing-viewport{aspect-ratio:4/5;min-height:350px;max-height:450px}.ambient-fish{width:calc(var(--size)*1.2);height:13%}.ambient-fish>b{font-size:9px}.target-fish{width:26%;height:15%}.target-fish>b{font-size:12px;top:-12px}.under-hook svg{width:21px;height:32px;left:-10px;bottom:-25px}.surface-catch{width:38%;height:24%}.catch-summary{top:76%;padding:11px 15px;gap:6px;min-width:120px}.catch-summary>strong{font-size:23px}.catch-summary>b{font-size:13px}.catch-summary>span{font-size:7px}.fish-legend{gap:3px;margin-top:11px}.fish-legend>span{padding:4px 1px 7px}.fish-legend .fish-image{height:21px}.fish-legend b{font-size:7px}.fishing-skip{font-size:8px;right:8px;bottom:8px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.fishing-viewport *{animation:none!important}.under-particles{display:none}}
@media(max-width:650px){.target-fish{height:auto}.ambient-fish{height:10%}}