:root{font-family:Courier New,monospace;line-height:1.5;font-weight:400;color:#e0e0e0;background-color:#0a0a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a1a;color:#e0e0e0;font-family:Courier New,monospace;overflow:hidden;-webkit-user-select:none;user-select:none}#root{width:100vw;height:100vh;max-width:none;margin:0;padding:0;text-align:left}.game{display:flex;width:100vw;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;position:relative}.hud{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0009;border-bottom:2px solid #333;z-index:10}.hud-coins{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.coin-icon{font-size:24px}.coin-amount{color:#ffc107}.hud-rod{display:flex;align-items:center;gap:8px;font-size:14px;color:#aaa}.rod-icon{font-size:20px}.sidebar{width:80px;background:#112;border-right:2px solid #333;display:flex;flex-direction:column;gap:4px;padding:8px;z-index:20}.sidebar-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid #333;border-radius:8px;background:#1a1a2e;color:#ccc;cursor:pointer;transition:all .15s;font-family:inherit;font-size:10px}.sidebar-btn:hover:not(:disabled){background:#2a2a4e;border-color:#555;transform:scale(1.05)}.sidebar-btn.active{background:#2a2a4e;border-color:#6c63ff;color:#fff}.sidebar-btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-icon{font-size:24px}.sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:1px}.scene-container{flex:1;position:relative;overflow:hidden}.dock-scene{width:100%;height:100%;position:relative;overflow:hidden}.sky{position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,#1a0533,#2d1b69 30%,#e8837c 70%,#f4a460 90%,gold)}.sun{position:absolute;right:15%;top:30%;width:60px;height:60px;background:radial-gradient(circle,#fff9c4,#ffc107,#ff9800);border-radius:50%;box-shadow:0 0 40px #ffc10788,0 0 80px #ff980044}.cloud{position:absolute;background:#ffffff26;border-radius:20px}.cloud-1{top:15%;left:10%;width:100px;height:30px;animation:cloud-drift 25s linear infinite}.cloud-2{top:25%;left:40%;width:140px;height:35px;animation:cloud-drift 35s linear infinite}.cloud-3{top:10%;left:70%;width:80px;height:25px;animation:cloud-drift 20s linear infinite}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(100vw)}}.ocean{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#1565c0,#0d47a1,#0a2a5e)}.wave{position:absolute;width:200%;height:20px;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.05) 40px,rgba(255,255,255,.05) 80px);border-radius:50%}.wave-1{top:0;animation:wave-move 4s ease-in-out infinite}.wave-2{top:30px;animation:wave-move 5s ease-in-out infinite reverse;opacity:.7}.wave-3{top:60px;animation:wave-move 6s ease-in-out infinite;opacity:.5}@keyframes wave-move{0%,to{transform:translate(-25%)}50%{transform:translate(0)}}.dock{position:absolute;bottom:20%;left:10%;width:200px;height:30px}.dock-planks{display:flex;gap:3px;width:100%;height:100%}.plank{flex:1;background:#8b6914;border:1px solid #6B4F12;border-radius:2px}.dock-post{position:absolute;bottom:-40px;width:12px;height:40px;background:#6b4f12;border:1px solid #5a4010}.dock-post-1{left:20px}.dock-post-2{right:20px}.character{position:absolute;bottom:calc(20% + 24px);left:calc(10% + 120px);display:flex;flex-direction:column;align-items:center}.char-head{position:relative;width:20px;height:20px}.char-hat{position:absolute;top:-8px;left:-4px;width:28px;height:10px;background:#d32f2f;border-radius:4px 4px 0 0}.char-face{width:20px;height:16px;background:#ffcc80;border-radius:4px}.char-body{width:24px;height:20px;background:#4caf50;border-radius:4px}.char-rod{position:absolute;top:-10px;right:-50px;width:60px;height:4px;border-radius:2px;transform-origin:left center;transform:rotate(-30deg);transition:transform .3s}.rod-reel{position:absolute;left:8px;top:-3px;width:6px;height:10px;border-radius:2px}.rod-casting{animation:rod-cast .8s ease-out forwards}.rod-out{transform:rotate(-15deg)}@keyframes rod-cast{0%{transform:rotate(-30deg)}30%{transform:rotate(-80deg)}60%{transform:rotate(-5deg)}to{transform:rotate(-15deg)}}.char-legs{display:flex;gap:4px}.char-leg{width:8px;height:16px;background:#1565c0;border-radius:2px}.fishing-line{position:absolute;top:0;left:calc(10% + 180px);width:1px;height:60px;background:linear-gradient(180deg,#ccc,transparent)}.bobber{position:absolute;top:-8px;left:calc(10% + 176px);display:flex;flex-direction:column;align-items:center;animation:bobber-float 2s ease-in-out infinite}.bobber-bite{animation:bobber-bite .2s ease-in-out infinite!important}.bobber-top{width:6px;height:8px;background:#f44336;border-radius:3px 3px 0 0}.bobber-bottom{width:8px;height:6px;background:#fff;border-radius:0 0 4px 4px}@keyframes bobber-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bobber-bite{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.bite-indicator{position:absolute;top:20%;left:50%;transform:translate(-50%);text-align:center;animation:bite-pulse .5s ease-in-out infinite;z-index:5}.bite-exclamation{font-size:72px;color:#f44336;text-shadow:0 0 20px rgba(244,67,54,.8);font-weight:700}.bite-text{font-size:24px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700;margin-top:-10px}@keyframes bite-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.15)}}.cast-splash-group{position:absolute;top:48%;left:calc(10% + 170px)}.cast-ring{position:absolute;width:20px;height:10px;border:2px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%)}.cast-ring-1{animation:ripple .6s ease-out forwards}.cast-ring-2{animation:ripple .6s ease-out .1s forwards;opacity:0}.cast-ring-3{animation:ripple .6s ease-out .2s forwards;opacity:0}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.bubbles{position:absolute;top:10px;left:calc(10% + 168px);width:30px;height:80px}.bubble{position:absolute;bottom:0;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.1);animation:bubble-rise linear infinite}.bubble-1{width:6px;height:6px;left:4px;animation-duration:3s;animation-delay:0s}.bubble-2{width:4px;height:4px;left:14px;animation-duration:2.5s;animation-delay:.8s}.bubble-3{width:5px;height:5px;left:8px;animation-duration:3.5s;animation-delay:1.5s}.bubble-4{width:3px;height:3px;left:20px;animation-duration:2.8s;animation-delay:2.2s}.bubble-5{width:4px;height:4px;left:12px;animation-duration:3.2s;animation-delay:.4s}@keyframes bubble-rise{0%{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-40px) translate(4px);opacity:.4}to{transform:translateY(-80px) translate(-2px);opacity:0}}.bottom-bar{padding:16px;background:#0009;border-top:2px solid #333;display:flex;justify-content:center;z-index:10}.cast-btn{padding:14px 48px;font-size:18px;font-family:inherit;font-weight:700;border:3px solid #4caf50;border-radius:12px;background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:2px;min-width:200px}.cast-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066;background:linear-gradient(180deg,#66bb6a,#4caf50)}.cast-btn:active:not(:disabled){transform:translateY(0)}.cast-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#555;background:#333}.bite-btn{border-color:#f44336!important;background:linear-gradient(180deg,#f44336,#c62828)!important;animation:bite-btn-pulse .4s ease-in-out infinite}.bite-btn:hover:not(:disabled){box-shadow:0 4px 15px #f4433680!important;background:linear-gradient(180deg,#ef5350,#f44336)!important}@keyframes bite-btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-message{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:10px 24px;background:#000c;border:2px solid #f44336;border-radius:8px;color:#fff;font-size:14px;z-index:15;animation:msg-fade .3s ease-out}@keyframes msg-fade{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.minigame-overlay{position:absolute;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:30;cursor:pointer}.minigame-container{display:flex;flex-direction:column;align-items:center;gap:16px}.minigame-container canvas{border-radius:8px;image-rendering:auto}.minigame-hint{color:#aaa;font-size:14px;animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.5}50%{opacity:1}}.reveal-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:30;cursor:pointer;animation:reveal-in .3s ease-out}@keyframes reveal-in{0%{opacity:0}to{opacity:1}}.reveal-card{position:relative;background:#1a1a2e;border:3px solid;border-radius:16px;padding:32px 40px;text-align:center;max-width:320px;animation:reveal-card-in .5s ease-out;overflow:hidden}.reveal-glow{position:absolute;inset:-50%;opacity:.08;border-radius:50%;filter:blur(40px);z-index:0}.reveal-card>*{position:relative;z-index:1}@keyframes reveal-card-in{0%{transform:scale(.5) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.reveal-new{position:absolute;top:8px;right:8px;background:#f44336;color:#fff;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700;animation:new-bounce .6s ease-out}@keyframes new-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.reveal-icon{margin-bottom:8px;display:flex;justify-content:center}.reveal-name{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.reveal-rarity{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.reveal-desc{font-size:13px;color:#aaa;line-height:1.4;margin-bottom:12px}.reveal-value{font-size:16px;color:#ffc107;font-weight:700;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:4px}.reveal-continue{font-size:12px;color:#666}.rarity-glow-rare{animation:reveal-card-in .5s ease-out,rarity-glow 2s ease-in-out infinite;--glow-color: #2196f3}.rarity-glow-epic{animation:reveal-card-in .5s ease-out,rarity-glow 1.8s ease-in-out infinite;--glow-color: #9c27b0}.rarity-glow-legendary{animation:reveal-card-in .5s ease-out,rarity-glow 1.5s ease-in-out infinite;--glow-color: #ffc107}.rarity-glow-mythic{animation:reveal-card-in .5s ease-out,rarity-glow 1.2s ease-in-out infinite;--glow-color: #f44336}@keyframes rarity-glow{0%,to{box-shadow:0 0 10px var(--glow-color, transparent),0 0 20px #0000}50%{box-shadow:0 0 20px var(--glow-color, transparent),0 0 40px var(--glow-color, transparent)}}.sparkles{position:absolute;inset:0;z-index:2;pointer-events:none}.sparkle{position:absolute;width:6px;height:6px;background:currentColor;border-radius:50%;animation:sparkle-drift 1.5s ease-out infinite}.sparkle-1{top:20%;left:10%;animation-delay:0s}.sparkle-2{top:15%;right:15%;animation-delay:.3s}.sparkle-3{top:50%;left:5%;animation-delay:.6s}.sparkle-4{top:60%;right:10%;animation-delay:.9s}.sparkle-5{bottom:25%;left:15%;animation-delay:.2s}.sparkle-6{bottom:20%;right:20%;animation-delay:.5s}@keyframes sparkle-drift{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(360deg);opacity:0}}.fail-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:30;cursor:pointer}.fail-message{text-align:center;animation:reveal-card-in .3s ease-out}.fail-icon{font-size:64px;margin-bottom:8px}.fail-text{font-size:24px;color:#aaa;margin-bottom:16px}.fail-continue{font-size:12px;color:#666}.panel-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40;animation:reveal-in .2s ease-out}.panel{background:#13132b;border:2px solid #333;border-radius:16px;width:min(90vw,600px);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:2px solid #333}.panel-header h2{font-size:20px;flex:1}.panel-close{width:32px;height:32px;border:2px solid #555;border-radius:8px;background:none;color:#aaa;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.panel-close:hover{background:#333;color:#fff}.shop-tabs{display:flex;border-bottom:2px solid #333}.shop-tab{flex:1;padding:10px;border:none;background:none;color:#888;font-family:inherit;font-size:14px;cursor:pointer;transition:all .15s}.shop-tab.active{color:#fff;background:#1a1a3a;border-bottom:2px solid #6c63ff}.shop-tab:hover:not(.active){background:#1a1a2e}.shop-items{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.shop-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #2a2a3a;border-radius:8px;background:#1a1a2e;transition:all .15s}.shop-item.current{border-color:#6c63ff;background:#1f1f3f}.shop-item.owned{opacity:.7}.shop-item-icon{font-size:28px;width:40px;text-align:center}.shop-item-info{flex:1}.shop-item-name{font-weight:700;font-size:14px;color:#fff}.shop-item-stats{font-size:11px;color:#888;margin-top:2px}.shop-buy-btn{padding:8px 16px;border:2px solid #4caf50;border-radius:8px;background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.shop-buy-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 10px #4caf504d}.shop-buy-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#555;background:#333}.shop-owned{color:#4caf50;font-size:13px;font-weight:700}.shop-locked{color:#666;font-size:12px}.index-progress{color:#888;font-size:14px}.index-content{flex:1;overflow-y:auto;padding:12px}.index-section{margin-bottom:16px}.index-rarity-header{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:8px 0;border-bottom:1px solid #333;margin-bottom:8px}.index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.index-card{border:2px solid;border-radius:8px;padding:10px;text-align:center;background:#1a1a2e;transition:all .15s}.index-card.undiscovered{opacity:.4}.index-card.discovered:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.index-card-icon{font-size:32px;margin-bottom:4px}.index-card-name{font-size:12px;font-weight:700;color:#fff}.index-card-desc{font-size:10px;color:#888;margin-top:4px;line-height:1.3}.inventory-count{color:#888;font-size:14px}.inventory-empty{padding:40px;text-align:center;color:#666;font-size:16px}.inventory-grid{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.inventory-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid;border-radius:8px;background:#1a1a2e}.inv-item-icon{font-size:28px;width:36px;text-align:center}.inv-item-info{flex:1}.inv-item-name{font-weight:700;font-size:13px;color:#fff}.inv-item-rarity{font-size:10px;text-transform:uppercase;letter-spacing:1px}.inv-item-count{font-size:14px;color:#aaa;font-weight:700}.inv-sell-btn{padding:6px 12px;border:2px solid #ff9800;border-radius:6px;background:linear-gradient(180deg,#ff9800,#e65100);color:#fff;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.inv-sell-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #ff98004d}.inv-sell-btn.sell-all{border-color:#f44336;background:linear-gradient(180deg,#f44336,#b71c1c)}.inventory-bulk-actions{display:flex;gap:8px;padding:12px;border-top:2px solid #333;justify-content:center}.bulk-sell-btn{padding:8px 16px;border:2px solid #666;border-radius:8px;background:#2a2a3a;color:#ddd;font-family:inherit;font-size:12px;cursor:pointer;transition:all .15s}.bulk-sell-btn:hover{background:#3a3a4a;border-color:#888}.bulk-sell-btn.all{border-color:#f44336;color:#f44336}.bulk-sell-btn.all:hover{background:#f4433626}.coin-fly{position:absolute;top:50%;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;color:#ffc107;z-index:10;pointer-events:none;animation:coin-fly .8s ease-out forwards}@keyframes coin-fly{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}.stats-content{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:16px}.stats-section{background:#1a1a2e;border:1px solid #2a2a3a;border-radius:10px;padding:14px}.stats-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#6c63ff;margin-bottom:10px}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #1f1f35}.stats-row:last-child{border-bottom:none}.stats-label{color:#999;font-size:13px}.stats-value{color:#fff;font-weight:700;font-size:14px}.stats-coins{color:#ffc107;display:flex;align-items:center;gap:4px}.stats-rarity-row{display:flex;align-items:center;gap:8px;padding:4px 0}.stats-rarity-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;width:80px;flex-shrink:0}.stats-bar-track{flex:1;height:10px;background:#0a0a1a;border-radius:5px;overflow:hidden}.stats-bar-fill{height:100%;border-radius:5px;transition:width .3s ease;min-width:2px}.stats-rarity-count{color:#aaa;font-size:13px;font-weight:700;width:30px;text-align:right}.stats-progress-track{width:100%;height:8px;background:#0a0a1a;border-radius:4px;overflow:hidden;margin-top:6px}.stats-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:4px;transition:width .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}