: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:#0a1628;color:#fafafa}#root{display:flex;flex-direction:column;min-height:100vh}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:2px solid #0f3460;flex-shrink:0}.game-title{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#e94560,#f5a623,#e94560);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-stats{display:flex;gap:1.5rem;align-items:center}.stat{display:flex;align-items:center;gap:.4rem;font-size:.95rem}.stat-icon{font-size:1.1rem}.stat-value{font-weight:700;color:#f5a623}.game-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#0a1628,#1a3a5c 40%,#2d6a9f,#1a4a6e)}.water-surface{position:absolute;top:38%;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(100,200,255,.4) 20%,rgba(100,200,255,.6) 50%,rgba(100,200,255,.4) 80%,transparent 100%);animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.water-body{position:absolute;top:38%;left:0;right:0;bottom:0;background:linear-gradient(180deg,#14508c99,#0a2850d9)}.fishing-line{position:absolute;top:5%;left:50%;width:2px;background:linear-gradient(180deg,#c8c8c84d,#c8c8c899);transform-origin:top center;z-index:5}.line-rod{position:absolute;top:0;left:50%;width:4px;height:80px;background:linear-gradient(180deg,#8b6914,sienna);transform-origin:bottom center;transform:translate(-50%) rotate(-15deg);border-radius:2px}.hook-area{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hook{font-size:1.5rem;filter:drop-shadow(0 0 6px rgba(255,200,100,.6))}.fish{position:absolute;font-size:2rem;cursor:pointer;transition:transform .1s;z-index:3;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.fish:hover{transform:scale(1.15)}.fish.swim-left{animation:swimLeft linear infinite}.fish.swim-right{animation:swimRight linear infinite}@keyframes swimLeft{0%{transform:translate(110vw)}to{transform:translate(-100px)}}@keyframes swimRight{0%{transform:translate(-100px)}to{transform:translate(110vw)}}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#96dcff66,#64b4ff1a);border:1px solid rgba(150,220,255,.2);animation:bubbleRise linear infinite;z-index:2}@keyframes bubbleRise{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-200px) scale(.3);opacity:0}}.catch-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #f5a623;border-radius:1rem;padding:2rem 3rem;text-align:center;z-index:100;animation:popIn .3s ease-out;box-shadow:0 0 40px #f5a6234d}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.catch-fish-icon{font-size:4rem;margin-bottom:.5rem}.catch-name{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.catch-rarity{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.rarity-common{color:#a0a0a0}.rarity-uncommon{color:#4ade80}.rarity-rare{color:#60a5fa}.rarity-epic{color:#c084fc}.rarity-legendary{color:#f5a623}.catch-xp{color:#4ade80;font-weight:600}.catch-dismiss{margin-top:1rem;padding:.5rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fafafa;cursor:pointer;font-size:.9rem;transition:background .2s}.catch-dismiss:hover{background:#fff3}.inventory-panel{position:fixed;right:0;top:56px;bottom:0;width:320px;background:linear-gradient(180deg,#0f1a2e,#0a1628);border-left:2px solid #0f3460;padding:1rem;overflow-y:auto;z-index:50;transform:translate(100%);transition:transform .3s ease}.inventory-panel.open{transform:translate(0)}.inventory-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#f5a623}.inventory-list{list-style:none;padding:0;margin:0}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.inventory-item-left{display:flex;align-items:center;gap:.5rem}.inventory-item-icon{font-size:1.3rem}.inventory-item-name{font-size:.85rem}.inventory-item-count{font-size:.8rem;color:#f5a623;font-weight:600}.inventory-empty{color:#fff6;font-size:.85rem;text-align:center;margin-top:2rem}.bottom-bar{display:flex;justify-content:center;gap:1rem;padding:.75rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:2px solid #0f3460;flex-shrink:0}.action-btn{padding:.6rem 1.5rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0d;color:#fafafa;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.action-btn.primary{background:linear-gradient(135deg,#e94560,#c23152);border-color:#e94560}.action-btn.primary:hover{background:linear-gradient(135deg,#f05a73,#d44060)}.action-btn.active{background:#4ade8033;border-color:#4ade80;color:#4ade80}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.level-up-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #f5a623;border-radius:1rem;padding:2.5rem;text-align:center;animation:popIn .4s ease-out}.level-up-card h2{font-size:2rem;margin:0 0 .5rem;color:#f5a623}.level-up-card p{color:#ffffffb3;margin-bottom:1rem}.xp-bar-container{display:flex;align-items:center;gap:.5rem}.xp-bar{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;transition:width .3s ease}.xp-text{font-size:.75rem;color:#ffffff80}.cast-indicator{position:absolute;top:25%;left:50%;transform:translate(-50%);color:#fff9;font-size:.9rem;animation:pulse 1.5s ease-in-out infinite;z-index:10}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.status-text{position:absolute;top:20%;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:1rem;font-weight:600;z-index:10;text-shadow:0 2px 8px rgba(0,0,0,.5)}.depth-marker{position:absolute;right:1rem;font-size:.65rem;color:#64c8ff4d;font-family:monospace}