: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}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.sky{position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#0b1628,#1a3a5c 40%,#2d6b8e,#4a9ab5);z-index:0}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.moon{position:absolute;top:8%;right:15%;width:60px;height:60px;background:#f5e6ca;border-radius:50%;box-shadow:0 0 30px #f5e6ca66;z-index:1}.moon:after{content:"";position:absolute;top:-5px;left:10px;width:50px;height:50px;background:#0b1628;border-radius:50%}.water{position:absolute;bottom:0;left:0;right:0;height:58%;background:linear-gradient(180deg,#1a5276,#0e3a5e,#0a2744 60%,#071c33);z-index:1}.water-surface{position:absolute;top:-4px;left:0;right:0;height:8px;background:linear-gradient(180deg,#64c8ff66,#1a5276cc);z-index:2}.wave{position:absolute;top:-8px;left:0;width:200%;height:16px;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(100,200,255,.15) 40px,rgba(100,200,255,.15) 80px);animation:wave-move 4s linear infinite;z-index:2}@keyframes wave-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 24px;z-index:100}.hud-left,.hud-right{display:flex;flex-direction:column;gap:6px}.hud-item{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.6);background:#0000004d;padding:4px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-item.score{font-size:1.1rem;font-weight:700;color:gold}.hud-item.timer{font-size:1rem;font-weight:600;color:#ff6b6b}.hud-item.combo{color:#7bed9f}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.title-screen h1{font-size:3.5rem;font-weight:900;letter-spacing:-.03em;margin:0 0 8px;background:linear-gradient(135deg,gold,#ff6b35,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:title-pulse 2s ease-in-out infinite alternate}@keyframes title-pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.title-screen .subtitle{font-size:1.2rem;color:#fff9;margin:0 0 40px;font-style:italic}.start-btn{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;font-weight:700;padding:14px 48px;border:2px solid #ffd700;border-radius:12px;background:#ffd7001a;color:gold;cursor:pointer;transition:all .2s;letter-spacing:.05em}.start-btn:hover{background:#ffd70040;transform:scale(1.05);box-shadow:0 0 20px #ffd7004d}.fisher{position:absolute;bottom:56%;right:12%;z-index:50;width:80px;height:120px}.fisher-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:36px;height:60px;background:#5a3e2b;border-radius:8px 8px 4px 4px}.fisher-head{position:absolute;bottom:55px;left:50%;transform:translate(-50%);width:30px;height:30px;background:#e8b88a;border-radius:50%}.fisher-hat{position:absolute;bottom:78px;left:50%;transform:translate(-50%);width:38px;height:16px;background:#2d5a27;border-radius:8px 8px 2px 2px}.fisher-hat:after{content:"";position:absolute;bottom:-4px;left:-6px;width:50px;height:6px;background:#2d5a27;border-radius:3px}.rod{position:absolute;bottom:65px;left:55%;width:4px;height:100px;background:linear-gradient(to top,#8b4513,#d2691e,#deb887);transform-origin:bottom center;transform:rotate(-30deg);border-radius:2px;z-index:51;transition:transform .3s ease}.rod.casting{animation:cast .6s ease-out}@keyframes cast{0%{transform:rotate(-30deg)}30%{transform:rotate(-60deg)}60%{transform:rotate(-10deg)}to{transform:rotate(-30deg)}}.rod-tip{position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:6px;background:#f44;border-radius:50%}.fishing-line{position:absolute;z-index:49;pointer-events:none}.fishing-line line{stroke:#ffffff80;stroke-width:1.5;stroke-dasharray:4 3}.hook{position:absolute;z-index:49;font-size:20px;transition:top .3s ease}.fish{position:absolute;z-index:10;cursor:pointer;transition:transform .1s;user-select:none;-webkit-user-select:none}.fish:hover{transform:scale(1.1)}.fish-body{position:relative;display:flex;align-items:center;gap:0}.fish-emoji{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.fish.facing-left .fish-emoji{transform:scaleX(-1)}.fish-name{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;white-space:nowrap;color:#ffffffb3;background:#00000080;padding:1px 5px;border-radius:3px;pointer-events:none}.fish-points{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;white-space:nowrap;color:gold;pointer-events:none}.catch-effect{position:absolute;z-index:150;pointer-events:none;animation:catch-pop 1s ease-out forwards}.catch-effect .catch-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:1.4rem;color:gold;text-shadow:0 2px 6px rgba(0,0,0,.5)}.catch-effect .catch-emoji{font-size:2rem;display:block;text-align:center}@keyframes catch-pop{0%{opacity:1;transform:translateY(0) scale(.5)}30%{transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-80px) scale(.8)}}.bubble{position:absolute;z-index:5;width:6px;height:6px;background:#96dcff4d;border-radius:50%;animation:bubble-rise 4s ease-in infinite}@keyframes bubble-rise{0%{transform:translateY(0) scale(1);opacity:.5}50%{opacity:.3}to{transform:translateY(-200px) scale(.3);opacity:0}}.seaweed{position:absolute;bottom:0;z-index:3;font-size:28px;animation:seaweed-sway 3s ease-in-out infinite alternate;opacity:.6}@keyframes seaweed-sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-over h2{font-size:3rem;font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#ff4757,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-over .final-score{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;color:gold;margin:0 0 8px;font-weight:700}.game-over .catch-summary{font-size:.95rem;color:#fff9;margin:0 0 30px}.catch-log{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:400px;margin-bottom:30px}.catch-log-entry{font-size:1.4rem;background:#ffffff14;padding:4px 8px;border-radius:6px}.cast-zone{position:absolute;z-index:60;pointer-events:none}.cast-zone-ring{width:40px;height:40px;border:2px solid rgba(255,215,0,.5);border-radius:50%;animation:cast-pulse 1s ease-in-out infinite}@keyframes cast-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.2}}.reel-bar-container{position:absolute;bottom:20%;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:6px}.reel-bar-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.6)}.reel-bar{width:200px;height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.reel-bar-fill{height:100%;background:linear-gradient(90deg,#ff4757,gold,#7bed9f);border-radius:6px;transition:width .15s}.instructions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:100;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#fff6;text-align:center;pointer-events:none}.fish-shadow{position:absolute;z-index:4;pointer-events:none}