:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#0a0a0a}.landscape-wrapper{width:100vw;height:100vh;overflow:hidden}@media(orientation:portrait){.landscape-wrapper{width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left;position:absolute;top:0;left:100vh}}.game{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;transition:background 3s ease;display:flex}.game--day{background:linear-gradient(90deg,#4a90d9,#87ceeb 50%,#2980b9 50%,#1a5276)}.game--sunset{background:linear-gradient(90deg,#2c1654,#e67e22 40%,#c0392b 50%,#7b241c)}.game--night{background:linear-gradient(90deg,#0a0a2e,#1a1a4e 50%,#0d1f33 50%,#060e18)}.scene-side,.water-side{position:relative;width:50%;height:100%;overflow:hidden}.sky-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sun,.moon{position:absolute;border-radius:50%;transition:all 3s ease}.sun{width:70px;height:70px;background:radial-gradient(circle,#fff7ae,#f9d71c,#f39c12);box-shadow:0 0 60px #f39c1299,0 0 120px #f39c124d;top:12%;right:15%}.moon{width:55px;height:55px;background:radial-gradient(circle at 35% 35%,beige,#d4d4aa);box-shadow:0 0 40px #ffffdc66,0 0 80px #ffffdc33;top:12%;left:25%;opacity:0}.game--night .sun{opacity:0}.game--night .moon{opacity:1}.game--day .moon{opacity:0}.game--sunset .sun{opacity:1;top:55%;background:radial-gradient(circle,#ff8c42,#e74c3c);box-shadow:0 0 80px #e74c3c80}.game--sunset .moon{opacity:0}.stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 3s ease}.game--night .stars{opacity:1}.game--sunset .stars{opacity:.3}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.water-surface{position:absolute;top:0;left:-100%;width:300%;height:100%;opacity:.15}.wave{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.12) 60px,rgba(255,255,255,.12) 120px);animation:wave-move-v 5s linear infinite}@keyframes wave-move-v{0%{transform:translateY(0)}to{transform:translateY(-120px)}}.underwater-fish{position:absolute;font-size:1.8rem;pointer-events:none;transition:opacity 3s ease;animation:swim-h linear infinite}@keyframes swim-h{0%{transform:translate(100%) scaleX(-1)}49.99%{transform:translate(-20%) scaleX(-1)}50%{transform:translate(-20%) scaleX(1)}to{transform:translate(100%) scaleX(1)}}.bubble{position:absolute;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);pointer-events:none;animation:bubble-rise linear infinite}@keyframes bubble-rise{0%{transform:translate(0) translateY(0) scale(1);opacity:.6}to{transform:translate(20px) translateY(-100vh) scale(.4);opacity:0}}.catch-popup{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);text-align:center;z-index:100;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.catch-popup__fish{font-size:4rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.catch-popup__name{font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.catch-popup__size{font-size:.9rem;color:#ffffffb3;margin-top:.25rem}.catch-popup__weight{font-size:1.1rem;font-weight:600;margin-top:.25rem}.catch-popup__size--small{color:#b0bec5}.catch-popup__size--medium{color:#4fc3f7}.catch-popup__size--large{color:#ab47bc}.catch-popup__size--giant{color:gold;text-shadow:0 0 12px rgba(255,215,0,.6)}.escape-popup{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);font-size:1.2rem;color:#ef5350;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:pop-in .3s ease,fade-out 1s ease .8s forwards;pointer-events:none;z-index:100}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.controls-panel{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px;pointer-events:none;z-index:50}.controls-panel>*{pointer-events:auto}.controls-top{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.controls-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:8px}.time-bar{position:absolute;top:0;left:0;width:50%;height:4px;z-index:55;background:#ffffff14}.time-bar__fill{height:100%;transition:width 1s linear,background 3s ease}.game--day .time-bar__fill{background:linear-gradient(90deg,#f9d71c,#f39c12)}.game--sunset .time-bar__fill{background:linear-gradient(90deg,#e67e22,#e74c3c)}.game--night .time-bar__fill{background:linear-gradient(90deg,#5c6bc0,#7c4dff)}.time-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.time-badge--day{background:#ffc83233;color:#ffd54f}.time-badge--sunset{background:#e67e2233;color:#e67e22}.time-badge--night{background:#6464c833;color:#b0b0ff}.score-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd70026;border:1px solid rgba(255,215,0,.3);color:gold}.night-bonus{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;background:#ab47bc4d;border:1px solid rgba(171,71,188,.5);color:#ce93d8;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #ab47bc4d}50%{box-shadow:0 0 15px #ab47bc80}}.catch-counter{display:flex;gap:12px;padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid rgba(255,255,255,.12)}.catch-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.catch-stat__count{color:#fff}.catch-stat--small .catch-stat__count{color:#b0bec5}.catch-stat--medium .catch-stat__count{color:#4fc3f7}.catch-stat--large .catch-stat__count{color:#ab47bc}.catch-stat--giant .catch-stat__count{color:gold}.inventory-toggle{padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:background .2s}.inventory-toggle:hover{background:#ffffff26}.inventory-panel{position:absolute;top:60px;right:16px;width:280px;max-height:70vh;overflow-y:auto;padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a1ee0;border:1px solid rgba(255,255,255,.12);z-index:60;animation:slide-in .3s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inventory-panel h3{font-size:1rem;margin-bottom:12px;color:#fff;display:flex;align-items:center;gap:8px}.inventory-panel__close{margin-left:auto;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.1rem;padding:0 4px}.fish-entry{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;margin-bottom:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .2s}.fish-entry:hover{background:#ffffff14}.fish-entry__icon{font-size:1.6rem;width:36px;text-align:center}.fish-entry__info{flex:1;min-width:0}.fish-entry__name{font-size:.82rem;font-weight:600;color:#fff}.fish-entry__meta{font-size:.7rem;color:#ffffff80}.fish-entry__weight{font-size:.78rem;font-weight:600;white-space:nowrap}.fish-entry__weight--small{color:#b0bec5}.fish-entry__weight--medium{color:#4fc3f7}.fish-entry__weight--large{color:#ab47bc}.fish-entry__weight--giant{color:gold}.inventory-empty{text-align:center;color:#fff6;font-size:.85rem;padding:20px 0}.action-area{display:flex;flex-direction:column;align-items:center;gap:10px}.action-status{font-size:.85rem;font-weight:600;color:#ffffffb3;text-shadow:0 1px 4px rgba(0,0,0,.5);text-align:center}.action-btn{padding:14px 48px;border-radius:40px;font-size:1.1rem;font-weight:700;letter-spacing:.02em;color:#fff;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff26}.action-btn:active{transform:scale(.95)}.action-btn--cast{background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 4px 20px #1565c066,inset 0 1px #ffffff26}.action-btn--cast:hover{transform:scale(1.05);box-shadow:0 6px 28px #1565c080,inset 0 1px #fff3}.action-btn--reel{background:linear-gradient(135deg,#e65100,#bf360c);box-shadow:0 4px 20px #e6510080,inset 0 1px #ffffff26;animation:reel-pulse .6s ease-in-out infinite alternate}@keyframes reel-pulse{0%{transform:scale(1);box-shadow:0 4px 20px #e6510080}to{transform:scale(1.08);box-shadow:0 6px 32px #e65100b3}}.action-btn--reel:hover{transform:scale(1.1)}.start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;z-index:200;animation:fade-in .6s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.start-screen__left{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d1b3e,#0a1628)}.start-screen__right{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#071222,#040c18)}.start-screen__fish{font-size:5rem;margin-bottom:1.5rem;animation:fish-bob 2.5s ease-in-out infinite;filter:drop-shadow(0 6px 20px rgba(0,150,255,.3))}@keyframes fish-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(5deg)}}.start-screen__title{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:.25rem;text-shadow:0 4px 24px rgba(0,100,255,.3)}.start-screen__subtitle{font-size:.95rem;color:#ffffff73;margin-bottom:2rem}.start-screen__btn{padding:16px 56px;border-radius:40px;font-size:1.2rem;font-weight:700;letter-spacing:.04em;color:#fff;border:none;cursor:pointer;background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 4px 24px #1565c066,inset 0 1px #ffffff26;transition:transform .15s,box-shadow .15s}.start-screen__btn:hover{transform:scale(1.06);box-shadow:0 6px 32px #1565c08c,inset 0 1px #fff3}.start-screen__btn:active{transform:scale(.97)}.start-screen__hints{margin-top:2rem;display:flex;flex-direction:column;gap:12px;color:#ffffff59;font-size:.8rem}.start-screen__hint{display:flex;align-items:center;gap:8px}.start-screen__hint-icon{font-size:1.2rem}