:root{--bg: #0b1620;--bg-2: #0a131c;--panel: #12222e;--panel-2: #0e1c26;--panel-3: #16293688;--line: #21384a;--line-2: #2c4757;--text: #dce8f0;--muted: #7e96a8;--head: #cfe3ee;--accent: #39b56a;--accent-2: #4aa8d8;--gold: #f5c542;--purple: #7c5cff;--cast: #2b9fd6;--danger: #ff6c6c;--common: #b9c6d2;--uncommon: #6cd07e;--rare: #6cb8ff;--epic: #f5c542;--legendary: #ff5a5a}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#2c4757 transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0a131c;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2c4757,#1d3445);border-radius:8px;border:2px solid var(--panel)}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}::-webkit-scrollbar-corner{background:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:radial-gradient(1200px 600px at 50% -10%,#15303f 0%,transparent 60%),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:14px}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}#topbar{display:flex;align-items:center;gap:clamp(8px,1.1vw,18px);padding:clamp(6px,.7vw,10px) clamp(10px,1.2vw,18px);background:linear-gradient(180deg,#15293701,#0e1c26),var(--panel);border-bottom:1px solid var(--line)}.tb-player{display:flex;align-items:center;gap:12px}.avatar{width:clamp(36px,3.2vw,50px);height:clamp(36px,3.2vw,50px);border-radius:12px;background:var(--panel-2);border:2px solid var(--line-2);overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.avatar img{width:130%;height:130%;object-fit:contain;image-rendering:pixelated}.identity{display:flex;flex-direction:column;gap:4px}.id-name{display:flex;align-items:center;gap:7px;font-weight:700;font-size:clamp(12px,.95vw,15px)}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.id-level{display:flex;align-items:center;gap:8px}.level-chip{font-size:11px;font-weight:700;color:var(--accent-2)}.xpbar{width:clamp(70px,9vw,130px);height:7px;background:#0a1620;border:1px solid var(--line);border-radius:6px;overflow:hidden}#xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#2b6fd6,#4aa8d8);border-radius:6px;transition:width .4s}.xp-text{font-size:10px;color:var(--muted)}.balance{display:inline-flex;align-items:center;gap:7px;font-family:Consolas,monospace;font-weight:700;font-size:clamp(12px,.95vw,15px);color:var(--gold);background:#0c1722;border:1px solid var(--line);border-radius:18px;padding:clamp(4px,.5vw,7px) clamp(8px,1vw,14px)}.coin-icon{height:18px;width:18px;image-rendering:pixelated}.logo{display:flex;align-items:baseline;gap:4px;font-weight:800;letter-spacing:.5px}.logo .logo-1{color:#7fd0ff}.logo .logo-2{color:var(--gold)}.logo .logo-fish{font-size:.9em}.logo{font-size:clamp(15px,1.7vw,24px);text-shadow:0 2px 0 #06121b}.logo-img{height:clamp(30px,3vw,46px);width:auto;display:block;image-rendering:auto}.logo-big{font-size:30px;justify-content:center;margin-bottom:12px}#nav{display:flex;gap:clamp(2px,.4vw,6px);flex:1 1 0;min-width:0;justify-content:center;flex-wrap:nowrap}#nav button{display:flex;flex-direction:column;align-items:center;gap:2px;background:#122230;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:7px 10px;min-width:64px;font-size:11px;cursor:pointer}#nav button .ic{font-size:17px;line-height:1}img.ic{width:34px;height:34px;image-rendering:auto;object-fit:contain;display:block}#nav button{padding:4px clamp(3px,.5vw,9px) 3px;min-width:0;gap:1px;font-size:clamp(8px,.66vw,11px);white-space:nowrap}#nav button img.ic{width:clamp(18px,1.9vw,36px);height:clamp(18px,1.9vw,36px)}#nav button svg.ic{display:block;width:clamp(18px,1.9vw,36px);height:clamp(18px,1.9vw,36px);color:#91b8d2;flex:0 0 auto}#nav button:hover svg.ic,#nav button.active svg.ic{color:var(--accent-2)}.tb-online img.ic{width:clamp(18px,1.7vw,26px);height:clamp(18px,1.7vw,26px)}.tb-ic{width:clamp(30px,2.8vw,42px);height:clamp(30px,2.8vw,42px)}.tb-ic img.ic{width:clamp(18px,1.7vw,26px);height:clamp(18px,1.7vw,26px)}#nav button:hover{border-color:var(--accent-2);color:var(--text);background:#16293a}#nav button.active{border-color:var(--accent-2);color:#fff;background:#18394d}.tb-online.active,.tb-ic.active{border-color:var(--accent-2);color:#fff}.tb-right{display:flex;align-items:center;gap:8px}.tb-online{display:flex;flex-direction:column;align-items:center;line-height:1.1;background:#122230;border:1px solid var(--line);border-radius:10px;padding:6px 12px;color:var(--text);cursor:pointer}.tb-online .ic,.tb-online b{font-size:14px}.tb-online small{color:var(--muted);font-size:10px}.tb-ic{width:38px;height:38px;border-radius:10px;background:#122230;border:1px solid var(--line);cursor:pointer;font-size:16px;color:var(--text);display:flex;align-items:center;justify-content:center;padding:0;position:relative}.tb-ic:hover:not(:disabled){border-color:var(--accent-2)}.tb-ic:disabled{opacity:.4;cursor:default}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px}button:hover{border-color:var(--accent-2)}button.primary{background:linear-gradient(180deg,#46c577,#2f9d59);border-color:#2f9d59;color:#08130d;font-weight:700}button.primary:hover{filter:brightness(1.08)}button.purple{background:linear-gradient(180deg,#8b6cff,#6a48f0);border-color:#6a48f0;color:#fff;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:6px 8px;border-radius:8px}#desktop{position:relative;flex:1;overflow:hidden}.panel{position:fixed;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;overflow:hidden;resize:none;min-width:220px;min-height:120px;overscroll-behavior:none;max-width:96vw;max-height:92vh;box-shadow:0 12px 32px #0009;z-index:30}.panel-head{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#16293a,#12222e);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.panel-head .m-ic{font-size:15px}.panel-head h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--head);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-head .m-count{color:var(--muted);font-size:12px}.panel-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:12px 14px}.resize-bl{position:absolute;left:0;bottom:0;width:18px;height:18px;z-index:4;cursor:nesw-resize;touch-action:none;background:repeating-linear-gradient(45deg,transparent 0 3px,#54758a 3px 5px,transparent 5px 7px);clip-path:polygon(0 0,0 100%,100% 100%);opacity:.8}.resize-bl:hover{opacity:1;filter:brightness(1.35)}.resize-br{position:absolute;right:0;bottom:0;width:18px;height:18px;z-index:4;cursor:nwse-resize;touch-action:none;background:repeating-linear-gradient(-45deg,transparent 0 3px,#54758a 3px 5px,transparent 5px 7px);clip-path:polygon(100% 0,0 100%,100% 100%);opacity:.8}.resize-br:hover{opacity:1;filter:brightness(1.35)}#panel-market{min-width:390px}#panel-shop{min-width:390px;min-height:300px}#panel-journal,#panel-leaderboard{min-width:360px}#game-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#game{width:100%;height:100%}#game canvas{image-rendering:auto}.scene-callout{position:absolute;z-index:26;left:50%;top:22%;transform:translate(-50%,-50%);max-width:min(84vw,760px);padding:7px 16px;border-radius:12px;color:#fff;background:#08131dcc;border:1px solid #b9e7ff55;font:800 clamp(19px,2.2vw,34px)/1.15 "Segoe UI",Arial,sans-serif;letter-spacing:.015em;text-align:center;text-wrap:balance;text-shadow:0 2px 2px #000,0 0 10px currentColor;box-shadow:0 8px 24px #0008;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;opacity:0;transition:opacity .1s ease}.scene-callout:not(:empty){opacity:1}.hud{position:absolute;z-index:25}.hud-weather{top:10px;left:10px;background:#0b1620cc;border:1px solid var(--line);border-radius:10px;padding:6px 12px;display:flex;flex-direction:column;line-height:1.25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#hud-time{font-size:18px;font-weight:800}.hud-sel{background:#0d1c28cc;border:1px solid var(--line);color:var(--text);border-radius:7px;padding:4px 6px;font-size:12px;max-width:160px}.hud-bottom{left:12px;bottom:12px;right:auto}.hud-tackle{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:#0b1620cc;border:1px solid var(--line);border-radius:12px;padding:8px 12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tackle-grip{cursor:move;color:var(--muted);font-size:18px;line-height:1;-webkit-user-select:none;user-select:none;touch-action:none;padding:0 4px;align-self:stretch;display:flex;align-items:center}.tackle-grip:hover{color:var(--text)}.hud-field{display:flex;flex-direction:column;gap:3px}.hud-field>span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.hud-tackle #sel-rod{width:150px}.bait-strip{display:flex;gap:6px}.bait-tile{width:44px;height:44px;border-radius:9px;background:#0b1620cc;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:3px}.bait-tile img{max-width:100%;max-height:100%;image-rendering:pixelated}.bait-tile .nolbl{font-size:9px;color:var(--muted);text-align:center}.bait-tile .bait-qty{position:absolute;right:2px;bottom:1px;min-width:16px;padding:0 3px;border-radius:8px;background:#06121ddd;color:#fff;font-size:10px;font-weight:800;line-height:15px;text-shadow:0 1px 2px #000}.bait-tile.empty{filter:grayscale(1);opacity:.45}.bait-tile.sel{border-color:var(--gold);box-shadow:0 0 8px #f5c54266}.bait-tile:hover{border-color:var(--accent-2)}.cast-btn{position:absolute;z-index:26;left:50%;bottom:22%;transform:translate(110px);width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#5cc6f2,var(--cast) 62%,#1d6f9c);border:3px solid #bfe9ff;color:#04222f;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 18px #0008,inset 0 2px 6px #fff6;cursor:pointer;font-size:13px;transition:opacity .18s ease,transform .18s ease,filter .18s ease}.cast-btn .cast-ic{font-size:22px;line-height:1}.cast-btn:hover{filter:brightness(1.06)}.cast-btn:disabled{opacity:.55;filter:grayscale(.4);cursor:default}.cast-btn.in-run{opacity:0;pointer-events:none;transform:translate(110px) scale(.82)}#feedback{position:absolute;z-index:25;left:50%;bottom:clamp(94px,12vh,126px);transform:translate(-50%);max-width:46%;padding:8px 16px;background:#0b1620d9;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--text);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.app-signature{position:fixed;right:14px;bottom:8px;z-index:24;color:#9bb0be;font-size:11px;line-height:1;letter-spacing:.035em;text-shadow:0 1px 3px #06121b,0 0 8px #06121bcc;opacity:.82;pointer-events:none;-webkit-user-select:none;user-select:none}.app-signature span{color:#c4d4de}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a0fd1;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.hidden{display:none}.login-card{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;padding:30px 34px;width:380px;text-align:center;box-shadow:0 20px 60px #000a}.login-card p{color:var(--muted);margin:0 0 18px}.login-card input{width:100%;padding:11px;margin-bottom:12px;border-radius:9px;border:1px solid var(--line);background:#0a141d;color:var(--text)}.login-actions{display:flex;gap:10px}.login-actions button{flex:1}.login-err{color:var(--danger);min-height:18px;margin-top:10px;font-size:13px}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;width:min(760px,94vw);max-height:86vh;overflow:auto;padding:0;box-shadow:0 24px 70px #000b}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:linear-gradient(180deg,#16293a,#12222e);z-index:2}.modal-head .m-ic{font-size:18px}.modal-head h2{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:var(--head);flex:1}.modal-head .m-count{color:var(--muted);font-size:12px}.close-x{background:transparent;border:none;font-size:18px;color:var(--muted)}.close-x:hover{color:var(--text)}.max-btn{background:transparent;border:none;font-size:16px;color:var(--muted);padding:0 4px;line-height:1}.max-btn:hover{color:var(--accent-2)}.modal-body{padding:16px 18px}.notification-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--danger);color:#fff;border:2px solid var(--panel);font:800 10px/14px Segoe UI,sans-serif;text-align:center}.chat-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e84f57;color:#fff;border:2px solid var(--panel);font-size:10px;font-weight:800;line-height:13px;text-align:center}.notification-center{position:fixed;z-index:240;width:min(370px,92vw);max-height:min(520px,78vh);display:flex;flex-direction:column;overflow:hidden;zoom:var(--ui-s, 1);background:#0e1c26f5;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 18px 55px #000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notification-center-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.notification-center-head strong{flex:1;text-transform:uppercase;letter-spacing:.8px}.notification-center-head button{padding:5px 8px;font-size:11px}.notification-list{overflow:auto;overscroll-behavior:contain}.notification-empty{padding:28px 18px;color:var(--muted);text-align:center}.notification-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid #21384a88;background:transparent}.notification-item.unread{background:#173548aa;box-shadow:inset 3px 0 var(--accent-2)}.notification-item-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--panel-2);font-size:17px}.notification-item>div{min-width:0;display:flex;flex-direction:column;gap:2px}.notification-item strong{font-size:12px}.notification-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.notification-item time{color:#5f7488;font-size:10px}.game-alerts{position:fixed;z-index:230;left:18px;top:78px;display:flex;flex-direction:column;gap:8px;pointer-events:none;zoom:var(--ui-s, 1)}.game-alert{width:min(390px,88vw);display:flex;align-items:center;gap:12px;padding:12px 15px;background:#102431f2;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 12px 40px #000b;opacity:0;transform:translate(-24px);transition:opacity .22s ease,transform .22s ease}.game-alert.visible{opacity:1;transform:translate(0)}.game-alert.important{border-color:#d4a72c;background:linear-gradient(135deg,#18323f,#332c16);box-shadow:0 12px 44px #000c,0 0 24px #f5c54222}.game-alert .game-alert-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#0a141d99;font-size:22px}.game-alert>div{display:flex;flex-direction:column;gap:3px}.game-alert strong{color:var(--gold);font-size:13px}.game-alert span{font-size:12px;color:var(--text)}.reward-modal-body{text-align:center}.reward-summary{color:var(--muted);margin:0 0 14px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.reward-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:120px;padding:14px;border:2px solid var(--line);border-radius:12px;background:var(--panel-2)}.reward-card .icon{width:64px;height:54px;max-width:80px;object-fit:contain;image-rendering:auto}.reward-card.rarity-uncommon{border-color:#2f6b43}.reward-card.rarity-rare{border-color:#2f5a8a}.reward-card.rarity-epic{border-color:#8a7220}.reward-card.rarity-legendary{border-color:#8a2f2f}.reward-qty{position:absolute;right:9px;top:8px;color:var(--gold);font-weight:800}.reward-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:24px;border:1px dashed var(--line-2);border-radius:12px;background:var(--panel-2)}.reward-empty-icon{font-size:30px}.reward-actions{display:flex;justify-content:center;margin-top:16px}.reward-actions button{min-width:130px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px;background:var(--panel-2)}.row:hover{border-color:var(--line-2)}.row .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.row .label{font-weight:600}.row .sub{font-size:11px;color:var(--muted)}.row .actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.rowleft{display:flex;align-items:center;gap:10px;min-width:0}.icon{height:30px;width:auto;max-width:60px;image-rendering:pixelated;flex:0 0 auto}.qty-input{width:64px;padding:6px;background:#0a141d;color:var(--text);border:1px solid var(--line);border-radius:7px}.empty{color:var(--muted);font-style:italic;padding:8px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:16px 0 8px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.market-filters{margin:10px 0;align-items:stretch}.market-filters select.qty-input{width:auto;min-width:122px;flex:1 1 122px}.market-enchant-filter{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:0 3px}.market-stats{margin:10px 0 14px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0b1a25}.market-history-title{margin:0 0 4px;color:var(--head)}.market-history-hint{margin-bottom:9px}.market-stats-selector{flex:1 1 190px;min-width:150px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#0a141d}.market-stats-selector input{flex:1 1 auto;min-width:0;width:auto;border:0;border-radius:0;background:transparent;outline:0}.market-stats-selected-icon{flex:0 0 auto;width:34px;height:26px;max-width:34px;margin-right:6px;object-fit:contain;image-rendering:auto}.market-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin-top:9px}.market-metric{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.market-metric b{color:var(--gold);font-size:12px}.market-chart{margin-top:9px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#08131c}.market-chart-caption{display:flex;justify-content:space-between;gap:8px}.market-chart-svg{display:block;width:100%;height:92px;margin-top:4px;overflow:visible}.market-chart-line{fill:none;stroke:#49a9e8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #2386c577)}.market-chart-dot{fill:#f5c542;stroke:#07131d;stroke-width:1}.market-chart-range{display:flex;justify-content:flex-end}.market-trades{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:7px}.market-order-create{padding:9px;margin-bottom:8px;border:1px dashed var(--line-2);border-radius:9px}.market-order-create .market-order-def{flex:1 1 170px;width:auto}.market-order-create button{white-space:nowrap}.market-order-row{border-left:3px solid #7d62c7}.shop-note{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#102431}.shop-tabs{margin-bottom:10px}.shop-tabs .silver-tab.active{color:#fff2b1;border-color:#d8ad45;background:#4a3715}.silver-shop-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:11px 12px;border:1px solid #d8ad4566;border-radius:10px;background:linear-gradient(135deg,#2a2415,#17252a)}.silver-shop-head .meta{display:flex;flex-direction:column;gap:2px}.silver-balance{min-width:92px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:3px 6px;padding:7px 9px;border:1px solid #d8ad4555;border-radius:9px;background:#0b151c}.silver-balance .silver-coin{grid-row:1 / 3;width:25px;height:25px;display:grid;place-items:center;border:2px solid #ffe28a;border-radius:50%;color:#ffe28a;background:radial-gradient(circle at 35% 30%,#fff2b1,#b98527 72%);box-shadow:inset 0 0 0 2px #6f4c14,0 1px 4px #0008}.silver-balance .silver-coin:after{content:"Ag";color:#513509;font:800 9px Consolas,monospace;text-shadow:0 1px #fff4b8}.silver-balance strong{color:#ffe28a;font:800 19px Consolas,monospace}.silver-section-hint{margin:-3px 0 7px}.silver-category-title{margin:8px 0 4px;color:#d8ad45;text-transform:uppercase;letter-spacing:.6px}.silver-action{color:#2a1d03!important;border-color:#d8ad45!important;background:linear-gradient(#ffe294,#d8ad45)!important;font-weight:800;white-space:nowrap}.silver-qty{width:55px}.silver-history-row{display:grid;grid-template-columns:minmax(75px,auto) 1fr auto;gap:8px;align-items:center;padding:5px 2px;border-bottom:1px solid #ffffff0b}.relief-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:9px;padding:10px 12px;border:1px dashed var(--line-2);border-radius:10px;background:#0b1924cc}.relief-card.available{border-style:solid;border-color:#4ebf7288;background:linear-gradient(135deg,#102431,#173423)}.relief-card .meta{display:flex;flex-direction:column;gap:2px}.relief-icon{font-size:24px}.shop-row>button{white-space:nowrap}.shop-row.sold-out{opacity:.65}.journal-list{margin-top:12px}.bestiary-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bestiary-filters input{flex:1 1 220px;min-width:160px}.bestiary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}.bestiary-card{display:grid;grid-template-columns:104px 1fr;gap:12px;min-width:0;padding:11px;border:1px solid var(--line);border-left-width:3px;border-radius:11px;background:#0d1b26cc}.bestiary-fish-img{width:104px;height:82px;object-fit:contain;align-self:center}.bestiary-info{min-width:0}.bestiary-name{font-weight:800;font-size:15px;margin-bottom:3px}.bestiary-drop-title{margin:8px 0 5px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.bestiary-drops{display:flex;flex-wrap:wrap;gap:5px}.drop-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:#142534;font-size:11px}.drop-chip img{width:18px;height:18px;object-fit:contain}.see-all{color:var(--accent-2);font-size:12px;cursor:pointer}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{background:#122230;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--muted);font-size:12px}.tabs button.active{background:linear-gradient(180deg,#2f80c0,#2168a8);border-color:#2168a8;color:#fff;font-weight:700}.inventory-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 12px}.inventory-filters[hidden]{display:none}.inventory-rarity-select{min-width:150px}.inventory-bulk-action{flex:1 0 100%;white-space:nowrap}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,62px);gap:10px;justify-content:start}.slot{position:relative;width:62px;height:62px;border-radius:12px;background:var(--panel-2);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px}.slot:hover{border-color:var(--accent-2)}.slot.sel{border-color:var(--gold);box-shadow:0 0 10px #f5c54255}.slot img{max-width:100%;max-height:100%;image-rendering:pixelated}.slot .qty{position:absolute;right:4px;bottom:3px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}.slot .broken{position:absolute;left:3px;top:2px;font-size:15px;filter:drop-shadow(0 1px 2px #000)}.slot.broken-rod:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;background:linear-gradient(132deg,transparent 46%,#ff6c6c 47% 51%,transparent 52%);filter:drop-shadow(0 0 2px #4d0505)}.slot.broken-rod img{filter:grayscale(.8) brightness(.65)}.slot.empty-slot{cursor:default;border-style:dashed;opacity:.5}.slot.rarity-uncommon{border-color:#2f6b43}.slot.rarity-rare{border-color:#2f5a8a}.slot.rarity-epic{border-color:#8a7220}.slot.rarity-legendary{border-color:#8a2f2f}.slot.equip{border-color:#2f80c0!important}.slot.bait-empty-slot{filter:grayscale(1);opacity:.55}.slot.sel{border-color:var(--gold)!important;box-shadow:0 0 10px #f5c54255}.inv-foot{margin-top:10px;padding-top:8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.profession-card{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:11px 12px;border:1px solid var(--line-2);border-radius:11px;background:linear-gradient(135deg,#102431,#142b2a)}.profession-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.profession-head .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.profession-emblem{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#081722;font-size:20px}.profession-discount{color:var(--uncommon);font:800 15px Consolas,monospace}.profession-progress-label{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.profession-progress{height:8px;overflow:hidden;border:1px solid #284657;border-radius:7px;background:#07131d}.profession-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3c87ce,#54c67f);box-shadow:0 0 9px #54c67f55}.profession-actions{display:flex;flex-wrap:wrap;gap:5px}.profession-actions span{padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:#0b1a25;color:#bcd0de;font-size:10px}.craft-queue-card{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;padding:10px 11px;border:1px solid #4c759266;border-radius:11px;background:linear-gradient(145deg,#0b1822,#102735)}.craft-queue-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.craft-queue-head strong{color:#d7e9f4}.craft-queue-empty{padding:8px 4px}.craft-job{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #ffffff10;border-radius:8px;background:#07141dcc}.craft-job.running{border-color:#4eac7a66;background:linear-gradient(90deg,#0d2a25,#0a1822)}.craft-job .icon{width:30px;height:30px}.craft-job .meta{display:flex;flex-direction:column;gap:3px;min-width:0}.craft-job-time{color:#b8cfde;font:700 10px Consolas,monospace;white-space:nowrap}.craft-job-progress{height:5px;overflow:hidden;border-radius:5px;background:#02090e}.craft-job-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3787c7,#54c67f);transition:width .25s linear}.craft-risk{width:fit-content;padding:2px 5px;border:1px solid currentColor;border-radius:6px;font-size:9px;line-height:1.2}.craft-risk.compact{opacity:.9}.craft-risk.safe{color:#7ecf9c;background:#123024}.craft-risk.warning{color:#e2bf6b;background:#342812}.craft-risk.danger{color:#ef8a7f;background:#3a1918}.craft-recent{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding-top:3px}.craft-recent-chip{padding:2px 5px;border-radius:6px;color:#8fd3a9;background:#153024;font-size:9px}.craft-recent-chip.damaged{color:#e2bf6b;background:#342812}.craft-recent-chip.failed{color:#ef8a7f;background:#3a1918}.legendary-set-card{display:flex;flex-direction:column;gap:9px;margin-bottom:12px;padding:11px;border:1px solid #b04f5966;border-radius:12px;background:linear-gradient(135deg,#271522,#102734);box-shadow:inset 0 0 24px #ff5a5a0a}.legendary-set-card.complete{border-color:#e8bd5f99;background:linear-gradient(135deg,#32250f,#103038);box-shadow:0 0 18px #e8bd5f18}.legendary-set-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.legendary-set-head .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.legendary-drop-hint{color:#d6b96f!important}.legendary-set-emblem{width:37px;height:37px;display:grid;place-items:center;border:1px solid #ff79794d;border-radius:10px;background:#0a1620;font-size:21px}.legendary-set-count{padding:4px 7px;border:1px solid #e8bd5f66;border-radius:8px;color:#ffe390;background:#19170e;font:800 12px Consolas,monospace}.legendary-parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.legendary-part{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;border:1px solid #ffffff12;border-radius:9px;background:#07131d99;opacity:.72}.legendary-part.found{border-color:#e7bb5b66;background:#211d10cc;opacity:1}.legendary-part img{width:30px;height:30px;object-fit:contain}.legendary-part .meta{min-width:0;display:flex;flex-direction:column;gap:2px}.legendary-part strong{overflow:hidden;color:#e3c6c9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.legendary-part.found strong{color:#ffe390}.legendary-part .meta span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.legendary-part-state{color:#8294a0;font-weight:900}.legendary-part.found .legendary-part-state{color:#ffe390}.tip .built-in-effect{border-color:#d8ad4566;background:linear-gradient(135deg,#2a2110,#10232d)}.action-bar{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.action-bar .ab-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:140px}.kpi{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.kpi .card{flex:1;min-width:130px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kpi .card .v{font-family:Consolas,monospace;font-size:19px;font-weight:800}.kpi .card .k{font-size:11px;color:var(--muted);margin-top:2px}.analytics-intro{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.analytics-intro strong{color:var(--gold);font-size:15px}.analytics-intro .sub,.analytics-fact .sub,.analytics-record .sub{color:var(--muted);font-size:11px}.analytics-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi .card{min-width:0}.analytics-columns{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr);gap:14px}.analytics-section{min-width:0}.analytics-outcomes{display:flex;flex-direction:column;gap:7px}.analytics-outcome-label{display:flex;justify-content:space-between;gap:8px;font-size:11px}.analytics-outcome-label b{color:var(--text)}.analytics-bar{height:6px;overflow:hidden;border-radius:99px;background:#07131c}.analytics-bar i{display:block;height:100%;min-width:0;border-radius:inherit;background:var(--accent-2)}.analytics-bar .outcome-landed{background:#4ebf72}.analytics-bar .outcome-missed,.analytics-bar .outcome-escaped{background:#d69a45}.analytics-bar .outcome-snapped{background:#dc5a62}.analytics-bar .outcome-nobite,.analytics-bar .outcome-expired{background:#64788a}.analytics-fact{display:flex;flex-direction:column;gap:2px;padding:8px 10px;margin-bottom:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}.analytics-fact strong{color:var(--head)}.analytics-chart{height:130px;display:flex;align-items:stretch;gap:5px;padding:10px 9px 6px;border:1px solid var(--line);border-radius:10px;background:#08131c}.analytics-day{flex:1 1 0;min-width:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.analytics-day-column{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.analytics-day-column>i{position:relative;display:block;width:min(18px,80%);min-height:2px;overflow:hidden;border-radius:4px 4px 2px 2px;background:#367ca8}.analytics-day-column b{position:absolute;inset:auto 0 0;background:var(--gold)}.analytics-day>span{color:var(--muted);font-size:9px;writing-mode:vertical-rl;transform:rotate(180deg)}.analytics-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px}.analytics-record{min-width:0;min-height:78px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-left-width:3px;border-radius:10px;background:var(--panel-2)}.analytics-record>div{min-width:0;display:flex;flex-direction:column;gap:2px}.analytics-record strong{color:currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-fish{width:72px;height:56px;max-width:72px;object-fit:contain;image-rendering:auto}.analytics-record.summary{color:var(--text);align-items:flex-start;justify-content:center}.analytics-record.summary strong{color:var(--gold);font:800 18px Consolas,monospace}.analytics-record.empty-record{align-items:flex-start;justify-content:center;color:var(--muted)}.analytics-market{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.analytics-loading{padding:24px 8px;text-align:center}@media(max-width:680px){.analytics-columns{grid-template-columns:1fr}.analytics-day:nth-child(2n)>span{visibility:hidden}.legendary-parts-grid{grid-template-columns:1fr}}.achievement-summary{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:13px 14px;border:1px solid #d8ad4566;border-radius:12px;background:linear-gradient(135deg,#2b2515,#102633)}.achievement-summary-ring{--progress: 0deg;position:relative;width:60px;height:60px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--gold) var(--progress),#07131d 0);box-shadow:0 0 18px #d8ad4522}.achievement-summary-ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:inherit;background:#0d1c26}.achievement-summary-ring strong{position:relative;color:#ffe493;font:800 14px Consolas,monospace}.achievement-summary-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.achievement-summary-copy strong{color:#ffe493;font-size:15px}.achievement-summary-copy span{color:var(--muted);font-size:11px;line-height:1.4}.achievement-group-title{margin-top:14px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:9px}.achievement-card{min-width:0;display:flex;flex-direction:column;gap:8px;padding:11px;border:1px solid var(--line);border-left-width:3px;border-radius:11px;background:linear-gradient(145deg,#0a1721,#10232f)}.achievement-card.completed{border-color:#d8ad4577;background:linear-gradient(145deg,#29220f,#10252b);box-shadow:inset 0 0 20px #d8ad450c}.achievement-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.achievement-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff16;border-radius:10px;background:#07131d;font-size:20px;filter:grayscale(.75)}.achievement-card.completed .achievement-icon{border-color:#d8ad4566;filter:none}.achievement-title{min-width:0;display:flex;flex-direction:column;gap:2px}.achievement-title strong{overflow:hidden;color:var(--head);text-overflow:ellipsis;white-space:nowrap}.achievement-title span{color:var(--muted);font:700 10px Consolas,monospace}.achievement-card.completed .achievement-title span{color:#e0bd63}.achievement-check{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#16260f;background:var(--gold);font-weight:900}.achievement-card p{min-height:30px;margin:0;color:#a9bdca;font-size:11px;line-height:1.4}.achievement-progress{height:7px;overflow:hidden;border:1px solid #294553;border-radius:99px;background:#050e15}.achievement-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3482bd,#53bc7d);transition:width .25s ease}.achievement-card.completed .achievement-progress i{background:linear-gradient(90deg,#b98527,#ffe493)}.achievement-reward-label{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.achievement-rewards{display:flex;flex-wrap:wrap;gap:5px}.achievement-reward{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #ffffff16;border-radius:8px;background:#07141d;font-size:10px}.achievement-reward img{width:22px;height:22px;object-fit:contain}.muted{color:var(--muted)}.rarity-common{color:var(--common)}.rarity-uncommon{color:var(--uncommon)}.rarity-rare{color:var(--rare)}.rarity-epic{color:var(--epic)}.rarity-legendary{color:var(--legendary)}.dura{font-family:monospace;font-size:11px}.dura.low{color:var(--danger)}.ratio-ok{color:var(--uncommon)}.ratio-bad,.toast-err{color:var(--danger)}.toast-ok{color:var(--uncommon)}.chat-wrap{display:flex;flex-direction:column;height:100%;min-height:120px;gap:8px}.chat-tabs{flex:0 0 auto;margin:0}.chat-dm-controls{display:flex;align-items:center;gap:8px}.chat-dm-controls[hidden]{display:none!important}.danger-soft{color:#ffd2c8;border-color:#e7644f8c;background:#772b226b}.chat-recipient{flex:1;min-width:0}.chat-hint{min-height:15px;color:#f5c542}.chat-box{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:1px}.chat-msg{font-size:12px;line-height:1.5}.chat-msg.dm{color:#d8c8ff}.chat-msg.sys{color:var(--muted);font-style:italic}.chat-ts{color:#5f7488}.chat-name{font-weight:700}.chat-row{display:flex;gap:8px;align-items:stretch}.chat-input{flex:1;background:#0a141d;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.send-btn{width:42px;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px;background:var(--accent-2);border-color:var(--accent-2);color:#04222f}.send-btn:hover{filter:brightness(1.1)}.online-player-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:3px 0;border-bottom:1px solid #ffffff0b}.online-player-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-open-btn{flex:0 0 auto;padding:4px 7px;font-size:10px}.tip{position:fixed;z-index:10001;display:none;pointer-events:none;background:#0a141d;border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;max-width:260px;box-shadow:0 10px 30px #000a;font-size:12px}.panel,.hud,.tip,.ctx-menu,.settings-menu{zoom:var(--ui-s, 1)}.tip{min-width:260px;max-width:340px}.tip>div{line-height:1.35}.tip .stat-row{display:flex;gap:6px;align-items:baseline;font-size:12px}.tip .stat-row .stat-k{color:var(--muted);flex:1 1 auto}.tip .stat-row .stat-v{font-weight:700;white-space:nowrap}.tip .stat-row .cmp-up{color:var(--uncommon);font-size:11px;white-space:nowrap}.tip .stat-row .cmp-down{color:var(--legendary);font-size:11px;white-space:nowrap}.tip .stat-row .cmp-eq{color:var(--muted);font-size:11px}.tip .cmp-swap{color:#d9b86c;font-size:11px}.tip .effect-card{display:flex;flex-direction:column;gap:2px;margin-top:7px;padding:7px 8px;border:1px solid #ffffff17;border-radius:7px;background:#08131bcc}.tip .effect-card.active{border-color:#4d8dc766;background:#0b1b28}.tip .effect-title{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.45px}.tip .rod-description{margin-top:7px;padding-top:6px;border-top:1px solid #ffffff12;font-style:italic}.tip .compare-legend{margin-top:7px;color:#91a9ba}.ctx-menu{position:fixed;z-index:10000;background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:6px;min-width:160px;box-shadow:0 14px 40px #000b;display:flex;flex-direction:column;gap:2px}.ctx-menu .ctx-title{font-size:11px;color:var(--muted);padding:4px 8px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}.ctx-menu button{width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:7px}.ctx-menu button:hover:not(:disabled){background:var(--panel-2)}.settings-menu{position:fixed;z-index:60;background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:6px;box-shadow:0 12px 40px #000a;min-width:140px}.settings-menu button{width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:8px}.settings-menu button:hover{background:var(--panel-2)}.settings-zoom{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px;min-width:200px}.settings-zoom .sz-label{font-size:12px;color:var(--muted);margin-bottom:6px}.settings-zoom input[type=range]{width:100%;accent-color:var(--accent-2);cursor:pointer}.settings-zoom .sz-reset{width:auto!important;padding:3px 8px!important;margin-top:6px;font-size:11px;color:var(--accent-2);border:1px solid var(--line)!important;border-radius:7px!important}.trend{font-size:11px;font-weight:700}.trend.up{color:var(--uncommon)}.trend.down{color:var(--danger)}.trend.flat{color:var(--muted)}.guild-head{display:flex;gap:12px;align-items:center}.guild-emblem{width:44px;height:44px;border-radius:10px;background:#16293a;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}.gbar{height:8px;background:#0a1620;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:6px}.gbar-fill{height:100%;background:linear-gradient(90deg,#2b6fd6,#4aa8d8)}.badge-new{background:#c0392b;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:uppercase}.me-row{background:#14323a!important;border-color:#2a6b5a!important}@media(max-width:1180px){#nav button span:not(.ic){display:none}#nav button{min-width:40px}}