#mini-igra-pecanje-page{min-height:100vh;padding-bottom:4rem;}#mini-igra-pecanje-page .page-header{text-align:center;margin-bottom:2rem;}#mini-igra-pecanje-page .page-title{font-size:clamp(2rem,5vw,3rem);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5rem;}#mini-igra-pecanje-page .page-subtitle{color:rgba(255,255,255,0.7);font-size:1.1rem;}.fishing-game{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:var(--glass-shadow);max-width:800px;margin:0 auto 2rem;}.water-scene{position:relative;width:100%;aspect-ratio:400 / 220;background:linear-gradient(180deg,#87a96b 0%,#3d6b5c 35%,#2a4d42 60%,#1a3a30 100%);overflow:hidden;touch-action:manipulation;user-select:none;}.fishing-svg{width:100%;height:100%;display:block;}.wave-line{animation:waveFlow 3s ease-in-out infinite;will-change:transform;}.wave1{animation-delay:0s;}.wave2{animation-delay:0.5s;}@keyframes waveFlow{0%,100%{transform:translateX(0);}50%{transform:translateX(10px);}}.bubble{animation:rise 15s linear infinite;will-change:transform;}.b1{animation-delay:0s;}.b2{animation-delay:2s;}.b3{animation-delay:4s;}.b4{animation-delay:6s;}.fishing-rod-group{transform-origin:40px 100px;transition:transform 0.3s ease-out;will-change:transform;}.fishing-rod-group.casting{animation:castRod 0.6s ease-out;}.rod-with-hook{opacity:1;transition:opacity 0.4s ease-out;}.fishing-rod-group.rod-sunk .rod-with-hook,.fishing-rod-group.rod-shaking .rod-with-hook,.fishing-rod-group.rod-reeling .rod-with-hook,.fishing-rod-group.rod-waiting .rod-with-hook{opacity:0;}.fishing-rod-group.rod-sunk{transform:rotate(8deg);}.fishing-rod-group.rod-shaking{animation:shakeRod 0.15s ease-in-out infinite;}.fishing-rod-group.rod-reeling{animation:reelPulse 0.5s ease-in-out infinite;}@keyframes castRod{0%{transform:rotate(0deg);}30%{transform:rotate(-15deg);}60%{transform:rotate(12deg);}100%{transform:rotate(8deg);}}.ripple-circle{transform-origin:302px 85px;animation:rippleExpand 2s infinite cubic-bezier(0,0,0.2,1);will-change:transform,opacity;}.r1{animation-delay:0s;}.r2{animation-delay:0.6s;}.r3{animation-delay:1.2s;}@keyframes rippleExpand{0%{transform:scale(0.1);opacity:0.8;stroke-width:1.5;}100%{transform:scale(4);opacity:0;stroke-width:0.5;}}@keyframes shakeRod{0%,100%{transform:rotate(6deg) translateX(0);}25%{transform:rotate(8deg) translateX(2px);}50%{transform:rotate(10deg) translateX(0);}75%{transform:rotate(7deg) translateX(-2px);}}@keyframes reelPulse{0%,100%{transform:rotate(8deg);}50%{transform:rotate(5deg);}}.float-group{opacity:0;transition:opacity 0.3s ease;}.float-group.floating{animation:bobFloat 2s ease-in-out infinite;}.float-group.sinking{animation:sinkFloat 0.3s ease-in forwards;}@keyframes bobFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}@keyframes sinkFloat{0%{transform:translateY(0);}100%{transform:translateY(15px);}}.splash-group{opacity:0;transform:scale(0.5);transition:all 0.3s ease-out;}.splash-group.active{opacity:1;transform:scale(1);animation:splashRipple 0.5s ease-out forwards;}@keyframes splashRipple{0%{opacity:1;transform:scale(0.5);}100%{opacity:0;transform:scale(1.5);}}.game-status{padding:1rem;text-align:center;min-height:3rem;display:flex;align-items:center;justify-content:center;}.status-text{font-size:1.1rem;font-weight:600;color:var(--foam);transition:color 0.3s ease;}.game-btn{display:flex;align-items:center;justify-content:center;touch-action:manipulation;gap:0.75rem;width:calc(100% - 2rem);margin:0 1rem 1rem;padding:1rem 2rem;font-size:1.25rem;font-weight:700;color:var(--deep-water);background:var(--gradient-primary);border:none;border-radius:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(var(--shimmer-rgb),0.3);}.game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--shimmer-rgb),0.5);}.game-btn:active:not(:disabled){transform:translateY(0);}.game-btn:disabled{opacity:0.6;cursor:not-allowed;}.game-btn.urgent{animation:urgentPulse 0.5s ease-in-out infinite;background:var(--gradient-tertiary);}@keyframes urgentPulse{0%,100%{transform:scale(1);box-shadow:0 4px 20px rgba(255,107,107,0.4);}50%{transform:scale(1.02);box-shadow:0 8px 35px rgba(255,107,107,0.6);}}.btn-icon{font-size:1.6rem;line-height:1;flex-shrink:0;}.reel-game{padding:1.5rem;background:rgba(0,0,0,0.3);border-top:1px solid var(--glass-border);touch-action:none;user-select:none;}.reel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}.reel-title{font-size:1.2rem;font-weight:700;color:var(--golden-scale);}.reel-instruction{font-size:0.9rem;color:rgba(255,255,255,0.7);}.tension-bar{position:relative;height:40px;background:rgba(0,0,0,0.4);border-radius:20px;overflow:hidden;margin-bottom:1rem;border:2px solid var(--glass-border);}.tension-zones{display:flex;height:100%;width:100%;}.zone{flex:none;transition:width 0.3s ease,opacity 0.2s ease;}.zone-danger-low,.zone-danger-high{background:linear-gradient(90deg,rgba(239,68,68,0.8),rgba(239,68,68,0.4));}.zone-danger-high{background:linear-gradient(90deg,rgba(239,68,68,0.4),rgba(239,68,68,0.8));}.zone-ok-low,.zone-ok-high{background:rgba(245,158,11,0.5);}.zone-perfect{background:linear-gradient(90deg,rgba(16,185,129,0.6),rgba(16,185,129,0.8),rgba(16,185,129,0.6));}.tension-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);width:8px;height:32px;background:var(--foam);border-radius:4px;box-shadow:0 0 10px rgba(255,255,255,0.5);will-change:left,transform;}.tension-indicator.perfect{background:var(--success);box-shadow:0 0 15px rgba(16,185,129,0.8);}.tension-indicator.ok{background:var(--golden-scale);box-shadow:0 0 15px rgba(245,158,11,0.8);}.tension-indicator.danger{background:var(--coral);box-shadow:0 0 15px rgba(239,68,68,0.8);}.reel-progress{height:12px;background:rgba(0,0,0,0.4);border-radius:6px;overflow:hidden;margin-bottom:0.75rem;}.progress-bar{height:100%;width:0;background:var(--gradient-primary);border-radius:6px;transition:width 0.1s linear;}@media (min-width:769px){.progress-bar{height:100% !important;}}.reel-hint{text-align:center;font-size:0.85rem;color:rgba(255,255,255,0.6);}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;background:rgba(0,0,0,0.2);border-top:1px solid var(--glass-border);}.stat{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.95rem;color:rgba(255,255,255,0.8);}.stat-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:24px;line-height:1;}.fish-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,0.8);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease;will-change:opacity;}@media (max-width:768px){.fish-modal{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}}.fish-modal.active{opacity:1;visibility:visible;pointer-events:auto;}.fish-modal-content{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;background:linear-gradient(180deg,rgba(var(--mid-water-rgb),0.95) 0%,rgba(var(--deep-water-rgb),0.98) 100%);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow-hover);transform:scale(0.9) translateY(20px);transition:transform 0.3s ease;}.fish-modal-content::-webkit-scrollbar{width:0;height:0;display:none;}.fish-modal.active .fish-modal-content{transform:scale(1) translateY(0);}.fish-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border);}.catch-badge{font-size:1.25rem;font-weight:700;color:var(--golden-scale);}.close-modal{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:rgba(255,255,255,0.7);font-size:1.25rem;cursor:pointer;transition:all 0.2s ease;}.close-modal:hover{background:rgba(255,255,255,0.2);color:var(--foam);}.fish-modal .fish-display{padding:1.25rem 1.5rem 1rem;display:flex;justify-content:center;align-items:center;min-height:clamp(180px,32vw,240px);position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(255,255,255,0.05) 0%,transparent 70%);transition:min-height 0.26s ease,padding 0.26s ease;}.fish-modal.decision-release .fish-display{overflow:visible;}.fish-modal.image-loading .fish-display::after{content:'';position:absolute;width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,0.16);border-top-color:rgba(var(--shimmer-rgb),0.95);animation:fishImgSpinner 0.8s linear infinite;}.fish-modal .fish-picture{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;max-height:clamp(160px,30vw,230px);overflow:hidden;transition:max-height 0.26s ease,opacity 0.2s ease;}.fish-modal .fish-image{width:auto;max-width:100%;height:auto;max-height:clamp(160px,30vw,220px);object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.4));opacity:0;transform:translateY(6px) scale(0.98);transition:opacity 0.22s ease,transform 0.22s ease;}.fish-modal.decision-animating .fish-image,.fish-modal.decision-release .fish-image{filter:none !important;}.fish-modal .fish-image.ready{opacity:1;transform:translateY(0) scale(1);}.decision-fx{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;}.decision-bubble{position:absolute;bottom:32%;width:var(--bubble-size,10px);height:var(--bubble-size,10px);border-radius:999px;background:rgba(var(--shimmer-rgb),0.65);box-shadow:0 0 10px rgba(var(--shimmer-rgb),0.5);opacity:0;transform:translate3d(0,0,0);animation:decisionBubbleTrail var(--bubble-duration,0.8s) ease-out forwards;}.fish-modal.decision-release .fish-image.ready{animation:releaseFishSwimAway 1.1s cubic-bezier(0.18,0.78,0.3,1) forwards;}.fish-modal.decision-release-complete .fish-image.ready{transform:translateX(-165%) translateY(-10px) scale(0.88) rotate(-8deg);opacity:0;}.fish-modal.decision-release-complete .fish-display{min-height:clamp(180px,32vw,240px);padding:1.25rem 1.5rem 1rem;}.fish-modal.decision-release-complete .fish-picture{max-height:clamp(160px,30vw,230px);opacity:0;}.fish-modal.decision-keep.decision-legal .fish-image.ready{animation:keepFishShake 0.38s ease-out;}.fish-net-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transform:translateY(-110%);background-image:repeating-linear-gradient( 52deg,transparent,transparent 10px,rgba(160,130,80,0.45) 10px,rgba(160,130,80,0.45) 12px ),repeating-linear-gradient( -52deg,transparent,transparent 10px,rgba(160,130,80,0.45) 10px,rgba(160,130,80,0.45) 12px );mask-image:radial-gradient(ellipse 80% 85% at 50% 50%,black 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 85% at 50% 50%,black 55%,transparent 100%);}.fish-net-overlay.active{animation:netDrop 0.7s cubic-bezier(0.22,1,0.36,1) forwards;}.fish-modal .fish-info{padding:0 1.5rem 1.5rem;}.fish-modal .fish-title{font-size:1.5rem;font-weight:700;color:var(--foam);margin-bottom:0.25rem;text-align:center;}.fish-modal .fish-latin{font-size:0.95rem;font-style:italic;color:rgba(255,255,255,0.6);text-align:center;margin-bottom:1.25rem;}.fish-details{margin-bottom:1rem;}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background:rgba(255,255,255,0.05);border-radius:12px;}.detail-row.highlight{background:rgba(var(--shimmer-rgb),0.15);border:1px solid rgba(var(--shimmer-rgb),0.3);}.detail-label{font-size:0.9rem;color:rgba(255,255,255,0.7);}.detail-value{font-size:1rem;font-weight:600;color:var(--foam);}.caught-size{font-size:1.25rem;color:var(--shimmer);}.size-warning,.lovostaj-warning{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;margin-bottom:1rem;border-radius:12px;font-size:0.9rem;font-weight:500;}.size-warning{background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.4);color:#fbbf24;}.lovostaj-warning{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.4);color:#f87171;}.warning-icon{font-size:1.25rem;}.decision-container{min-height:146px;margin-bottom:1.5rem;display:flex;flex-direction:column;justify-content:center;}.decision-area{display:flex;flex-direction:column;gap:0.75rem;}.decision-question{text-align:center;font-size:1rem;font-weight:600;color:rgba(255,255,255,0.8);margin-bottom:0.5rem;}.decision-btns{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}.decision-area.needs-choice .decision-question{color:#fca5a5;animation:decisionNeedChoiceShake 0.42s ease-in-out 2;}.decision-area.needs-choice .decision-btns{border-radius:14px;box-shadow:0 0 0 1px rgba(248,113,113,0.52),0 0 16px rgba(239,68,68,0.24);}.decision-area.needs-choice .decision-btn{filter:saturate(1.06);}.decision-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all 0.2s ease;}.decision-btn:disabled{opacity:0.5;cursor:not-allowed;}.decision-btn:focus-visible,.close-modal:focus-visible,.play-again-btn:focus-visible,.encyclopedia-link:focus-visible,.fish-learn-close:focus-visible,.fish-learn-back:focus-visible{outline:3px solid rgba(var(--shimmer-rgb),0.75);outline-offset:2px;}.keep-btn{background:linear-gradient(135deg,rgba(255,255,255,0.13) 0%,rgba(255,255,255,0.08) 100%);color:rgba(248,249,250,0.95);border:1px solid rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);}[data-theme="river"] .keep-btn{background:linear-gradient(135deg,rgba(83,211,161,0.18) 0%,rgba(31,71,50,0.75) 100%);color:rgba(248,249,250,0.96);border:1px solid rgba(83,211,161,0.28);}[data-theme="light"] .keep-btn{background:linear-gradient(135deg,rgba(30,41,59,0.1) 0%,rgba(30,41,59,0.06) 100%);color:#1e293b;border:1px solid rgba(30,41,59,0.2);}.keep-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px rgba(6,13,28,0.35),inset 0 1px 0 rgba(255,255,255,0.12);}.release-btn{background:linear-gradient(135deg,#5fd5bf 0%,#48c5a4 100%);color:var(--deep-water);border:1px solid rgba(95,213,191,0.35);box-shadow:0 4px 16px rgba(var(--shimmer-rgb),0.22);}.release-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--shimmer-rgb),0.3);}.decision-result{display:none;flex-direction:column;align-items:stretch;justify-content:center;gap:0.45rem;padding:1rem 0.9rem;border-radius:12px;font-weight:600;text-align:left;width:100%;min-height:112px;}.result-kicker{align-self:flex-start;display:inline-flex;align-items:center;padding:0.2rem 0.58rem;border-radius:999px;letter-spacing:0.05em;text-transform:uppercase;font-size:0.68rem;font-weight:700;color:rgba(255,255,255,0.92);background:rgba(255,255,255,0.14);}.result-message{display:flex;align-items:center;justify-content:center;gap:0.5rem;}.decision-result.success{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.4);color:#34d399;}.decision-result.error{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.4);color:#f87171;}.result-text{display:block;display:-webkit-box;color:var(--foam);font-size:1rem;font-weight:700;line-height:1.28;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.result-reason{display:block;display:-webkit-box;font-size:0.84rem;line-height:1.35;color:rgba(248,249,250,0.82);min-height:1.2em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.decision-result.release_forced .result-kicker{background:rgba(52,211,153,0.28);}.decision-result.release_voluntary .result-kicker{background:rgba(52,211,153,0.18);}.decision-result.keep_legal .result-kicker{background:rgba(251,191,36,0.24);}@keyframes fishImgSpinner{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes decisionBubbleTrail{0%{transform:translate3d(0,8px,0) scale(0.65);opacity:0;}20%{opacity:0.95;}100%{transform:translate3d(var(--bubble-drift-x,0),calc(var(--bubble-rise,86px) * -1),0) scale(var(--bubble-scale,1.06));opacity:0;}}@keyframes releaseFishSwimAway{0%{transform:translateX(0) translateY(0) rotate(0deg) scale(1);opacity:1;}12%{transform:translateX(-8%) translateY(-4px) rotate(-2.1deg) scale(1.005);}24%{transform:translateX(-20%) translateY(3px) rotate(1.5deg) scale(1.01);}37%{transform:translateX(-35%) translateY(-5px) rotate(-2.3deg) scale(1.01);}51%{transform:translateX(-53%) translateY(4px) rotate(1.8deg) scale(1.008);}67%{transform:translateX(-80%) translateY(-4px) rotate(-2deg) scale(0.99);}82%{transform:translateX(-116%) translateY(2px) rotate(1.2deg) scale(0.95);}100%{transform:translateX(-165%) translateY(-10px) rotate(-6deg) scale(0.88);opacity:0;}}@keyframes keepFishShake{0%{transform:translateX(0) rotate(0deg) scale(1);}16%{transform:translateX(-6px) rotate(-2.4deg) scale(1.01);}32%{transform:translateX(5px) rotate(2.1deg) scale(1.01);}48%{transform:translateX(-4px) rotate(-1.8deg) scale(1.005);}64%{transform:translateX(3px) rotate(1.5deg) scale(1.005);}82%{transform:translateX(-2px) rotate(-1deg) scale(1);}100%{transform:translateX(0) rotate(0deg) scale(1);}}@keyframes netDrop{0%{opacity:0;transform:translateY(-110%) scaleX(0.6);}25%{opacity:0.7;}65%{transform:translateY(4%) scaleX(1.03);opacity:0.95;}80%{transform:translateY(-2%) scaleX(0.99);}100%{opacity:1;transform:translateY(0) scaleX(1);}}@keyframes decisionNeedChoiceShake{0%,100%{transform:translateX(0);}20%{transform:translateX(-4px);}40%{transform:translateX(4px);}60%{transform:translateX(-3px);}80%{transform:translateX(3px);}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;}.wave-line,.scene-bubble,.ripple-circle,.edu-card,.jail-icon{animation:none !important;}.slash-container.active .slash-line,.slash-container.active .slash-text{animation:none !important;}.fish-modal.decision-release .fish-image.ready{animation:reducedRelease 0.7s ease-out forwards !important;}.fish-modal.decision-keep.decision-legal .fish-image.ready{animation:none !important;}.fish-net-overlay.active{animation:none !important;opacity:1 !important;transform:translateY(0) scaleX(1) !important;}.decision-bubble{animation:none !important;}.fish-modal,.fish-modal-content,.jail-modal,.jail-modal-content,.congrats-modal,.congrats-modal-content,.splash-group,.rod-with-hook,.close-modal,.decision-btn,.play-again-btn,.encyclopedia-link,.fish-learn-modal{transition-duration:0.05s !important;}}@keyframes reducedRelease{0%{opacity:1;transform:translateX(0) scale(1);}100%{opacity:0;transform:translateX(-80%) scale(0.9);}}.play-again-inline{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.875rem 1.5rem;font-size:1rem;font-weight:600;color:var(--deep-water);background:linear-gradient(135deg,var(--shimmer) 0%,var(--golden-scale) 100%);border:none;border-radius:12px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(var(--shimmer-rgb),0.3);}.play-again-inline:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--shimmer-rgb),0.4);}.play-again-inline:active{transform:translateY(0);}@media (max-width:768px){.play-again-desktop{display:none !important;}}@media (min-width:769px){.play-again-inline{display:none !important;}}.encyclopedia-link{display:block;text-align:center;padding:0.75rem;margin-bottom:1rem;color:var(--shimmer);font-size:0.95rem;text-decoration:none;background:transparent;border:1px solid transparent;cursor:pointer;border-radius:8px;transition:all 0.2s ease;}.encyclopedia-link:hover{background:rgba(var(--shimmer-rgb),0.1);color:var(--foam);}.fish-learn-modal{position:absolute;inset:1rem;background:linear-gradient(180deg,rgba(var(--deep-water-rgb),0.98) 0%,rgba(var(--mid-water-rgb),0.98) 100%);border:1px solid rgba(var(--shimmer-rgb),0.25);border-radius:18px;padding:1rem;display:none;flex-direction:column;gap:1rem;z-index:3;box-shadow:0 20px 40px rgba(0,0,0,0.35);overflow-y:auto;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}@media (max-width:768px){.fish-learn-modal{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}}.fish-learn-modal.active{display:flex;}.fish-learn-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;}.fish-learn-title{margin:0;font-size:1.2rem;font-weight:700;color:var(--foam);}.fish-learn-close{width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);font-size:1.2rem;cursor:pointer;transition:all 0.2s ease;}.fish-learn-close:hover{background:rgba(255,255,255,0.2);color:var(--foam);}.fish-learn-body{display:flex;flex-direction:column;gap:0.85rem;}.fish-learn-name{margin:0;font-size:1.1rem;font-weight:700;color:var(--foam);}.fish-learn-latin{margin:0;font-size:0.95rem;color:rgba(248,249,250,0.7);font-style:italic;}.fish-learn-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.75rem;}.fish-learn-meta-item{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0.6rem 0.75rem;}.fish-learn-label{display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:rgba(248,249,250,0.5);margin-bottom:0.3rem;}.fish-learn-value{font-size:0.95rem;color:var(--foam);}.fish-learn-section{display:flex;flex-direction:column;gap:0.4rem;}.fish-learn-heading{margin:0;font-size:0.95rem;color:var(--shimmer);text-transform:uppercase;letter-spacing:0.05em;}.fish-learn-text{margin:0;color:rgba(248,249,250,0.7);line-height:1.5;}.fish-learn-back{margin-top:auto;padding:0.85rem 1rem;border-radius:12px;border:none;background:rgba(var(--shimmer-rgb),0.2);color:var(--foam);font-weight:700;cursor:pointer;transition:all 0.2s ease;}.fish-learn-back:hover{background:rgba(var(--shimmer-rgb),0.3);}.play-again-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;padding:1rem;font-size:1.1rem;font-weight:700;color:var(--deep-water);background:var(--gradient-primary);border:none;border-radius:14px;cursor:pointer;transition:all 0.2s ease;}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--shimmer-rgb),0.4);}.jail-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,0.9);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;will-change:opacity;}@media (max-width:768px){.jail-modal{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}}.jail-modal.active{opacity:1;visibility:visible;}.jail-modal-content{width:100%;max-width:400px;padding:2rem;background:linear-gradient(180deg,rgba(180,30,30,0.95) 0%,rgba(80,15,15,0.98) 100%);border:2px solid rgba(255,100,100,0.4);border-radius:24px;text-align:center;box-shadow:0 0 60px rgba(255,50,50,0.3);transform:scale(0.9);transition:transform 0.3s ease;position:relative;z-index:20;}.jail-modal.active .jail-modal-content{transform:scale(1);animation:jailShake 0.5s ease-out;}@keyframes jailShake{0%,100%{transform:scale(1) rotate(0);}20%{transform:scale(1.02) rotate(-1deg);}40%{transform:scale(1.02) rotate(1deg);}60%{transform:scale(1.01) rotate(-0.5deg);}80%{transform:scale(1.01) rotate(0.5deg);}}.jail-icon{font-size:4rem;margin-bottom:1rem;animation:pulseIcon 1s ease-in-out infinite;}@keyframes pulseIcon{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}.jail-title{font-size:2rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,0.5);}.jail-reason{font-size:1.1rem;color:rgba(255,255,255,0.9);margin-bottom:1.5rem;line-height:1.5;}.jail-penalty{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem;background:rgba(0,0,0,0.3);border-radius:12px;margin-bottom:1rem;}.penalty-icon{font-size:1.5rem;}.penalty-text{font-size:0.95rem;font-weight:600;color:#fca5a5;}.jail-message{font-size:0.9rem;color:rgba(255,255,255,0.7);margin-bottom:1.25rem;line-height:1.5;}.jail-link{display:inline-block;padding:0.5rem 1rem;margin-bottom:1.5rem;color:#93c5fd;font-size:0.9rem;text-decoration:none;border-radius:8px;transition:all 0.2s ease;}.jail-link:hover{background:rgba(255,255,255,0.1);color:#bfdbfe;}.jail-close-btn{width:100%;padding:1rem;font-size:1rem;font-weight:700;color:#450a0a;background:linear-gradient(135deg,#fca5a5 0%,#f87171 100%);border:none;border-radius:12px;cursor:pointer;transition:all 0.2s ease;}.jail-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(248,113,113,0.4);}.jail-bars{position:absolute;inset:0;pointer-events:none;z-index:5;background-image:repeating-linear-gradient( 90deg,transparent,transparent 45px,#333 45px,#444 47px,#111 50px,#444 53px,#333 55px,transparent 55px );background-size:60px 100%;opacity:0.7;box-shadow:inset 0 0 100px rgba(0,0,0,0.5);animation:barsIn 0.6s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}.jail-bars::after{content:'';position:absolute;inset:0;background-image:linear-gradient( 0deg,transparent 20%,rgba(50,50,50,0.8) 20%,rgba(20,20,20,0.9) 21%,rgba(50,50,50,0.8) 22%,transparent 22%,transparent 78%,rgba(50,50,50,0.8) 78%,rgba(20,20,20,0.9) 79%,rgba(50,50,50,0.8) 80%,transparent 80% );opacity:0.5;}@keyframes barsIn{from{opacity:0;transform:scale(1.2);}to{opacity:0.7;transform:scale(1);}}.congrats-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,0.85);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;will-change:opacity;}@media (max-width:768px){.congrats-modal{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}}.congrats-modal.active{opacity:1;visibility:visible;}.congrats-modal-content{width:100%;max-width:420px;padding:2rem;background:linear-gradient(180deg,rgba(16,185,129,0.95) 0%,rgba(8,78,65,0.98) 100%);border:2px solid rgba(110,231,183,0.4);border-radius:24px;text-align:center;box-shadow:0 0 60px rgba(16,185,129,0.3);transform:scale(0.9);transition:transform 0.3s ease;}.congrats-modal.active .congrats-modal-content{transform:scale(1);}.congrats-icon{font-size:3.5rem;margin-bottom:0.8rem;}.congrats-title{font-size:1.8rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:0.75rem;}.congrats-text{font-size:1.05rem;color:rgba(255,255,255,0.9);margin-bottom:1.5rem;line-height:1.5;}.congrats-close-btn{width:100%;padding:0.9rem 1rem;border-radius:14px;border:none;background:linear-gradient(90deg,rgba(16,185,129,0.8),rgba(5,150,105,0.9));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;}.congrats-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,0.35);}.caught-gallery{display:none;max-width:600px;margin:0 auto 2rem;padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;}.caught-gallery h3{font-size:1.1rem;font-weight:600;color:var(--golden-scale);margin-bottom:1rem;text-align:center;}.gallery-grid{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;}.gallery-item{display:flex;align-items:center;gap:0.4rem;padding:0.5rem 0.875rem;background:rgba(255,255,255,0.08);border:1px solid var(--glass-border);border-radius:20px;font-size:0.85rem;color:rgba(255,255,255,0.85);}.gallery-icon{font-size:1rem;display:flex;align-items:center;}.gallery-thumb{width:24px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3));}.gallery-name{font-weight:500;}.edu-section{max-width:900px;margin:0 auto;padding:0 1rem;}.edu-section h2{font-size:1.5rem;font-weight:700;color:var(--foam);text-align:center;margin-bottom:1.5rem;}.edu-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;}.edu-card{padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;text-align:center;transition:all 0.3s ease;}.edu-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-4px);}.edu-icon{font-size:2.5rem;display:block;margin-bottom:0.75rem;}.edu-card h3{font-size:1.15rem;font-weight:600;color:var(--shimmer);margin-bottom:0.5rem;}.edu-card p{font-size:0.9rem;color:rgba(255,255,255,0.7);line-height:1.5;}@media (max-width:768px){.fishing-game{position:relative;border-radius:20px;margin:0 -0.5rem 1.5rem;overflow:visible;background:linear-gradient(180deg,transparent 0%,rgba(var(--deep-water-rgb),0.6) 100%);backdrop-filter:none;border:none;box-shadow:none;padding-bottom:80px;}.water-scene{aspect-ratio:16 / 11;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 0 60px rgba(0,0,0,0.2);}.game-status{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:10;padding:0.5rem 1.25rem;min-height:auto;background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);border-radius:50px;box-shadow:0 4px 24px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);max-width:calc(100% - 24px);}.status-text{font-size:0.9rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.fishing-game .stats-bar{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;padding:0.25rem 0.5rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);border-radius:20px;grid-template-columns:none;width:max-content;max-width:calc(100% - 24px);}.fishing-game .stat{background:none;border:none;border-radius:0;padding:0.2rem 0.6rem;font-size:0.78rem;gap:0.3rem;box-shadow:none;justify-content:center;color:rgba(255,255,255,0.9);font-variant-numeric:tabular-nums;position:relative;}.fishing-game .stat+.stat::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,0.2);}.fishing-game .stat-icon{font-size:0.8rem;opacity:0.7;}.game-btn{position:absolute;bottom:12px;left:12px;right:12px;z-index:10;width:auto;margin:0;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient( 135deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.08) 100% );backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05) inset,inset 0 1px 0 rgba(255,255,255,0.15);text-shadow:0 1px 3px rgba(0,0,0,0.3);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);}.game-btn:active:not(:disabled){transform:scale(0.98);background:linear-gradient( 135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.04) 100% );}.game-btn:disabled{opacity:0.5;color:rgba(255,255,255,0.7);}.game-btn.urgent{background:linear-gradient( 135deg,rgba(255,100,100,0.35) 0%,rgba(255,60,60,0.2) 100% );border-color:rgba(255,120,120,0.4);animation:urgentGlow 0.6s ease-in-out infinite;backdrop-filter:none;-webkit-backdrop-filter:none;}@keyframes urgentGlow{0%,100%{transform:scale(1);box-shadow:0 8px 32px rgba(255,80,80,0.4),inset 0 1px 0 rgba(255,255,255,0.15);}50%{transform:scale(1.04);box-shadow:0 8px 48px rgba(255,80,80,0.6),inset 0 1px 0 rgba(255,255,255,0.2);}}.reel-game{position:static !important;padding:0;background:transparent;border:none;}.reel-header,.reel-instruction,.reel-hint{display:none !important;}.reel-game .tension-bar{position:absolute;bottom:12px;left:12px;right:12px;z-index:15;height:50px;background:rgba(20,20,20,0.8);border-radius:16px;border:1px solid rgba(255,255,255,0.2);margin:0;box-shadow:0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);}.tension-indicator{width:10px;height:40px;border-radius:5px;}.reel-game .reel-progress{position:absolute;top:50px;right:12px;bottom:145px;z-index:15;width:18px;height:auto !important;background:rgba(20,20,20,0.8);border-radius:9px;border:1px solid rgba(255,255,255,0.15);margin:0;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);}.reel-game .reel-progress .progress-bar{position:absolute;bottom:0;left:0;right:0;width:100% !important;height:100% !important;border-radius:9px;background:linear-gradient(0deg,rgba(16,185,129,0.9),rgba(52,211,153,0.95) );box-shadow:0 0 16px rgba(16,185,129,0.6);transform-origin:bottom;transform:scaleY(var(--progress-scale,0));will-change:transform;}}@media (max-width:480px){.fishing-game{margin:0 -0.75rem 1rem;}.water-scene{aspect-ratio:4 / 3;border-radius:16px;}.game-status{top:10px;padding:0.4rem 1rem;}.status-text{font-size:0.85rem;}.fishing-game .stats-bar{padding:0.2rem 0.4rem;}.fishing-game .stat{padding:0.18rem 0.45rem;font-size:0.72rem;}.game-btn{bottom:15px;left:10px;right:10px;padding:0.9rem 1.25rem;font-size:1rem;border-radius:14px;}.reel-game .tension-bar{bottom:15px;left:10px;right:10px;height:44px;border-radius:14px;}.tension-indicator{width:8px;height:34px;}.reel-game .reel-progress{top:45px;right:10px;bottom:130px;width:14px;border-radius:7px;}.reel-game .reel-progress .progress-bar{border-radius:7px;}}@media (max-width:768px){.fish-modal-content{border-radius:24px 24px 0 0;max-height:85vh;margin-top:auto;}.fish-modal.active .fish-modal-content{transform:translateY(0);}.decision-container{min-height:142px;margin-bottom:0;}.decision-result{flex-direction:column;gap:0.5rem;padding:1rem;border-radius:16px;min-height:108px;}.result-text{font-size:0.94rem;line-height:1.26;}.result-reason{font-size:0.8rem;}.decision-result .result-message{font-size:0.95rem;}.decision-result .play-again-inline{margin-top:0.25rem;padding:0.75rem 1.25rem;font-size:0.95rem;border-radius:12px;}.fish-title{font-size:1.25rem;}.fish-modal .fish-info{padding:0 1.25rem 1rem;}.fish-modal .fish-display{padding:1rem 1.25rem 0.75rem;}.fish-modal.decision-release .fish-display{overflow:visible;}.decision-btns{grid-template-columns:1fr 1fr;gap:0.6rem;}.decision-btn{padding:0.875rem 0.5rem;font-size:0.95rem;border-radius:12px;}.jail-modal{align-items:flex-end;}.jail-modal-content{padding:1.25rem 1.25rem 0;border-radius:24px 24px 0 0;margin-top:auto;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;}.jail-icon{font-size:2rem;margin-bottom:0.5rem;}.jail-title{font-size:1.2rem;margin-bottom:0.5rem;}.jail-penalty{padding:0.6rem;margin-bottom:0.5rem;}.jail-message{font-size:0.82rem;margin-bottom:0.75rem;}.jail-link{margin-bottom:0.75rem;font-size:0.82rem;}.jail-close-btn{position:sticky;bottom:0;flex-shrink:0;margin-top:auto;padding:0.875rem;z-index:1;}.edu-cards{grid-template-columns:1fr;}}@media (min-width:768px){.fishing-game{border-radius:28px;}.game-status{padding:1.25rem;}.status-text{font-size:1.2rem;}.game-btn{font-size:1.35rem;padding:1.125rem 2.5rem;margin:0 1.5rem 1.5rem;width:calc(100% - 3rem);}.stats-bar{padding:1.25rem 2rem;}.stat{font-size:1rem;}}.slash-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-max);display:none;overflow:hidden;}.slash-container.active{display:block;}.slash-line{position:absolute;top:50%;left:50%;width:300%;height:300px;background:var(--gradient-primary);transform:translate(-50%,-50%) rotate(-15deg) scaleX(0);transform-origin:center;box-shadow:0 0 50px rgba(0,0,0,0.5);opacity:0.9;}.slash-container.active .slash-line{animation:slashIn 0.4s cubic-bezier(0.16,1,0.3,1) forwards,slashOut 0.3s cubic-bezier(0.7,0,0.84,0) 1.2s forwards;}.slash-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg) scale(0);font-size:5rem;font-weight:900;font-style:italic;color:white;text-shadow:4px 4px 0px #000;letter-spacing:5px;text-transform:uppercase;white-space:nowrap;opacity:0;}.slash-container.active .slash-text{animation:textPop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.1s forwards,textFade 0.2s ease-in 1.3s forwards;}@keyframes slashIn{0%{transform:translate(-50%,-50%) rotate(-15deg) scaleX(0);}100%{transform:translate(-50%,-50%) rotate(-15deg) scaleX(1);}}@keyframes slashOut{0%{transform:translate(-50%,-50%) rotate(-15deg) scaleX(1);opacity:0.9;}100%{transform:translate(-50%,-50%) rotate(-15deg) scaleX(1.5);opacity:0;}}@keyframes textPop{0%{transform:translate(-50%,-50%) rotate(-15deg) scale(0) skewX(-20deg);opacity:0;}70%{transform:translate(-50%,-50%) rotate(-15deg) scale(1.2) skewX(-20deg);opacity:1;}100%{transform:translate(-50%,-50%) rotate(-15deg) scale(1) skewX(-20deg);opacity:1;}}@keyframes textFade{0%{opacity:1;transform:translate(-50%,-50%) rotate(-15deg) scale(1) skewX(-20deg);}100%{opacity:0;transform:translate(-50%,-50%) rotate(-15deg) scale(1.5) skewX(-20deg);}}@media (max-width:768px){.slash-line{height:200px;}.slash-text{font-size:3rem;}}.fishing-rod-group.rod-waiting{animation:rodBreath 3s ease-in-out infinite;}@keyframes rodBreath{0%,100%{transform:rotate(8deg);}50%{transform:rotate(6deg);}}.modal-btn:disabled,.decision-btn:disabled{opacity:0.5;pointer-events:none;cursor:default;}.game-difficulty-selector{display:flex;flex-direction:column;align-items:center;margin:0 auto 1.5rem auto;max-width:32rem;}.difficulty-label-wrapper{margin-bottom:0.75rem;text-align:center;}.difficulty-label{font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px;}.difficulty-buttons{display:flex;gap:0.3rem;background:rgba(255,255,255,0.05);padding:0.3rem;border-radius:12px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}.difficulty-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.4rem;padding:0.8rem 0.6rem;border:none;background:transparent;color:rgba(248,249,250,0.7);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:0.8rem;font-weight:600;cursor:pointer;border-radius:9px;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;}.difficulty-btn:hover:not(.active){background:rgba(255,255,255,0.1);color:var(--foam);transform:translateY(-1px);}.difficulty-btn.active{background:var(--gradient-primary);color:var(--deep-water);box-shadow:0 4px 15px rgba(var(--shimmer-rgb),0.3);}.difficulty-emoji{font-size:1.4rem;line-height:1;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);}.difficulty-btn:hover .difficulty-emoji{transform:scale(1.1);}.difficulty-btn.active .difficulty-emoji{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));}.difficulty-name{font-size:inherit;line-height:1.2;}.difficulty-btn.active::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.2) 50%,transparent 70%);opacity:0.3;pointer-events:none;}[data-theme="light"] .difficulty-buttons{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.1);}[data-theme="light"] .difficulty-btn{color:rgba(30,41,59,0.7);}[data-theme="light"] .difficulty-btn:hover:not(.active){background:rgba(0,0,0,0.08);color:#1e293b;}[data-theme="light"] .difficulty-label{color:#475569;}@media (max-width:600px){.game-difficulty-selector{display:flex;flex-direction:column;align-items:center;margin:0 auto 1.5rem auto;max-width:32rem;}.difficulty-buttons{gap:0.25rem;padding:0.25rem;}.difficulty-btn{padding:0.7rem 0.4rem;gap:0.3rem;font-size:0.75rem;}.difficulty-emoji{font-size:1.2rem;}}@media (max-width:380px){.difficulty-btn{padding:0.6rem 0.3rem;min-width:0;}.difficulty-emoji{font-size:1.1rem;}.difficulty-name{font-size:0.7rem;}}.difficulty-btn:focus-visible{outline:2px solid var(--shimmer);outline-offset:2px;}.difficulty-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none !important;}.difficulty-btn:disabled:hover{background:transparent;}.tension-zones{--danger-low-width:25%;--ok-low-width:10%;--perfect-width:30%;--ok-high-width:10%;--danger-high-width:25%;}.zone-danger-low{flex:0 0 var(--danger-low-width);}.zone-ok-low{flex:0 0 var(--ok-low-width);}.zone-perfect{flex:0 0 var(--perfect-width);}.zone-ok-high{flex:0 0 var(--ok-high-width);}.zone-danger-high{flex:0 0 var(--danger-high-width);}.game-controls-container{position:relative;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;align-items:center;}.difficulty-toggle{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.875rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:20px;color:rgba(255,255,255,0.85);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}.difficulty-toggle:hover{background:rgba(255,255,255,0.12);border-color:rgba(var(--shimmer-rgb),0.4);transform:translateY(-1px);}.difficulty-toggle-emoji{font-size:1.1rem;line-height:1;}.difficulty-toggle-text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}.difficulty-toggle-icon{font-size:0.7rem;opacity:0.6;transition:transform 0.3s ease;}.difficulty-toggle.active .difficulty-toggle-icon{transform:rotate(180deg);}.difficulty-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-10px);z-index:100;background:rgba(var(--deep-water-rgb),0.98);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;padding:0.5rem;min-width:200px;box-shadow:0 8px 32px rgba(0,0,0,0.4);opacity:0;visibility:hidden;pointer-events:none;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);}.difficulty-dropdown.show{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0);}.difficulty-dropdown-header{padding:0.75rem 1rem 0.5rem;text-align:center;font-size:0.7rem;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,0.5);text-transform:uppercase;}.difficulty-option{display:flex;align-items:center;gap:0.75rem;width:100%;padding:0.75rem 1rem;background:transparent;border:none;border-radius:10px;color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;position:relative;}.difficulty-option:hover{background:rgba(255,255,255,0.08);color:var(--foam);}.difficulty-option.active{background:rgba(var(--shimmer-rgb),0.15);color:var(--shimmer);}.difficulty-option-emoji{font-size:1.3rem;line-height:1;}.difficulty-option-text{flex:1;text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}.difficulty-option-check{opacity:0;font-size:1rem;color:var(--shimmer);transition:opacity 0.2s ease;}.difficulty-option.active .difficulty-option-check{opacity:1;}.game-btn-v2{display:flex;flex-direction:column;align-items:stretch;gap:0;width:calc(100% - 2rem);max-width:500px;margin:0 auto;padding:0;background:var(--gradient-primary);border:none;border-radius:20px;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 20px rgba(var(--shimmer-rgb),0.3);overflow:hidden;}.game-btn-v2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--shimmer-rgb),0.5);}.game-btn-v2:active:not(:disabled){transform:translateY(0);}.game-btn-v2:disabled{opacity:0.6;cursor:not-allowed;}.game-btn-v2.urgent .game-btn-content{background:var(--gradient-tertiary);animation:urgentPulse 0.5s ease-in-out infinite;}.game-btn-content{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:1.25rem 2rem;font-size:1.25rem;font-weight:700;color:var(--deep-water);transition:background 0.3s ease;}.game-btn-v2 .btn-icon{font-size:1.4rem;line-height:1;}.game-btn-v2 .btn-text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}.inline-stats{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:0.75rem 1rem;background:rgba(0,0,0,0.15);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));opacity:0;max-height:0;overflow:hidden;transition:all 0.3s ease;}.inline-stats.show{opacity:1;max-height:60px;}.inline-stat{display:flex;align-items:center;gap:0.4rem;font-size:0.9rem;font-weight:600;color:var(--deep-water);}.inline-stat-icon{font-size:1rem;line-height:1;opacity:0.9;}.status-toast{position:fixed;bottom:30%;left:50%;transform:translateX(-50%) translateY(20px);z-index:90;background:rgba(var(--deep-water-rgb),0.95);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--shimmer-rgb),0.3);border-radius:16px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:var(--foam);text-align:center;box-shadow:0 8px 32px rgba(0,0,0,0.3);opacity:0;visibility:hidden;pointer-events:none;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);max-width:80%;}.status-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}@media (min-width:769px){.game-controls-container{padding:2rem 1.5rem;}.difficulty-toggle{font-size:0.9rem;padding:0.6rem 1rem;}.game-btn-v2{max-width:600px;}.game-btn-content{font-size:1.35rem;padding:1.35rem 2.5rem;}.inline-stats{gap:2rem;padding:0.85rem 1.25rem;}.inline-stat{font-size:1rem;}.status-toast{font-size:1.1rem;padding:1.25rem 2rem;}}@media (min-width:481px) and (max-width:768px){.game-controls-container{padding:1.75rem 1.25rem;}.difficulty-dropdown{min-width:220px;}}@media (max-width:480px){.game-controls-container{padding:1.25rem 0.75rem;}.difficulty-toggle{font-size:0.8rem;padding:0.45rem 0.75rem;}.difficulty-dropdown{min-width:180px;left:auto;right:0.75rem;transform:translateY(-10px);}.difficulty-dropdown.show{transform:translateY(0);}.difficulty-option{padding:0.65rem 0.85rem;font-size:0.85rem;}.game-btn-v2{width:calc(100% - 1.5rem);border-radius:16px;}.game-btn-content{font-size:1.1rem;padding:1.1rem 1.5rem;}.inline-stats{gap:1rem;padding:0.65rem 0.85rem;}.inline-stat{font-size:0.85rem;}.status-toast{bottom:25%;font-size:0.9rem;padding:0.85rem 1.25rem;}}[data-theme="light"] .difficulty-toggle{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.12);color:#1e293b;}[data-theme="light"] .difficulty-toggle:hover{background:rgba(0,0,0,0.1);}[data-theme="light"] .difficulty-dropdown{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.15);}[data-theme="light"] .difficulty-dropdown-header{color:#64748b;}[data-theme="light"] .difficulty-option{color:#1e293b;}[data-theme="light"] .difficulty-option:hover{background:rgba(0,0,0,0.06);}[data-theme="light"] .status-toast{background:rgba(255,255,255,0.98);color:#1e293b;}.scene-bubble{animation:sceneBubbleRise 4s infinite linear;transform-origin:center;transform-box:fill-box;}.scene-bubble.b1{animation-duration:3s;animation-delay:0s;}.scene-bubble.b2{animation-duration:4s;animation-delay:1s;}.scene-bubble.b3{animation-duration:5s;animation-delay:2s;}.scene-bubble.b4{animation-duration:3.5s;animation-delay:0.5s;}@keyframes sceneBubbleRise{0%{transform:translateY(0);opacity:0;}50%{opacity:0.6;}100%{transform:translateY(-40px);opacity:0;}}