:root{--sea-light:#0ea5e9;--sea-dark:#0369a1;--wood-light:#d97706;--wood-dark:#92400e;--gold:#f59e0b;--text-main:#f8fafc;--bg-dark:#0f172a;--panel-bg:#1e293be6}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,sans-serif;overflow-x:hidden}.game-layout{flex-direction:column;height:100vh;display:flex}.header{background:linear-gradient(to bottom, var(--wood-dark), #451a03);border-bottom:4px solid var(--gold);z-index:10;justify-content:space-between;align-items:center;padding:15px 30px;display:flex;box-shadow:0 10px 30px #000c}.return-btn{color:var(--text-main);cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.return-btn:hover{background:var(--gold);color:#000;transform:scale(1.1)}.company-name{letter-spacing:1px;text-transform:uppercase;text-shadow:0 4px 10px #00000080;font-size:clamp(1rem,4vw,1.8rem);font-weight:900}.gold-display{color:var(--gold);border:1px solid var(--gold);text-shadow:0 2px 4px #00000080;background:#0000004d;border-radius:20px;align-items:center;gap:8px;padding:4px 14px;font-size:clamp(1.1rem,4vw,1.8rem);font-weight:700;display:flex}.ocean-view{background:linear-gradient(#7dd3fc 0%,#38bdf8 100%);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:hidden}.sun{background:#fef08a;border-radius:50%;width:100px;height:100px;animation:4s ease-in-out infinite pulseSun;position:absolute;top:40px;right:80px;box-shadow:0 0 60px #fde047,0 0 100px #eab308}@keyframes pulseSun{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.cloud{opacity:.8;background:#fff;border-radius:50px;animation:linear infinite floatCloud;position:absolute;box-shadow:0 8px 15px #0000001a}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud1{width:120px;height:40px;animation-duration:35s;top:30px;left:-150px}.cloud1:before{width:50px;height:50px;top:-20px;left:15px}.cloud1:after{width:60px;height:60px;top:-30px;left:55px}.cloud2{opacity:.6;width:160px;height:50px;animation-duration:45s;animation-delay:-10s;top:80px;left:-200px;transform:scale(.8)}.cloud2:before{width:60px;height:60px;top:-25px;left:20px}.cloud2:after{width:80px;height:80px;top:-40px;left:70px}@keyframes floatCloud{0%{transform:translate(0)}to{transform:translate(120vw)}}.sea{background:linear-gradient(to bottom, var(--sea-light) 0%, var(--sea-dark) 100%);z-index:2;width:100%;height:40%;position:absolute;bottom:0}.wave{background-image:radial-gradient(circle at 20px 15px, transparent 20px, var(--sea-light) 21px);background-repeat:repeat-x;background-size:40px 30px;width:200%;height:30px;animation:3s linear infinite waveAnim;position:absolute;top:-15px}.wave2{opacity:.7;background-image:radial-gradient(circle at 20px 15px,#0000 20px,#0284c7 21px);animation-duration:4s;animation-direction:reverse;top:-10px}@keyframes waveAnim{0%{transform:translate(0)}to{transform:translate(-40px)}}.boat{z-index:3;width:180px;height:150px;animation:3.5s ease-in-out infinite floatBoat;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}@keyframes floatBoat{0%{transform:translate(-50%)translateY(0)rotate(-2deg)}50%{transform:translate(-50%)translateY(-15px)rotate(2deg)}to{transform:translate(-50%)translateY(0)rotate(-2deg)}}.fishing-ui{z-index:5;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%)}.cast-btn{background:var(--gold);color:var(--wood-dark);cursor:pointer;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:30px;padding:12px 32px;font-size:clamp(1.3rem,5vw,2rem);font-weight:900;transition:all .1s;box-shadow:0 8px #b45309,0 12px 18px #0006}.cast-btn:active{transform:translateY(8px);box-shadow:0 0 #b45309,0 4px 8px #0006}.cast-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#64748b;box-shadow:0 8px #475569}.reel-bar-container{background:#00000080;border:3px solid #fff;border-radius:15px;width:min(85vw,300px);height:30px;position:relative;overflow:hidden}.reel-bar-fill{background:var(--gold);width:0%;height:100%;transition:width .1s linear}.bottom-panels{color:#f8fafc;background:#0f172a;border-top:4px solid #fff;height:350px;display:flex}@media (width<=768px){.header{padding:10px 14px}.bottom-panels{flex-direction:column;height:auto;max-height:45vh;overflow-y:auto}.panel{border-bottom:3px solid #fff;border-right:none;padding:14px}.panel:last-child{border-bottom:none}}.panel{border-right:4px solid #fff;flex-direction:column;flex:1;padding:20px;display:flex}.panel:last-child{border-right:none}.panel h2{color:#f8fafc;text-transform:uppercase;border-bottom:3px solid #fff;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;font-size:1.5rem;font-weight:900;display:flex}.cargo-list{flex-direction:column;flex:1;gap:10px;margin-bottom:15px;display:flex;overflow-y:auto}.cargo-item{background:#1e293b;border:3px solid #fff;justify-content:space-between;align-items:center;padding:10px 15px;display:flex;box-shadow:4px 4px #fff}.fish-name,.fish-value{color:#f8fafc;font-weight:900}.sell-btn{color:#000;cursor:pointer;text-transform:uppercase;background:#f59e0b;border:3px solid #fff;border-radius:0;padding:15px;font-size:1.2rem;font-weight:900;transition:all .1s;box-shadow:4px 4px #fff}.sell-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #fff}.upgrade-list{flex-direction:column;flex:1;gap:15px;display:flex;overflow-y:auto}.upgrade-card{background:#1e293b;border:3px solid #fff;justify-content:space-between;align-items:center;padding:15px;display:flex;box-shadow:4px 4px #fff}.upgrade-info h3{color:#f8fafc;margin-bottom:5px;font-size:1.2rem;font-weight:900}.upgrade-info p{color:#cbd5e1;font-size:.9rem;font-weight:600}.buy-btn{color:#000;cursor:pointer;background:#38bdf8;border:3px solid #fff;border-radius:0;padding:10px 15px;font-weight:900;transition:all .1s;box-shadow:4px 4px #fff}.buy-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #fff}.buy-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#334155;border-color:#64748b;box-shadow:0 0 #fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}