#hud-inventory-btn{cursor:pointer;pointer-events:auto;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c80;border-radius:16px;padding:0;transition:all .12s;position:absolute;bottom:12px;right:12px;box-shadow:0 4px #393939d9,0 6px 12px #0000001f}#hud-inventory-btn:hover{background:linear-gradient(#f5f5f1fa,#e6e6e1fa);transform:translateY(-2px);box-shadow:0 6px #393939d9,0 10px 20px #00000026}#hud-inventory-btn:active{transform:translateY(2px);box-shadow:0 1px #393939d9,0 3px 6px #0000001a}.hud-inv-slot{justify-content:center;align-items:center;width:68px;height:68px;transition:all .12s;display:flex;position:relative}.hud-inv-corner{display:none}.hud-rod-icon-wrap{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hud-rod-img{object-fit:contain;width:34px;height:34px}.hud-rod-empty{color:#3c3c3c59;font-size:22px;line-height:1}#hud-inventory-btn:hover .hud-rod-empty{color:#3c3c3c8c}.hud-rod-dur-bar{pointer-events:none;background:#0000001f;border-radius:2px;height:4px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.hud-rod-dur-fill{background:#22c55e;border-radius:2px;height:100%;transition:width .3s}#hud-inventory-btn:before{display:none}@media (width<=420px){#hud-inventory-btn{bottom:10px;right:10px}.hud-inv-slot{width:60px;height:60px}}.popup-overlay{pointer-events:auto;-webkit-backdrop-filter:blur(6px);z-index:2000;background:#00000059;justify-content:center;align-items:center;padding:20px;animation:.25s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translateY(30px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-panel{background:#fff;border-radius:20px;flex-direction:column;gap:10px;width:min(280px,100vw - 40px);padding:18px 16px 14px;font-family:Trebuchet MS,system-ui,sans-serif;animation:.3s cubic-bezier(.34,1.56,.64,1) panelIn;display:flex;box-shadow:0 20px 60px #0000002e}.panel-header{justify-content:center;align-items:center;gap:6px;padding-bottom:2px;display:flex}.header-line{background:linear-gradient(90deg,#0000,#d4c5b8);border-radius:1px;width:24px;height:1px}.header-line:last-child{background:linear-gradient(270deg,#0000,#d4c5b8)}.panel-icon{color:#c9953c;align-items:center;display:flex}.panel-icon svg{width:16px;height:16px}.panel-title{letter-spacing:2px;text-transform:uppercase;color:#5c4a3a;font-size:13px;font-weight:800}.btn-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.icon-btn{aspect-ratio:1;cursor:pointer;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c80;border-radius:12px;justify-content:center;align-items:center;width:100%;font-family:Trebuchet MS,system-ui,sans-serif;transition:all .12s;display:flex;position:relative;box-shadow:0 4px #393939d9,inset 0 0 0 1px #ffffff47}.icon-btn:hover{background:linear-gradient(#f5f5f1fa,#e6e6e1fa);transform:translateY(-2px);box-shadow:0 6px #393939d9,inset 0 0 0 1px #ffffff47}.icon-btn:active,.icon-btn.pressed{transform:translateY(2px);box-shadow:0 1px #393939d9,inset 0 0 0 1px #ffffff47}.icon-btn .icon-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex}.icon-btn svg{stroke-width:2px;pointer-events:none;color:#8a7a6a;width:22px;height:22px}.icon-btn:hover svg{color:#c9953c}.btn-label{letter-spacing:.3px;color:#fff;text-transform:uppercase;pointer-events:none;white-space:nowrap;opacity:0;background:#282828eb;border-radius:6px;padding:4px 10px;font-size:.45rem;font-weight:700;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.icon-btn:hover .btn-label{opacity:1;color:#fff}.dock-btn{cursor:pointer;color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#c9953c,#d4a04a);border:2px solid #78501499;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-family:Trebuchet MS,system-ui,sans-serif;font-size:.55rem;font-weight:700;transition:all .12s;display:flex;position:relative;box-shadow:0 4px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.dock-btn:hover{background:linear-gradient(135deg,#b8862e,#c9953c);transform:translateY(-2px);box-shadow:0 6px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.dock-btn:active,.dock-btn.pressed{transform:translateY(2px);box-shadow:0 1px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.dock-btn svg{stroke-width:2px;pointer-events:none;color:#fffc;width:14px;height:14px}@media (width<=420px){.popup-overlay{padding:12px}.menu-panel{gap:8px;width:min(100%,280px);padding:14px 12px 12px}.btn-grid{gap:4px}.icon-btn{min-height:42px;padding:6px 1px}.icon-btn svg{width:18px;height:18px}.btn-label{padding:3px 8px;font-size:.4rem}}.handbook-overlay{-webkit-backdrop-filter:blur(3px);z-index:2000;pointer-events:auto;background:#00000059;justify-content:center;align-items:center;animation:.2s ease-out hbFadeIn;display:flex;position:fixed;inset:0}@keyframes hbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hbSlideUp{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.handbook-card{background:#fff;border-radius:20px;width:520px;max-width:92vw;max-height:80vh;padding:24px;font-family:Trebuchet MS,system-ui,sans-serif;animation:.25s ease-out hbSlideUp;position:relative;box-shadow:0 28px 80px #0000002e}.handbook-title{color:#3d3229;text-align:center;letter-spacing:.3px;margin:0 0 16px;font-size:15px;font-weight:600}.handbook-body{max-height:calc(80vh - 90px);padding-right:4px;overflow-y:auto}.handbook-body::-webkit-scrollbar{width:5px}.handbook-body::-webkit-scrollbar-thumb{background:#c4b8aa;border-radius:4px}.hb-rarity-section{margin-bottom:20px}.hb-rarity-section:last-child{margin-bottom:0}.hb-rarity-header{text-transform:uppercase;letter-spacing:.8px;color:var(--rarity-color,#8a7a6a);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.hb-rarity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.hb-fish-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.hb-fish-card{background:color-mix(in srgb, var(--card-color,#e8e2da) 12%, #fff);border:2px solid color-mix(in srgb, var(--card-color,#3c3c3c4d) 55%, #3c3c3c80);border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;transition:all .12s;display:flex;box-shadow:0 4px #3939398c,inset 0 0 0 1px #fff6}.hb-fish-card:hover{transform:translateY(-2px);box-shadow:0 6px #3939398c,inset 0 0 0 1px #fff6,0 8px 16px #0000000f}.hb-fish-card:active{transform:translateY(2px);box-shadow:0 1px #3939398c,inset 0 0 0 1px #fff6}.hb-fish-card.hb-locked{opacity:.45;filter:grayscale(.5)}.hb-fish-icon-wrap{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.hb-fish-icon{object-fit:contain;width:36px;height:36px}.hb-lock-overlay{justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.hb-fish-name{color:#5c4a3a;text-align:center;word-break:break-word;font-size:10px;line-height:1.2}.hb-fish-count{color:#c9953c;font-size:10px;font-weight:600}.handbook-empty{color:#b0a494;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;display:flex}.handbook-empty-icon{opacity:.5;font-size:40px}.handbook-empty-label{font-size:13px}.leaderboard-overlay{-webkit-backdrop-filter:blur(3px);z-index:2000;pointer-events:auto;background:#00000059;justify-content:center;align-items:center;animation:.2s ease-out lbFadeIn;display:flex;position:fixed;inset:0}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lbSlideUp{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.leaderboard-card{background:#fff;border-radius:20px;width:480px;max-width:92vw;max-height:80vh;padding:24px;font-family:Trebuchet MS,system-ui,sans-serif;animation:.25s ease-out lbSlideUp;position:relative;box-shadow:0 28px 80px #0000002e}.leaderboard-title{color:#3d3229;text-align:center;letter-spacing:.3px;margin:0 0 16px;font-size:15px;font-weight:600}.lb-tabs{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.lb-tab{color:#8a7a6a;cursor:pointer;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c66;border-radius:12px;padding:7px 20px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s;box-shadow:0 3px #393939b3,inset 0 0 0 1px #ffffff47}.lb-tab:hover{transform:translateY(-2px);box-shadow:0 5px #393939b3,inset 0 0 0 1px #ffffff47}.lb-tab:active{transform:translateY(2px);box-shadow:0 1px #393939b3,inset 0 0 0 1px #ffffff47}.lb-tab-active{color:#fff;background:linear-gradient(135deg,#c9953c,#d4a04a);border-color:#78501499;box-shadow:0 4px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.lb-tab-active:hover{background:linear-gradient(135deg,#b8862e,#c9953c);transform:translateY(-2px);box-shadow:0 6px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.lb-tab-active:active{transform:translateY(2px);box-shadow:0 1px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.lb-body{max-height:calc(80vh - 140px);padding-right:4px;overflow-y:auto}.lb-body::-webkit-scrollbar{width:5px}.lb-body::-webkit-scrollbar-thumb{background:#c4b8aa;border-radius:4px}.lb-row{background:#fff;border:2px solid #3c3c3c4d;border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;transition:all .12s;display:flex;box-shadow:0 4px #39393980,inset 0 0 0 1px #fff6}.lb-row:hover{transform:translateY(-2px);box-shadow:0 6px #39393980,inset 0 0 0 1px #fff6,0 8px 16px #0000000f}.lb-row:active{transform:translateY(2px);box-shadow:0 1px #39393980,inset 0 0 0 1px #fff6}.lb-rank-1{background:#fef3c7;border-color:#f59e0b;box-shadow:0 4px #b45309,inset 0 0 0 1px #ffffff4d}.lb-rank-1:hover{box-shadow:0 6px #b45309,inset 0 0 0 1px #ffffff4d,0 8px 16px #0000000f}.lb-rank-1:active{box-shadow:0 1px #b45309,inset 0 0 0 1px #ffffff4d}.lb-rank-2{background:#f1f5f9;border-color:#94a3b8;box-shadow:0 4px #64748b,inset 0 0 0 1px #ffffff4d}.lb-rank-2:hover{box-shadow:0 6px #64748b,inset 0 0 0 1px #ffffff4d,0 8px 16px #0000000f}.lb-rank-2:active{box-shadow:0 1px #64748b,inset 0 0 0 1px #ffffff4d}.lb-rank-3{background:#fff7ed;border-color:#d97706;box-shadow:0 4px #92400e,inset 0 0 0 1px #ffffff4d}.lb-rank-3:hover{box-shadow:0 6px #92400e,inset 0 0 0 1px #ffffff4d,0 8px 16px #0000000f}.lb-rank-3:active{box-shadow:0 1px #92400e,inset 0 0 0 1px #ffffff4d}.lb-rank{text-align:center;flex-shrink:0;width:28px;font-size:13px;font-weight:700}.lb-player{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lb-player-name{color:#3d3229;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.lb-player-rank{color:#b0a494;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.lb-value{color:#8a7a6a;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.lb-empty{color:#b0a494;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;display:flex}.lb-empty-icon{opacity:.5;font-size:36px}.lb-empty-label{font-size:13px}.badges-overlay{-webkit-backdrop-filter:blur(3px);z-index:2000;pointer-events:auto;background:#00000059;justify-content:center;align-items:center;animation:.2s ease-out bgFadeIn;display:flex;position:fixed;inset:0}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bgSlideUp{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.badges-card{background:#fff;border-radius:20px;width:500px;max-width:92vw;max-height:80vh;padding:24px;font-family:Trebuchet MS,system-ui,sans-serif;animation:.25s ease-out bgSlideUp;position:relative;box-shadow:0 28px 80px #0000002e}.badges-title{color:#3d3229;text-align:center;letter-spacing:.3px;margin:0 0 16px;font-size:15px;font-weight:600}.badges-body{justify-content:center;align-items:center;min-height:200px;display:flex}.badges-empty{color:#b0a494;flex-direction:column;align-items:center;gap:8px;display:flex}.badges-empty-icon{opacity:.5;font-size:40px}.badges-empty-label{font-size:13px}.inv-overlay{-webkit-backdrop-filter:blur(3px);z-index:2000;pointer-events:auto;background:#00000059;justify-content:center;align-items:center;animation:.2s ease-out invFadeIn;display:flex;position:fixed;inset:0}@keyframes invFadeIn{0%{opacity:0}to{opacity:1}}@keyframes invSlideUp{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.inv-card{background:#fff;border-radius:20px;width:780px;max-width:94vw;max-height:80vh;padding:24px;font-family:Trebuchet MS,system-ui,sans-serif;animation:.25s ease-out invSlideUp;position:relative;box-shadow:0 28px 80px #0000002e}.inv-title{color:#3d3229;text-align:center;letter-spacing:.3px;margin:0 0 16px;font-size:15px;font-weight:600}.inv-layout{gap:16px;min-height:300px;display:flex}.inv-left{flex:1;max-height:calc(80vh - 100px);padding-right:4px;overflow-y:auto}.inv-left::-webkit-scrollbar{width:5px}.inv-left::-webkit-scrollbar-thumb{background:#c4b8aa;border-radius:4px}.inv-right{flex-direction:column;width:260px;min-width:260px;display:flex}.inv-detail{background:#faf6f2;border:1px solid #e0d5c8;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px 16px;display:flex}.inv-detail-empty{color:#b0a494;text-align:center;margin-top:auto;margin-bottom:auto;font-size:13px}.inv-detail-icon-wrap{background:#fff;border:1px solid #e0d5c8;border-radius:14px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.inv-detail-icon{object-fit:contain;width:48px;height:48px}.inv-detail-name{color:#3d3229;text-align:center;font-size:14px;font-weight:600;line-height:1.3}.inv-detail-type{justify-content:center;display:flex}.inv-detail-type-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--inv-color,#8a7a6a);background:color-mix(in srgb, var(--inv-color,#f0ebe4) 15%, #f0ebe4);border:1px solid color-mix(in srgb, var(--inv-color,transparent) 40%, transparent);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600}.inv-detail-qty{color:#8a7a6a;font-size:12px}.inv-detail-qty strong{color:#3d3229;font-weight:600}.inv-detail-desc{color:#6b5b4e;text-align:center;margin-top:2px;font-size:12px;line-height:1.5}.inv-open-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9953c,#d4a04a);border:2px solid #78501499;border-radius:12px;width:100%;margin-top:auto;padding:10px 0;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;box-shadow:0 4px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.inv-open-btn:hover{transform:translateY(-2px);box-shadow:0 6px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.inv-open-btn:active{transform:translateY(2px);box-shadow:0 1px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.inv-open-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.inv-group{margin-bottom:18px}.inv-group:last-child{margin-bottom:0}.inv-group-title{color:#8a7a6a;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px;font-size:12px;font-weight:600}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.inv-item{background:color-mix(in srgb, var(--inv-color,#e8e2da) 12%, #fff);border:2px solid color-mix(in srgb, var(--inv-color,#3c3c3c4d) 55%, #3c3c3c80);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;transition:all .12s;display:flex;box-shadow:0 4px #3939398c,inset 0 0 0 1px #fff6}.inv-item:hover{transform:translateY(-2px);box-shadow:0 6px #3939398c,inset 0 0 0 1px #fff6,0 8px 16px #0000000f}.inv-item:active{transform:translateY(2px);box-shadow:0 1px #3939398c,inset 0 0 0 1px #fff6}.inv-item-selected{background:#fff8ee;border-color:#c9953c;box-shadow:0 1px #3939398c,0 0 0 2px #c9953c66}.inv-item-icon{object-fit:contain;width:32px;height:32px}.inv-item-name{color:#5c4a3a;text-align:center;word-break:break-word;font-size:10px;line-height:1.2}.inv-item-qty{color:#c9953c;font-size:10px;font-weight:600}.popup-close-btn{color:#8a7a6a;cursor:pointer;z-index:10;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c66;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-family:inherit;font-size:16px;line-height:1;transition:all .12s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 3px #393939b3,inset 0 0 0 1px #ffffff47}.popup-close-btn:hover{color:#fff;background:linear-gradient(#e65050eb,#be3232f2);transform:translateY(-2px);box-shadow:0 5px #641e1ecc,inset 0 0 0 1px #ffffff26}.popup-close-btn:active{color:#fff;background:linear-gradient(#e65050eb,#be3232f2);transform:translateY(2px);box-shadow:0 1px #641e1ecc,inset 0 0 0 1px #ffffff26}.inv-empty{color:#b0a494;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;display:flex}.inv-empty-icon{opacity:.5;font-size:36px}.inv-empty-label{font-size:13px}.inv-reward-overlay{-webkit-backdrop-filter:blur(4px);z-index:10;background:#0006;border-radius:20px;justify-content:center;align-items:center;animation:.2s ease-out invRewardFadeIn;display:flex;position:absolute;inset:0}@keyframes invRewardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes invRewardPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.inv-reward-card{text-align:center;background:#fff;border:1px solid #e0d5c8;border-radius:18px;width:240px;padding:24px 20px;animation:.25s ease-out invRewardPop;box-shadow:0 20px 60px #00000026}.inv-reward-title{color:#3d3229;margin:0 0 16px;font-size:14px;font-weight:700}.inv-reward-body{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.inv-reward-icon-wrap{background:#faf6f2;border:1px solid #e0d5c8;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.inv-reward-icon{object-fit:contain;width:40px;height:40px}.inv-reward-emoji{font-size:32px;line-height:1}.inv-reward-label{color:#5c4a3a;font-size:13px;line-height:1.4}.inv-reward-ok-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9953c,#d4a04a);border:2px solid #78501499;border-radius:12px;width:100%;padding:10px 0;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;box-shadow:0 4px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.inv-reward-ok-btn:hover{transform:translateY(-2px);box-shadow:0 6px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.inv-reward-ok-btn:active{transform:translateY(2px);box-shadow:0 1px #5a3c0fd9,inset 0 0 0 1px #ffffff26}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}#login-overlay{z-index:1000;pointer-events:none;font-family:"Press Start 2P",monospace;position:fixed;inset:0}#login-overlay>*,#login-overlay input,#login-overlay button,#login-overlay .btn-login,#login-overlay .toggle-password{pointer-events:auto}.pixel-bg{z-index:-1;background:linear-gradient(#060e1a59 0%,#060e1a8c 60%,#060e1acc 100%);position:fixed;inset:0}.stars{background-image:radial-gradient(1px 1px at 8% 12%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 22% 28%,#fff 0%,#0000 100%),radial-gradient(2px 2px at 36% 6%,#f0c040 0%,#0000 100%),radial-gradient(1px 1px at 50% 18%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 63% 4%,#fff 0%,#0000 100%),radial-gradient(2px 2px at 74% 22%,#a8d8f0 0%,#0000 100%),radial-gradient(1px 1px at 84% 14%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 91% 33%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 14% 48%,#fff 0%,#0000 100%),radial-gradient(2px 2px at 44% 42%,#f0c040 0%,#0000 100%),radial-gradient(1px 1px at 68% 38%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 4% 68%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 97% 58%,#fff 0%,#0000 100%);animation:3s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.bubbles{position:absolute;inset:0}.bubble{border:2px solid #a8d8f080;border-radius:50%;width:6px;height:6px;animation:linear infinite bubbleRise;position:absolute;bottom:-20px}.bubble:first-child{width:8px;height:8px;animation-duration:8s;animation-delay:0s;left:10%}.bubble:nth-child(2){width:4px;height:4px;animation-duration:6s;animation-delay:-2s;left:25%}.bubble:nth-child(3){width:6px;height:6px;animation-duration:9s;animation-delay:-4s;left:45%}.bubble:nth-child(4){width:10px;height:10px;animation-duration:7s;animation-delay:-1s;left:60%}.bubble:nth-child(5){width:4px;height:4px;animation-duration:5s;animation-delay:-3s;left:75%}.bubble:nth-child(6){width:6px;height:6px;animation-duration:8s;animation-delay:-5s;left:90%}@keyframes bubbleRise{0%{opacity:.8;bottom:-20px}90%{opacity:.3}to{opacity:0;bottom:110%}}.ocean-floor{z-index:0;width:100%;height:72px;position:fixed;bottom:0;left:0}.pixel-wave{clip-path:polygon(0% 55%,2% 35%,4% 25%,6% 35%,8% 55%,10% 65%,12% 55%,14% 35%,16% 25%,18% 35%,20% 55%,22% 65%,24% 55%,26% 35%,28% 25%,30% 35%,32% 55%,34% 65%,36% 55%,38% 35%,40% 25%,42% 35%,44% 55%,46% 65%,48% 55%,50% 35%,52% 25%,54% 35%,56% 55%,58% 65%,60% 55%,62% 35%,64% 25%,66% 35%,68% 55%,70% 65%,72% 55%,74% 35%,76% 25%,78% 35%,80% 55%,82% 65%,84% 55%,86% 35%,88% 25%,90% 35%,92% 55%,94% 65%,96% 55%,98% 35%,100% 25%,100% 100%,0% 100%);background:#0d3060;border-top:4px solid #1565a8;width:100%;height:72px;position:absolute;bottom:0;left:0}.seaweed{font-size:26px;animation:3s ease-in-out infinite sway;position:absolute;bottom:6px}.seaweed1{animation-delay:0s;left:5%}.seaweed2{animation-delay:-1.5s;right:5%}@keyframes sway{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.fish-swim{font-size:18px;animation:linear infinite swimAcross;position:absolute;bottom:22px}.fish1{animation-duration:13s;animation-delay:0s}.fish2{animation-duration:19s;animation-delay:-7s;transform:scaleX(-1)}@keyframes swimAcross{0%{left:-60px}to{left:110%}}.login-wrapper{z-index:2;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:540px;margin:0 auto;padding:20px;display:flex;position:relative;top:50%;transform:translateY(-50%)}.login-header{text-align:center;animation:.6s steps(6,end) forwards fadeDown}.fish-icon{filter:drop-shadow(0 0 12px #f0c040e6);font-size:52px;animation:1s steps(4,end) infinite bobbing;display:block}@keyframes bobbing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.game-title{color:#f0c040;text-shadow:4px 4px #a07010,0 0 20px #f0c04080;letter-spacing:3px;margin-top:14px;font-size:1.5rem;line-height:1.5}.game-subtitle{color:#a8d8f0;letter-spacing:2px;margin-top:10px;font-size:.48rem;animation:1.2s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.login-card{background:#0d1f3c;border:4px solid #f0c040;border-radius:0;width:100%;padding:36px 44px;animation:.6s steps(6,end) forwards fadeUp;position:relative;box-shadow:0 0 0 4px #0d1f3c,0 0 0 8px #f0c040,8px 8px #000000b3,inset 0 0 40px #0d3b6e66}.login-card:before,.login-card:after{content:"★";color:#f0c040;font-size:11px;position:absolute;top:8px}.login-card:before{left:12px}.login-card:after{right:12px}.card-title-bar{border-bottom:2px solid #1565a8;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;padding-bottom:14px;display:flex}.pixel-dot{background:#f0c040;flex-shrink:0;width:6px;height:6px;display:inline-block}.form-title{color:#f0c040;letter-spacing:2px;font-size:.7rem}.form-group{margin-bottom:18px}.form-group label{color:#a8d8f0;letter-spacing:1px;margin-bottom:8px;font-size:.48rem;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{color:#64dc96;caret-color:#f0c040;background:#060e1a;border:4px solid #0a2a50;border-top:2px solid #1565a8;border-left:2px solid #1565a8;border-radius:0;outline:none;width:100%;padding:10px 50px 10px 12px;font-family:"Press Start 2P",monospace;font-size:.52rem;transition:border-color .1s}.input-wrapper input::placeholder{color:#64dc9638;font-size:.42rem}.input-wrapper input:focus{border-color:#f0c040 #a07010 #a07010 #f0c040;box-shadow:0 0 10px #f0c04040}.toggle-password{cursor:pointer;color:#a8d8f0;background:#1565a8;border:none;border-left:2px solid #0a2a50;justify-content:center;align-items:center;width:40px;font-size:1rem;transition:background .1s,color .1s;display:flex;position:absolute;top:0;bottom:0;right:0}.toggle-password:hover{color:#0a0e1a;background:#f0c040}.btn-login{color:#0a0e1a;letter-spacing:1px;cursor:pointer;background:#f0c040;border:4px solid #a07010;border-color:#ffe080 #a07010 #a07010 #ffe080;border-radius:0;width:100%;margin-top:8px;padding:14px;font-family:"Press Start 2P",monospace;font-size:.55rem;transition:all .1s;position:relative}.btn-login:hover{background:#ffe080;transform:translate(-2px,-2px);box-shadow:4px 4px #a07010}.btn-login:active{box-shadow:none;border:4px solid #ffe080;border-color:#a07010 #ffe080 #ffe080 #a07010;transform:translate(2px,2px)}.btn-login:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-loader{color:#0a0e1a;background:#f0c040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.alert-msg{text-align:center;color:#ff6b6b;background:#ff6b6b1a;border:2px solid #ff6b6b;margin-top:12px;padding:10px;font-size:.42rem;line-height:2;display:none}.loading-spinner{color:#a8d8f0;letter-spacing:1px;justify-content:center;align-items:center;margin-top:12px;font-size:.42rem;animation:.8s step-end infinite blink;display:none}@keyframes fadeDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.login-wrapper{gap:12px;padding:12px;top:auto;transform:none}.login-card{padding:24px 20px}.game-title{font-size:1rem}.fish-icon{font-size:40px}}*{box-sizing:border-box;margin:0;padding:0}#mainmenu-container{z-index:1000;pointer-events:none;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}#mainmenu-container:before{content:"";z-index:0;pointer-events:none;background-image:url(/assets/maps/fishingpediaMap.png);background-position:50%;background-size:cover;animation:24s ease-in-out infinite panMap;position:absolute;inset:-8%}#mainmenu-container:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#f8f3ecd1,#f0e8dda6);position:absolute;inset:0}@keyframes panMap{0%{transform-origin:100% 100%;transform:scale(1.35)translate(0%)}22%{transform-origin:100% 100%;transform:scale(1.35)translateY(-8%)}28%{transform-origin:100% 0;transform:scale(1.35)translateY(-8%)}47%{transform-origin:100% 0;transform:scale(1.35)translate(-8%,-8%)}53%{transform-origin:0 0;transform:scale(1.35)translate(-8%,-8%)}72%{transform-origin:0 0;transform:scale(1.35)translate(-8%)}78%{transform-origin:0 100%;transform:scale(1.35)translate(-8%)}97%,to{transform-origin:0 100%;transform:scale(1.35)translate(0%)}}#mainmenu-container>*,#mainmenu-container button{pointer-events:auto}.pixel-bg,.stars,.clouds,.cloud,.bubble,.bubbles,.ocean-floor,.pixel-wave,.seaweed,.fish-swim{display:none}.menu-wrapper{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.menu-card{background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c80;border-radius:22px;width:min(420px,100vw - 40px);padding:32px 36px 24px;animation:.4s ease-out menuIn;position:relative;box-shadow:0 8px #393939d9,0 22px 52px #00000026,inset 0 0 0 1px #ffffff47}.card-corner{display:none}@keyframes menuIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.menu-header{text-align:center;margin-bottom:16px}.header-icon{margin-bottom:4px;font-size:44px;display:block}.menu-title{color:#1e1e1ef2;letter-spacing:2px;text-transform:uppercase;font-size:1.5rem;font-weight:800;line-height:1.4}.menu-subtitle{color:#505050d9;margin-top:8px;font-size:.7rem;font-weight:500}#mainmenu-username{color:#1e1e1ef2;font-weight:700}.menu-divider{background:linear-gradient(90deg,#0000,#3c3c3c33 15% 85%,#0000);height:1px;margin:14px 10px 18px}.menu-buttons{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.menu-btn{cursor:pointer;letter-spacing:1.5px;color:#282828e6;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c80;border-radius:14px;width:100%;min-height:56px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:.7rem;font-weight:700;transition:all .12s;position:relative;overflow:hidden;box-shadow:0 4px #393939d9,inset 0 0 0 1px #ffffff47}.menu-btn:hover{background:linear-gradient(#f5f5f1fa,#e6e6e1fa);transform:translateY(-2px);box-shadow:0 6px #393939d9,inset 0 0 0 1px #ffffff47}.menu-btn:active{transform:translateY(2px);box-shadow:0 1px #393939d9,inset 0 0 0 1px #ffffff47}.menu-btn .btn-glow{display:none}.btn-content{z-index:1;justify-content:center;align-items:center;gap:10px;display:inline-flex;position:relative}.btn-icon{font-size:.8rem;line-height:1}.menu-btn.play-btn{color:#fff;background:linear-gradient(135deg,#c9953c,#d4a04a);border-color:#78501499;box-shadow:0 4px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.menu-btn.play-btn:hover{background:linear-gradient(135deg,#b8862e,#c9953c);box-shadow:0 6px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.menu-btn.play-btn:active{box-shadow:0 1px #5a3c0fd9,inset 0 0 0 1px #ffffff26}.menu-btn.logout-btn{color:#fff5f5f7;background:linear-gradient(#c04848eb,#9e3232f2);border-color:#78282899;box-shadow:0 4px #641e1ecc,inset 0 0 0 1px #ffffff26}.menu-btn.logout-btn:hover{background:linear-gradient(#cd5252f0,#aa3a3af7);box-shadow:0 6px #641e1ecc,inset 0 0 0 1px #ffffff26}.menu-btn.logout-btn:active{box-shadow:0 1px #641e1ecc,inset 0 0 0 1px #ffffff26}.menu-footer{justify-content:space-between;margin-top:8px;padding:0 4px;display:flex}.footer-text{color:#50505073;letter-spacing:.3px;font-size:.5rem}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;pointer-events:auto;background:#00000059;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.settings-panel{background:#fff;border:2px solid #3c3c3c80;border-radius:18px;width:min(320px,100vw - 40px);padding:24px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;animation:.3s cubic-bezier(.34,1.56,.64,1) panelIn;box-shadow:0 8px #393939d9,0 22px 52px #00000026}.settings-header{text-align:center;margin-bottom:20px}.settings-title{color:#1e1e1ee6;letter-spacing:1px;font-size:.7rem;font-weight:700}.settings-body{flex-direction:column;gap:18px;margin-bottom:20px;display:flex}.setting-row{flex-direction:column;gap:8px;display:flex}.setting-label{color:#505050d9;letter-spacing:.5px;text-transform:uppercase;font-size:.55rem;font-weight:600}.volume-control{align-items:center;gap:12px;display:flex}.volume-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#c9953c,#e8c06a);border-radius:4px;outline:none;flex:1;height:8px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #3c3c3c80;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0000001f}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #3c3c3c80;border-radius:50%;width:18px;height:18px}.volume-value{color:#505050d9;text-align:right;min-width:36px;font-size:.5rem;font-weight:600}.mute-btn{cursor:pointer;color:#282828e6;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c66;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:.5rem;font-weight:600;transition:all .12s;display:flex}.mute-btn:hover{background:linear-gradient(#f5f5f1fa,#e6e6e1fa)}.mute-btn.muted{color:#b43232e6;border-color:#be3c3c80}.mute-btn.muted:hover{border-color:#be3c3cb3}.mute-btn svg{width:16px;height:16px}.settings-footer{justify-content:center;display:flex}.settings-close-btn{cursor:pointer;color:#282828e6;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c80;border-radius:10px;padding:10px 32px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:.5rem;font-weight:700;transition:all .12s;box-shadow:0 4px #393939d9}.settings-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #393939d9}.settings-close-btn:active{transform:translateY(2px);box-shadow:0 1px #393939d9}@media (width<=480px){.menu-card{padding:24px 20px 18px}.menu-title{font-size:1.1rem}.header-icon{font-size:36px}.menu-btn{min-height:48px;font-size:.55rem}}#hud-root{pointer-events:none;z-index:500;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;position:fixed;inset:0}#hud-gear{cursor:pointer;pointer-events:auto;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c80;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .12s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px #393939d9,0 6px 12px #0000001f}#hud-gear:hover{background:linear-gradient(#f5f5f1fa,#e6e6e1fa);transform:translateY(-2px);box-shadow:0 6px #393939d9,0 10px 20px #00000026}#hud-gear:active{transform:translateY(2px);box-shadow:0 1px #393939d9,0 3px 6px #0000001a}#hud-gear svg{color:#282828bf;stroke-width:2px;pointer-events:none;width:20px;height:20px}#hud-gear:hover svg{color:#282828f2}.hud-gear-ring{display:none}#hud-profile{pointer-events:auto;cursor:pointer;background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #3c3c3c80;border-radius:16px;align-items:center;gap:12px;padding:8px 16px 8px 8px;font-family:inherit;transition:all .12s;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px #393939d9,0 6px 14px #0000001f}#hud-profile:hover{background:linear-gradient(#f5f5f1fa,#e6e6e1fa);transform:translateY(-2px);box-shadow:0 6px #393939d9,0 10px 22px #00000026}#hud-profile:active{transform:translateY(2px);box-shadow:0 1px #393939d9,0 3px 6px #0000001a}#hud-avatar{background:linear-gradient(#d2d2cef5,#bebebaf5);border:2px solid #3c3c3c73;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 3px #393939b3,inset 0 0 0 1px #ffffff4d}#hud-avatar svg{color:#28282899;stroke-width:2px;pointer-events:none;width:22px;height:22px}.hud-avatar-ring{display:none}#hud-info{text-align:left;flex-direction:column;gap:1px;min-width:0;display:flex}#hud-name{color:#1e1e1ef2;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;line-height:1.3;overflow:hidden}#hud-level{color:#505050d9;letter-spacing:.4px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.3}.hud-bait-text{color:#646464b3;font-size:11px;font-weight:600;line-height:1.3}.hud-avatar-img{object-fit:cover;border-radius:12px;width:100%;height:100%}@media (width<=420px){#hud-profile{gap:10px;padding:6px 12px 6px 6px;top:10px;left:10px}#hud-avatar{width:42px;height:42px}#hud-name{font-size:13px}#hud-level{font-size:10px}}.profilepopup-overlay{-webkit-backdrop-filter:blur(4px)saturate(110%);z-index:2000;pointer-events:auto;background:radial-gradient(circle at top,#7dd3fc1f,#0000 28%),radial-gradient(circle at bottom,#10b98114,#0000 34%),#020a10a8;justify-content:center;align-items:center;padding:18px;animation:.2s ease-out profilePopupFadeIn;display:flex;position:fixed;inset:0}@keyframes profilePopupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profilePopupSlideUp{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.profilepopup-card{background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #2828288c;border-radius:22px;width:min(520px,100vw - 36px);padding:20px 20px 22px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;animation:.25s ease-out profilePopupSlideUp;position:relative;box-shadow:0 8px #393939d9,0 22px 52px #0006,inset 0 0 0 1px #ffffff47}.profilepopup-title-row{text-align:center;margin-bottom:18px}.profilepopup-title{letter-spacing:2px;color:#121212e6;background:linear-gradient(#121212e6,#323232e6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;display:inline-block}.profilepopup-grid{grid-template-columns:.9fr 1.45fr;align-items:start;gap:18px;display:grid}.profilepopup-left{flex-direction:column;align-items:center;gap:10px;display:flex}.profilepopup-avatar{aspect-ratio:1;background:linear-gradient(#faf4ebf5,#deded9f5);border:2px solid #3c3c3cb3;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:180px;display:flex;overflow:hidden;box-shadow:0 4px #3e3e3ecc,0 8px 16px #0000002e}.profilepopup-avatar svg,.profilepopup-avatar i[data-lucide]{color:#252525eb;stroke-width:1.8px;width:72px;height:72px}.profilepopup-avatar-img{object-fit:cover;border-radius:22px;width:100%;height:100%}.profilepopup-rank-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.profilepopup-rank-icon-wrap{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.profilepopup-rank-icon-wrap svg,.profilepopup-rank-icon-wrap i[data-lucide]{color:#b48c1ef2;width:18px;height:18px}.profilepopup-rank-icon-wrap img{object-fit:contain;width:22px;height:22px}.profilepopup-rank-name{color:#644b0af2;letter-spacing:.8px;font-size:12px;font-weight:700}.profilepopup-level-badge{color:#fff;background:linear-gradient(#3c82c8d9,#1e5aa0e6);border:1px solid #ffffff40;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 1px #00000040}.profilepopup-right{flex-direction:column;gap:10px;min-width:0;display:flex}.profilepopup-field{flex-direction:column;gap:2px;display:flex}.profilepopup-label{color:#121212d9;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.profilepopup-value{color:#161616fa;box-sizing:border-box;background:#f0f0edfa;border:2px solid #3c3c3c8c;border-radius:14px;padding:8px 14px;font-size:15px;font-weight:600;box-shadow:0 2px #46464699,inset 0 0 0 1px #ffffff59}.profilepopup-value-tag,.profilepopup-value-coin{align-items:center;display:flex}.profilepopup-progress-bar{background:#c8c8c399;border:2px solid #3c3c3c8c;border-radius:12px;width:100%;height:18px;overflow:hidden;box-shadow:0 2px #46464699,inset 0 0 0 1px #ffffff59}.profilepopup-progress-fill{background:linear-gradient(90deg,#2aa046e6,#3ec85af2);border-radius:10px;min-width:4px;height:100%;transition:width .3s;display:block}.profilepopup-xp-text{color:#505050cc;text-align:right;margin-top:1px;font-size:11px;font-weight:600}.profilepopup-divider{background:linear-gradient(90deg,#0000,#3c3c3c40 20% 80%,#0000);height:1px;margin:16px 0 14px}.profilepopup-btn{cursor:pointer;border:2px solid #1e461699;border-radius:16px;outline:none;justify-content:center;align-items:center;width:100%;min-height:50px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:flex;position:relative}.profilepopup-btn:hover{transform:translateY(-2px)}.profilepopup-btn:active{transform:translateY(2px)}.profilepopup-btn-edit{color:#f0fff0f7;background:linear-gradient(#3e7832eb,#2a5a22f2);border-color:#1e461699;box-shadow:0 4px #14370ecc,inset 0 0 0 1px #ffffff26}.profilepopup-btn-edit:hover{background:linear-gradient(#48843af0,#326628f7);box-shadow:0 6px #14370ecc,inset 0 0 0 1px #ffffff26}.profilepopup-btn-edit:active{box-shadow:0 1px #14370ecc,inset 0 0 0 1px #ffffff26}@media (width<=560px){.profilepopup-card{padding:16px 16px 18px}.profilepopup-grid{grid-template-columns:1fr;gap:14px}.profilepopup-left{flex-flow:wrap;align-items:center;gap:10px}.profilepopup-avatar{flex-shrink:0;max-width:100px}.profilepopup-rank-info{flex-direction:column;gap:3px}}.profileeditpopup-overlay{-webkit-backdrop-filter:blur(4px)saturate(110%);z-index:2000;pointer-events:auto;background:radial-gradient(circle at top,#7dd3fc1f,#0000 28%),radial-gradient(circle at bottom,#10b98114,#0000 34%),#020a10a8;justify-content:center;align-items:center;padding:18px;animation:.2s ease-out profileEditFadeIn;display:flex;position:fixed;inset:0}@keyframes profileEditFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileEditSlideUp{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes profileEditSpinner{to{transform:rotate(360deg)}}.profileeditpopup-card{background:linear-gradient(#ecece8fa,#ddddd8fa);border:2px solid #2828288c;border-radius:22px;width:min(520px,100vw - 36px);padding:20px 20px 22px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;animation:.25s ease-out profileEditSlideUp;position:relative;box-shadow:0 8px #393939d9,0 22px 52px #0006,inset 0 0 0 1px #ffffff47}.profileeditpopup-close{color:#282828b3;cursor:pointer;z-index:1;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:12px}.profileeditpopup-close:hover{color:#fff;background:#be3c3cd9}.profileeditpopup-title-row{text-align:center;margin-bottom:18px}.profileeditpopup-title{letter-spacing:2px;color:#121212e6;background:linear-gradient(#121212e6,#323232e6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;display:inline-block}.profileeditpopup-grid{grid-template-columns:.9fr 1.45fr;align-items:start;gap:18px;display:grid}.profileeditpopup-left{flex-direction:column;align-items:center;gap:10px;display:flex}.profileeditpopup-avatar{aspect-ratio:1;background:linear-gradient(#faf4ebf5,#deded9f5);border:2px solid #3c3c3cb3;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:180px;display:flex;overflow:hidden;box-shadow:0 4px #3e3e3ecc,0 8px 16px #0000002e}.profileeditpopup-avatar svg,.profileeditpopup-avatar i[data-lucide]{color:#252525eb;stroke-width:1.8px;width:72px;height:72px}.profileeditpopup-avatar-img{object-fit:cover;border-radius:22px;width:100%;height:100%}.profileeditpopup-rank-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.profileeditpopup-rank-icon-wrap{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.profileeditpopup-rank-icon-wrap svg,.profileeditpopup-rank-icon-wrap i[data-lucide]{color:#b48c1ef2;width:18px;height:18px}.profileeditpopup-rank-icon-wrap img{object-fit:contain;width:22px;height:22px}.profileeditpopup-rank-name{color:#644b0af2;letter-spacing:.8px;font-size:12px;font-weight:700}.profileeditpopup-level-badge{color:#fff;background:linear-gradient(#3c82c8d9,#1e5aa0e6);border:1px solid #ffffff40;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 1px #00000040}.profileeditpopup-upload-btn{color:#fffcdcf7;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#b4a850e0,#948837eb);border:2px solid #645a288c;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;max-width:180px;min-height:40px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 3px #5a5014bf,inset 0 0 0 1px #ffffff2e}.profileeditpopup-upload-btn:hover{background:linear-gradient(#c0b45ae6,#a09441f0);transform:translateY(-1px)}.profileeditpopup-upload-btn:active{transform:translateY(2px);box-shadow:0 1px #5a5014bf,inset 0 0 0 1px #ffffff2e}.upload-icon{font-size:16px;font-weight:700;line-height:1}.profileeditpopup-right{flex-direction:column;gap:10px;min-width:0;display:flex}.profileeditpopup-field{flex-direction:column;gap:4px;display:flex}.profileeditpopup-label{color:#121212d9;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.profileeditpopup-input{color:#161616fa;box-sizing:border-box;background:#f0f0edfa;border:2px solid #3c3c3c8c;border-radius:14px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s;box-shadow:0 2px #46464699,inset 0 0 0 1px #ffffff59}.profileeditpopup-input::placeholder{color:#16161659;font-size:13px}.profileeditpopup-input:focus{border-color:#4f8f39e6;box-shadow:0 2px #3c7828b3,inset 0 0 0 1px #ffffff59,0 0 12px #4f8f392e}.profileeditpopup-field-hint{color:#0000;min-height:15px;font-size:11px;font-weight:600;transition:color .15s}.profileeditpopup-field-hint.hint-error{color:#be3232e6}.profileeditpopup-field-hint.hint-success{color:#328c28e6}.profileeditpopup-divider{background:linear-gradient(90deg,#0000,#3c3c3c40 20% 80%,#0000);height:1px;margin:16px 0 14px}.profileeditpopup-actions{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.profileeditpopup-btn{cursor:pointer;border:2px solid #3c3c3c80;border-radius:16px;justify-content:center;align-items:center;min-height:50px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s,opacity .15s;display:flex;position:relative}.profileeditpopup-btn:hover{transform:translateY(-2px)}.profileeditpopup-btn:active{transform:translateY(2px)}.profileeditpopup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.profileeditpopup-btn-cancel{color:#fff5f5f7;background:linear-gradient(#c04848eb,#9e3232f2);border-color:#78282899;box-shadow:0 4px #641e1ecc,inset 0 0 0 1px #ffffff26}.profileeditpopup-btn-cancel:hover{background:linear-gradient(#cd5252f0,#aa3a3af7);box-shadow:0 6px #641e1ecc,inset 0 0 0 1px #ffffff26}.profileeditpopup-btn-cancel:active{box-shadow:0 1px #641e1ecc,inset 0 0 0 1px #ffffff26}.profileeditpopup-btn-save{color:#f0fff0f7;background:linear-gradient(#3e7832eb,#2a5a22f2);border-color:#1e461699;box-shadow:0 4px #14370ecc,inset 0 0 0 1px #ffffff26}.profileeditpopup-btn-save:hover:not(:disabled){background:linear-gradient(#48843af0,#326628f7);box-shadow:0 6px #14370ecc,inset 0 0 0 1px #ffffff26}.profileeditpopup-btn-save:active:not(:disabled){box-shadow:0 1px #14370ecc,inset 0 0 0 1px #ffffff26}.save-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite profileEditSpinner}@media (width<=560px){.profileeditpopup-card{padding:16px 16px 18px}.profileeditpopup-grid{grid-template-columns:1fr;gap:14px}.profileeditpopup-left{flex-flow:wrap;align-items:center;gap:10px}.profileeditpopup-avatar{flex-shrink:0;max-width:100px}.profileeditpopup-rank-info{flex-direction:column;gap:3px}.profileeditpopup-upload-btn{max-width:120px;min-height:36px;font-size:12px}.profileeditpopup-input{height:44px;font-size:14px}.profileeditpopup-actions{gap:12px}.profileeditpopup-btn{min-height:46px;font-size:15px}}.invpopup-overlay{-webkit-backdrop-filter:blur(3px);z-index:2000;pointer-events:auto;background:#00000059;justify-content:center;align-items:center;animation:.2s ease-out invFadeIn;display:flex;position:fixed;inset:0}.invpopup-card{background:#fff;border-radius:20px;width:500px;padding:20px;font-family:Trebuchet MS,system-ui,sans-serif;animation:.25s ease-out invSlideUp;position:relative;box-shadow:0 28px 80px #0000002e}.popup-close-btn{color:#8a7a6a;cursor:pointer;background:#f0ebe4;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:10px;right:10px}.invpopup-title{color:#3d3229;text-align:center;letter-spacing:.3px;margin:0 0 16px;font-size:15px;font-weight:600}.invpopup-body{gap:0;min-height:280px;display:flex}.invpopup-list{flex-shrink:0;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;width:192px;max-height:280px;padding-right:6px;display:grid;overflow-y:auto}.invpopup-list::-webkit-scrollbar{width:4px}.invpopup-list::-webkit-scrollbar-track{background:#f0ebe4;border-radius:4px}.invpopup-list::-webkit-scrollbar-thumb{background:#c4b8aa;border-radius:4px}.invpopup-slot{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#faf6f2;border:1.5px solid #e0d5c8;border-radius:12px;justify-content:center;align-items:center;font-size:26px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.invpopup-slot:hover{background:#fff;border-color:#c9953c;transform:scale(1.04)}.invpopup-slot.selected{background:#fff8ee;border-color:#c9953c;box-shadow:0 0 0 2px #c9953c26}.invpopup-slot.equipped{border-color:#86efac}.invpopup-slot.equipped.selected{background:#f0fdf4;border-color:#22c55e}.invpopup-equipped-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:5px;box-shadow:0 0 4px #22c55e80}.invpopup-broken-overlay{background:#00000059;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.invpopup-slot-icon{pointer-events:none}.invpopup-divider{background:#e0d5c8;flex-shrink:0;align-self:stretch;width:1px;margin:0 14px}.invpopup-detail{flex-direction:column;flex:1;display:flex}.invpopup-detail-empty{color:#b0a494;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.invpopup-empty-icon{opacity:.5;font-size:32px}.invpopup-empty-label{font-size:13px}.invpopup-detail-content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.invpopup-detail-top{flex-direction:column;align-items:center;display:flex}.invpopup-detail-icon{background:#faf6f2;border:1px solid #e0d5c8;border-radius:16px;justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:10px;font-size:42px;display:flex}.invpopup-detail-name{color:#3d3229;text-align:center;margin:0 0 4px;font-size:14px;font-weight:600}.invpopup-equipped-badge{color:#22c55e;background:#f0fdf4;border:1px solid #86efac;border-radius:20px;margin-bottom:6px;padding:2px 10px;font-size:11px}.invpopup-durability{width:100%;margin-top:10px}.invpopup-dur-label{color:#8a7a6a;text-align:center;text-transform:uppercase;letter-spacing:.6px;margin:0 0 5px;font-size:11px}.invpopup-dur-bar{background:#f0ebe4;border-radius:99px;height:5px;overflow:hidden}.invpopup-dur-fill{border-radius:99px;height:100%;transition:width .35s}.invpopup-dur-fill.dur-high{background:#22c55e}.invpopup-dur-fill.dur-mid{background:#eab308}.invpopup-dur-fill.dur-low{background:#ef4444}.invpopup-dur-val{color:#8a7a6a;text-align:center;margin:4px 0 0;font-size:12px}.invpopup-detail-actions{gap:10px;margin-top:16px;display:flex}.invpopup-btn-destroy{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:20px;flex:1;padding:8px 0;font-size:13px;font-weight:500;transition:background .15s,transform .1s}.invpopup-btn-destroy:hover{background:#dc2626;transform:scale(1.02)}.invpopup-btn-destroy:active{transform:scale(.98)}.invpopup-btn-equip{color:#5c4a3a;cursor:pointer;background:#faf6f2;border:1px solid #e0d5c8;border-radius:20px;flex:1;padding:8px 0;font-size:13px;font-weight:500;transition:background .15s,transform .1s}.invpopup-btn-equip:hover{background:#f0ebe4;transform:scale(1.02)}.invpopup-btn-equip:active{transform:scale(.98)}.invpopup-btn-equip.is-equipped{color:#22c55e;background:#f0fdf4;border-color:#86efac}.invpopup-btn-equip.is-equipped:hover{background:#dcfce7}.invpopup-confirm-overlay{z-index:10;background:#0006;border-radius:20px;justify-content:center;align-items:center;animation:.15s ease-out invFadeIn;display:flex;position:absolute;inset:0}.invpopup-confirm-overlay.hidden{display:none}.invpopup-confirm-card{text-align:center;background:#fff;border:1px solid #e0d5c8;border-radius:16px;width:230px;padding:20px 22px;animation:.2s ease-out invSlideUp;box-shadow:0 10px 40px #0000001f}.invpopup-confirm-text{color:#5c4a3a;margin:0 0 16px;font-size:13px;line-height:1.55}.invpopup-confirm-text strong{color:#3d3229}.invpopup-confirm-actions{gap:10px;display:flex}.invpopup-btn-no{color:#8a7a6a;cursor:pointer;background:0 0;border:1px solid #e0d5c8;border-radius:20px;flex:1;padding:7px 0;font-size:12px;font-weight:500;transition:background .12s}.invpopup-btn-no:hover{color:#5c4a3a;background:#f0ebe4}.invpopup-btn-yes{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:20px;flex:1;padding:7px 0;font-size:12px;font-weight:500;transition:background .12s}.invpopup-btn-yes:hover{background:#dc2626}.hidden{display:none!important}.invpopup-rod-icon{object-fit:contain;width:32px;height:32px}.invpopup-rod-detail-icon{object-fit:contain;width:48px;height:48px}.loc-overlay{pointer-events:auto;background:radial-gradient(ellipse at 50% 30%, var(--loc-accent-glow,#0ea5e91a), transparent 50%), #02081299;-webkit-backdrop-filter:blur(6px)saturate(130%);z-index:10050;justify-content:center;align-items:center;padding:18px;animation:.25s locOverlayIn;display:flex;position:fixed;inset:0}@keyframes locOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes locCardIn{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.loc-card{background:var(--loc-bg,#0a1f3a);border:4px solid var(--loc-border,#0ea5e9);width:min(340px,100vw - 36px);box-shadow:0 0 0 4px var(--loc-bg,#0a1f3a), 0 0 0 8px var(--loc-border,#0ea5e9), 8px 8px 0 0 #0009, inset 0 0 40px var(--loc-accent-glow,#0ea5e91a);padding:22px 20px 18px;font-family:"Press Start 2P",monospace;animation:.3s cubic-bezier(.34,1.56,.64,1) locCardIn;position:relative}.loc-corner{border:2px solid var(--loc-accent,#7dd3fc);z-index:2;width:10px;height:10px;position:absolute}.loc-corner.tl{border-bottom:none;border-right:none;top:5px;left:5px}.loc-corner.tr{border-bottom:none;border-left:none;top:5px;right:5px}.loc-corner.bl{border-top:none;border-right:none;bottom:5px;left:5px}.loc-corner.br{border-top:none;border-left:none;bottom:5px;right:5px}.loc-bg-glow{background:radial-gradient(ellipse at 50% 0%, var(--loc-accent-glow,#38bdf80f), transparent 70%);pointer-events:none;position:absolute;inset:0}.loc-header{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.loc-icon{width:36px;height:36px;box-shadow:0 0 0 2px var(--loc-accent-glow,#0ea5e94d), inset 0 2px 0 #ffffff1a;color:#e0f2fe;flex-shrink:0;justify-content:center;align-items:center;display:flex}.loc-icon svg{width:18px;height:18px}.loc-title{letter-spacing:2px;color:var(--loc-accent,#7dd3fc);text-shadow:0 2px 4px #00000080;font-size:.6rem;font-weight:800}.loc-divider{opacity:.4;height:2px;margin:8px 12px 12px}.loc-body{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.loc-desc{color:#7dd3fcb3;letter-spacing:.5px;text-align:center;margin:0;font-size:.35rem;line-height:1.6}.loc-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.loc-stat{border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #06253a,0 5px #041a2a,0 6px 12px #0000004d,inset 0 1px #ffffff0f,inset 0 -1px #0000001a}.loc-stat:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#ffffff03);border-radius:8px 8px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.loc-stat-icon{color:var(--loc-accent,#38bdf880);align-items:center;display:flex}.loc-stat-icon svg{width:14px;height:14px}.loc-stat-label{color:var(--loc-accent,#7dd3fc80);letter-spacing:.5px;font-size:.28rem}.loc-stat-value{color:var(--loc-accent,#7dd3fc);letter-spacing:1px;font-size:.5rem}.loc-btn{cursor:pointer;color:#e0f2fe;letter-spacing:1px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-family:"Press Start 2P",monospace;font-size:.4rem;transition:all 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #06253a,0 6px #041a2a,0 8px 15px #0006,inset 0 2px #ffffff14,inset 0 -2px #00000026}.loc-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#ffffff05);border-radius:10px 10px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.loc-btn:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 24px,#0e749026 24px 26px),repeating-linear-gradient(0deg,#0000,#0000 6px,#0e74900f 6px 8px);border-radius:10px;position:absolute;inset:0}.loc-btn:hover{transform:translateY(-3px);box-shadow:0 7px #06253a,0 9px #041a2a,0 12px 20px #00000080,inset 0 2px #ffffff1f,inset 0 -2px #00000026}.loc-btn:active{transform:translateY(4px);box-shadow:0 1px #06253a,0 2px #041a2a,0 3px 8px #0000004d,inset 0 2px #0000001a,inset 0 -2px #ffffff0d}.loc-btn-key{color:#e0f2fe;letter-spacing:.5px;font-size:.5rem}.interact-bubble{z-index:1500;animation:.3s cubic-bezier(.34,1.56,.64,1) bubbleIn;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes bubblePulse{0%,to{box-shadow:0 0 0 0 var(--loc-accent-glow,#0ea5e966)}50%{box-shadow:0 0 0 8px #0000}}.interact-bubble-card{background:var(--loc-bg,#0a1f3a);border:2px solid var(--loc-border,#0ea5e9);box-shadow:0 0 0 2px var(--loc-bg,#0a1f3a), 0 0 0 4px var(--loc-border,#0ea5e9), 4px 4px 0 0 #00000080;cursor:pointer;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-family:"Press Start 2P",monospace;transition:transform .15s,box-shadow .15s;animation:2s ease-in-out infinite bubblePulse;display:flex}.interact-bubble-card:hover{transform:scale(1.1)}.interact-bubble-card:active{transform:scale(.95)}.interact-bubble-key{background:var(--loc-accent,#7dd3fc);color:#0a1f3a;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.45rem;font-weight:800;display:flex;box-shadow:inset 0 -2px #0003}.interact-bubble-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;line-height:1;display:flex}.interact-bubble-label{color:var(--loc-accent,#7dd3fc);letter-spacing:.5px;white-space:nowrap;font-size:.3rem}.popup-close-btn{color:#ffffffb3;cursor:pointer;z-index:10;background:#0006;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-family:"Press Start 2P",monospace;font-size:14px;line-height:1;transition:all .12s;display:flex;position:absolute;top:8px;right:8px}.popup-close-btn:hover{color:#fff;background:#ffffff26}@media (width<=420px){.loc-card{padding:16px 14px 14px}.loc-title{font-size:.5rem}.loc-desc{font-size:.3rem}.loc-stats{gap:6px}.loc-stat{padding:8px 4px}.loc-stat-value{font-size:.42rem}}