:root{--primary: #4A90E2;--primary-dark: #357ABD;--accent: #FF9F43;--bg-top: #E0F7FA;--bg-bottom: #B2EBF2;--water-top: #4FC3F7;--water-bottom: #0288D1;--text-main: #2C3E50;--white: #FFFFFF;--shadow-sm: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 8px 24px rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,Segoe UI,sans-serif}body{background:linear-gradient(135deg,var(--bg-top),var(--bg-bottom));color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-container{width:100%;max-width:480px;height:100vh;max-height:850px;background:var(--white);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}@media (min-width: 481px){.app-container{height:90vh;border-radius:24px;overflow:hidden}}.cloud-status-bar{background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;border-bottom:1px solid rgba(0,0,0,.05);z-index:100}.cloud-indicator{display:flex;align-items:center;gap:6px}.icon-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-toast{color:#27ae60;font-weight:700;animation:fadeInOut 3s forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.game-wrapper{flex:1;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.start-screen{padding:40px 24px;align-items:center;justify-content:center;background:linear-gradient(to bottom,#fff,var(--bg-top))}.title-area{text-align:center;margin-bottom:40px}.title-area h1{font-size:32px;color:var(--primary-dark);margin-bottom:8px;text-shadow:1px 1px 0px rgba(0,0,0,.1)}.subtitle{color:#666;font-size:16px}.stats-card{background:var(--white);padding:20px 32px;border-radius:20px;box-shadow:var(--shadow-sm);margin-bottom:40px;width:100%;max-width:300px}.stat-item{display:flex;align-items:center;gap:16px}.stat-icon{padding:10px;border-radius:12px;background:#fff9c4}.stat-icon.gold{color:#f5b041}.stat-label{font-size:14px;color:#888}.stat-value{font-size:24px;font-weight:700;color:var(--text-main)}.loading-text{margin-top:20px;font-size:14px;color:#999}.game-screen{background:#fff}.hud{display:flex;justify-content:space-around;padding:16px;background:#ffffffe6;z-index:10;box-shadow:0 2px 10px #0000000d}.hud-item{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;background:#f8f9fa;padding:6px 16px;border-radius:20px}.hud-item .gold{color:#f5b041}.hud-item .blue{color:var(--primary)}.hud-item .dark{color:#555}.scene-area{flex:1;position:relative;overflow:hidden;background:linear-gradient(to bottom,#87CEEB 0%,#87CEEB 30%,var(--water-top) 30%,var(--water-bottom) 100%)}.water-bg{position:absolute;top:30%;left:0;right:0;bottom:0;overflow:hidden}.water-img{width:100%;height:100%;object-fit:cover;opacity:.8;mix-blend-mode:multiply}.water-fallback{font-size:100px;text-align:center;opacity:.2;margin-top:50px}.water-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff3,#0000004d);pointer-events:none}.seaweed{position:absolute;bottom:-20px;width:60px;height:150px;transform-origin:bottom center;animation:sway 4s ease-in-out infinite alternate}.sw-1{left:10%;animation-delay:0s}.sw-2{right:15%;animation-delay:-2s}@keyframes sway{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.fishes-layer{position:absolute;top:35%;left:0;right:0;bottom:0;pointer-events:none}.swimming-fish{position:absolute;transition:top 1s ease}.fish-img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.fish-emoji{display:inline-block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.fishing-interaction{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:center}.fishing-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:50%;z-index:5}.float-container{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center}.float-img{width:40px;height:80px;object-fit:contain}.float-emoji{font-size:40px}.bite-alert{position:absolute;top:-40px}.caught-fish{position:absolute;top:0}.control-panel{padding:24px;background:var(--white);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -4px 20px #00000014;z-index:10}.feedback-text{text-align:center;font-size:16px;color:#555;margin-bottom:16px;min-height:24px;font-weight:700}.action-buttons{display:flex;justify-content:center}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:none;border-radius:16px;background:var(--primary);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4a90e24d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-action{width:100%;max-width:200px;padding:20px;border:none;border-radius:50px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-action.cast{background:linear-gradient(135deg,#4facfe,#00f2fe)}.btn-action.reel{background:linear-gradient(135deg,#f6d365,#fda085)}.btn-action.reel.active{background:linear-gradient(135deg,#ff0844,#ffb199);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.gameover-screen{padding:40px 24px;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gameover-screen h2{font-size:36px;color:var(--text-main);margin-bottom:30px}.result-card{background:#fff;padding:30px;border-radius:20px;box-shadow:var(--shadow-md);width:100%;max-width:300px;margin-bottom:40px;position:relative}.result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:18px;color:#555}.result-row:last-child{margin-bottom:0}.score-big{font-size:32px;font-weight:700;color:var(--primary)}.new-record-badge{position:absolute;top:-15px;right:-10px;background:#ff9f43;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 8px #ff9f4366;transform:rotate(10deg)}