.game-container{background:linear-gradient(165deg,#e0f2f7 0,#b3e5f0 40%,#cce8ee 100%);border-radius:16px;padding:24px;margin:20px 0;border:2px solid #80c8d8;box-shadow:0 4px 16px rgba(0,60,90,.12),inset 0 1px 0 rgba(255,255,255,.6)}.fm-scoreboard{display:flex;justify-content:center;align-items:center;gap:0;background:linear-gradient(135deg,#0d3b66 0,#0a2a4a 100%);border-radius:14px;padding:18px 28px;margin-bottom:0;box-shadow:0 3px 10px rgba(10,42,74,.35),inset 0 1px 0 rgba(255,255,255,.06)}.fm-score-card{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;max-width:160px}.fm-score-emoji{font-size:22px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.fm-score-num{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-.5px}.fm-score-card:first-child .fm-score-num{color:#ffd54f;text-shadow:0 2px 6px rgba(0,0,0,.4)}.fm-score-card:last-child .fm-score-num{color:#4dd0e1;text-shadow:0 2px 6px rgba(0,0,0,.4)}.fm-score-lbl{font-size:11px;font-weight:600;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.5px}.fm-score-lbl small{font-size:9px;font-weight:400;text-transform:none;letter-spacing:0;opacity:.7}.fm-score-sep{width:1px;height:48px;background:linear-gradient(180deg,transparent,rgba(77,208,225,.25),transparent);margin:0 28px;flex-shrink:0}.timer-bar{position:relative;height:10px;background:#b0d4db;border-radius:5px;overflow:hidden;margin:14px 0;border:1px solid #80c8d8}.timer-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#26c6da 0,#00acc1 40%,#ffd54f 70%,#ef5350 100%);background-size:300% 100%;background-position:0 0;border-radius:4px;transition:width .3s linear}.fm-toolbar{display:flex;justify-content:center;align-items:center;gap:16px;padding:10px 20px;background:rgba(13,59,102,.06);border-radius:10px;margin-bottom:4px;border:1px solid rgba(13,59,102,.1)}.fm-diff{display:flex;align-items:center;gap:8px}.fm-diff label{font-size:12px;font-weight:600;color:#0d3b66;white-space:nowrap}.fm-diff label small{font-size:9px;font-weight:400;opacity:.6;margin-left:2px}.fm-actions{display:flex;gap:10px}.game-select{padding:7px 12px;border:1px solid #80c8d8;border-radius:8px;background:#fff;font-size:13px;color:#0a2a4a;cursor:pointer;min-width:110px;font-weight:500}.game-select option{background:#fff;color:#0a2a4a}.game-select:hover{border-color:#26c6da}.game-select:focus{outline:0;border-color:#ffd54f;box-shadow:0 0 0 3px rgba(255,213,79,.2)}.btn{padding:8px 18px;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;text-align:center;line-height:1.3;min-width:0;letter-spacing:.3px;white-space:nowrap}.btn small{font-size:10px;font-weight:400;opacity:.85}.btn i{font-size:12px}.btn.primary{background:linear-gradient(135deg,#00acc1,#00838f);color:#fff;box-shadow:0 3px 8px rgba(0,131,143,.35)}.btn.primary:hover{background:linear-gradient(135deg,#26c6da,#00acc1);transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,131,143,.4)}.btn.primary:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,131,143,.3)}.btn.secondary{background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;box-shadow:0 3px 8px rgba(13,71,161,.3)}.btn.secondary:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 5px 14px rgba(13,71,161,.35)}.btn.secondary:active{transform:translateY(0);box-shadow:0 2px 4px rgba(13,71,161,.25)}.game-over-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.game-over-actions .btn{min-width:100px}#game-area.game-board{position:relative;width:100%;max-width:880px;height:440px;margin:14px auto 0;background:radial-gradient(ellipse 60% 35% at 35% 5%,rgba(255,255,200,.08) 0,transparent 70%),radial-gradient(ellipse 50% 30% at 70% 3%,rgba(255,255,220,.06) 0,transparent 65%),linear-gradient(180deg,#4fc3f7 0,#29b6f6 12%,#039be5 28%,#0288d1 45%,#0277bd 60%,#01579b 78%,#013668 100%);overflow:hidden;border-radius:16px;border:3px solid #01579b;box-shadow:inset 0 6px 20px rgba(0,0,0,.3),inset 0 -4px 12px rgba(0,30,60,.4),0 8px 24px rgba(1,87,155,.25),0 0 0 1px rgba(255,255,255,.08)}.ocean-decoration{position:absolute;pointer-events:none;z-index:1}.ocean-floor{position:absolute;bottom:0;left:0;right:0;height:60px;background:radial-gradient(ellipse 20% 40% at 20% 30%,rgba(210,180,140,.3) 0,transparent 70%),radial-gradient(ellipse 15% 35% at 75% 50%,rgba(222,184,135,.25) 0,transparent 65%),linear-gradient(to top,#6d4c41,#8d6e63,#a1887f);border-radius:0 0 13px 13px}.seaweed{position:absolute;bottom:60px;width:6px;background:linear-gradient(to top,#1b5e20,#2e7d32,#43a047);border-radius:3px 3px 0 0;animation:seaweed-sway 4s ease-in-out infinite}.seaweed::before{content:'';position:absolute;top:-20px;left:-4px;width:14px;height:20px;background:linear-gradient(to top,#1b5e20,#2e7d32);border-radius:7px 7px 0 0;transform:rotate(-25deg)}.seaweed::after{content:'';position:absolute;top:-30px;right:-3px;width:12px;height:25px;background:linear-gradient(to top,#2e7d32,#43a047);border-radius:6px 6px 0 0;transform:rotate(20deg)}.rock{position:absolute;bottom:60px;width:35px;height:25px;background:linear-gradient(45deg,#546e7a,#78909c,#90a4ae);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:inset 3px 3px 6px rgba(0,0,0,.35),2px 2px 4px rgba(0,0,0,.15)}.bubble{position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,.85) 0,rgba(255,255,255,.3) 70%,transparent 100%);border-radius:50%;animation:bubble-rise 8s linear infinite}.wave{position:absolute;top:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,rgba(255,255,255,.12),transparent);border-radius:13px 13px 0 0;animation:wave-move 4s ease-in-out infinite}.fish{position:absolute;font-size:44px;line-height:1;user-select:none;cursor:pointer;will-change:transform,left,top;transition:transform .08s;padding:8px 10px;z-index:10;touch-action:manipulation;--flip:1;--press:1;transform:scaleX(var(--flip)) scale(var(--press));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.fish:active{--press:0.85}.fish.mirror{--flip:-1}.fish.hit{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255, 213, 79, .6))}.game-over-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(1,21,48,.7);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;backdrop-filter:blur(3px)}.game-over-content{background:linear-gradient(165deg,#e0f2f7,#cce8ee);border-radius:16px;padding:32px;text-align:center;border:2px solid #80c8d8;box-shadow:0 16px 48px rgba(1,54,104,.45),0 4px 12px rgba(0,0,0,.15);max-width:400px;width:90%;animation:slideUp .4s ease-out}.game-over-header h2{color:#0d3b66;margin:0 0 20px 0;font-size:24px;font-weight:700;line-height:1.3}.final-score{margin:20px 0;padding:20px;background:linear-gradient(135deg,#0d3b66,#0a2a4a);border-radius:12px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.score-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.85;margin-bottom:8px;line-height:1.3}.score-value{font-size:48px;font-weight:800;color:#ffd54f;text-shadow:0 2px 6px rgba(0,0,0,.4)}.score-message{margin:20px 0;font-size:16px;color:#0d3b66;font-weight:500;line-height:1.4}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes seaweed-sway{0%,100%{transform:rotate(-3deg)}25%{transform:rotate(1deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}}@keyframes bubble-rise{0%{transform:translateY(0) scale(.5);opacity:0}10%{opacity:1;transform:translateY(-20px) scale(1)}90%{opacity:1}100%{transform:translateY(-400px) scale(.5);opacity:0}}@keyframes wave-move{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}@media (min-width:1200px){#game-area.game-board{max-width:880px;margin:14px auto 0}}@media (max-width:768px){.game-container{padding:16px}.fm-scoreboard{padding:14px 18px}.fm-score-num{font-size:28px}.fm-score-sep{margin:0 18px;height:40px}.fm-toolbar{padding:8px 14px;gap:12px}#game-area.game-board{height:360px}.btn{padding:7px 14px;font-size:12px}.btn small{font-size:9px}}@media (max-width:480px){.game-container{padding:12px;border-radius:12px}.fm-scoreboard{padding:12px 14px;border-radius:10px}.fm-score-emoji{font-size:18px}.fm-score-num{font-size:24px}.fm-score-sep{margin:0 14px;height:32px}.fm-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px}#game-area.game-board{height:300px;border-radius:12px}.fish{font-size:32px}.btn{padding:6px 12px;font-size:11px}.btn small{font-size:8px}.game-over-content{padding:24px 20px}}