:root[data-theme=starry],.theme-option[data-theme=starry]{--bg:#0b1020;--bg-deep:#05070f;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #818cf81f, transparent 60%);--surface:#121628e0;--surface-2:#181d34eb;--surface-3:#1f2542f2;--border:#232b52;--border-strong:#323d6e;--text:#e5e7f5;--text-dim:#a0a7cc;--text-mute:#6b7298;--accent:#818cf8;--accent-2:#38bdf8;--accent-soft:#818cf826;--gold:#fbbf24;--gold-soft:#fbbf241f;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#818cf8;--quality-1:#a0a7cc;--quality-2:#5ed489;--quality-3:#5f9ae7;--quality-4:#7f5de5;--quality-5:#bb50e2;--quality-6:#f5bc66;--quality-7:#ec5160;--quality-8:#6ff6f6;--quality-9:#fd91d5;--quality-10:#fdb5e2;--shadow:0 8px 28px #00000073;--glow:0 0 18px #818cf84d;--radius:12px}:root[data-theme=dawn],.theme-option[data-theme=dawn]{--bg:#f8f4ec;--bg-deep:#efe7d8;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #0e9f8a1a, transparent 60%);--surface:#ffffffeb;--surface-2:#fff;--surface-3:#fdfdf9;--border:#d6d0c2;--border-strong:#bdb3a0;--text:#334155;--text-dim:#64748b;--text-mute:#94a3b8;--accent:#0e9f8a;--accent-2:#f59e0b;--accent-soft:#0e9f8a1a;--gold:#d97706;--gold-soft:#d977061a;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--quality-1:#64748b;--quality-2:#2ba156;--quality-3:#1e6acc;--quality-4:#481fc1;--quality-5:#811ba7;--quality-6:#d3840d;--quality-7:#cf1729;--quality-8:#0cb6b6;--quality-9:#eb0597;--quality-10:#bc0679;--shadow:0 6px 22px #78643c29;--glow:0 0 14px #0e9f8a2e;--radius:10px}:root[data-theme=polar],.theme-option[data-theme=polar]{--bg:#0a0e1a;--bg-deep:#050810;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #67e8f91a, transparent 60%);--surface:#101827db;--surface-2:#162134eb;--surface-3:#1c293ff2;--border:#23334a;--border-strong:#33486b;--text:#e6edf7;--text-dim:#9fb0c8;--text-mute:#6b7c96;--accent:#67e8f9;--accent-2:#a5f3fc;--accent-soft:#67e8f921;--gold:#fcd34d;--gold-soft:#fcd34d1a;--success:#6ee7b7;--warning:#fcd34d;--danger:#fb7185;--info:#67e8f9;--quality-1:#9fb0c8;--quality-2:#5ed481;--quality-3:#5fa3e7;--quality-4:#765de5;--quality-5:#b150e2;--quality-6:#f5b266;--quality-7:#ec516a;--quality-8:#6ff6ed;--quality-9:#fd91dc;--quality-10:#fdb5e7;--shadow:0 8px 30px #0000008c;--glow:0 0 16px #67e8f947;--radius:10px}:root[data-theme=emerald],.theme-option[data-theme=emerald]{--bg:#ecf7f1;--bg-deep:#ddeee4;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #0d8a5f21, transparent 60%);--surface:#ffffffeb;--surface-2:#fff;--surface-3:#f0faf5;--border:#c3dccd;--border-strong:#9fc3b1;--text:#1f3d33;--text-dim:#4f7a6a;--text-mute:#7fa393;--accent:#0d8a5f;--accent-2:#34d399;--accent-soft:#0d8a5f1f;--gold:#ca8a04;--gold-soft:#ca8a041a;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#0ea5e9;--quality-1:#6b9b8a;--quality-2:#2ba162;--quality-3:#1e58cc;--quality-4:#581fc1;--quality-5:#8f1ba7;--quality-6:#d3980d;--quality-7:#cf1717;--quality-8:#0ca5b6;--quality-9:#eb0580;--quality-10:#bc0667;--shadow:0 6px 22px #14503c29;--glow:0 0 14px #0d8a5f33;--radius:10px}:root[data-theme=brass],.theme-option[data-theme=brass]{--bg:#171310;--bg-deep:#0e0b09;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #d977061c, transparent 60%);--surface:#261e16e6;--surface-2:#30261cf0;--surface-3:#3a2e22f5;--border:#3d3126;--border-strong:#5a4a38;--text:#efe6d8;--text-dim:#b8a794;--text-mute:#82715c;--accent:#d97706;--accent-2:#f59e0b;--accent-soft:#d9770626;--gold:#fbbf24;--gold-soft:#fbbf241f;--success:#a3e635;--warning:#fbbf24;--danger:#f87171;--info:#d97706;--quality-1:#b8a794;--quality-2:#5ed491;--quality-3:#5f91e7;--quality-4:#885de5;--quality-5:#c550e2;--quality-6:#f5c566;--quality-7:#ec5156;--quality-8:#6fedf6;--quality-9:#fd91ce;--quality-10:#fdb5de;--shadow:0 8px 28px #00000080;--glow:0 0 16px #d9770640;--radius:10px}:root[data-theme=storm],.theme-option[data-theme=storm]{--bg:#151024;--bg-deep:#0b0814;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #a855f726, transparent 60%);--surface:#1c162ce6;--surface-2:#241c38f0;--surface-3:#2d2344f5;--border:#3a2f55;--border-strong:#4f3f73;--text:#ece6f8;--text-dim:#b3a6cf;--text-mute:#7d7199;--accent:#a855f7;--accent-2:#22d3ee;--accent-soft:#a855f726;--gold:#fde047;--gold-soft:#fde0471f;--success:#a3e635;--warning:#fde047;--danger:#fb7185;--info:#a855f7;--quality-1:#b3a6cf;--quality-2:#5ed489;--quality-3:#5f9ae7;--quality-4:#7f5de5;--quality-5:#bb50e2;--quality-6:#f5bc66;--quality-7:#ec5160;--quality-8:#6ff6f6;--quality-9:#fd91d5;--quality-10:#fdb5e2;--shadow:0 8px 30px #00000080;--glow:0 0 16px #a855f747;--radius:10px}:root[data-theme=coral],.theme-option[data-theme=coral]{--bg:#fdf4ef;--bg-deep:#f7e6da;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #f973161a, transparent 60%);--surface:#fffaf7eb;--surface-2:#fffdfb;--surface-3:#fdf1e8;--border:#eed5c6;--border-strong:#dcb49c;--text:#4a2f24;--text-dim:#8a6a58;--text-mute:#b09482;--accent:#f97316;--accent-2:#fb7185;--accent-soft:#f973161c;--gold:#d97706;--gold-soft:#d977061a;--success:#10b981;--warning:#d97706;--danger:#e11d48;--info:#0ea5e9;--quality-1:#8a6a58;--quality-2:#2ba156;--quality-3:#1e6acc;--quality-4:#481fc1;--quality-5:#811ba7;--quality-6:#d3840d;--quality-7:#cf1729;--quality-8:#0cb6b6;--quality-9:#eb0597;--quality-10:#bc0679;--shadow:0 6px 22px #783c2829;--glow:0 0 14px #f973162e;--radius:10px}:root[data-theme=ink],.theme-option[data-theme=ink]{--bg:#f4f4f2;--bg-deep:#e6e4dd;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #0f766e14, transparent 60%);--surface:#ffffffe6;--surface-2:#fdfdfc;--surface-3:#f2f1ec;--border:#d8d5cb;--border-strong:#bab5a6;--text:#29241d;--text-dim:#6b6356;--text-mute:#a39b8b;--accent:#0f766e;--accent-2:#b91c1c;--accent-soft:#0f766e1a;--gold:#a16207;--gold-soft:#a162071a;--success:#0f766e;--warning:#a16207;--danger:#b91c1c;--info:#0369a1;--quality-1:#6b6356;--quality-2:#2ba166;--quality-3:#1e53cc;--quality-4:#5d1fc1;--quality-5:#941ba7;--quality-6:#d39e0d;--quality-7:#cf1d17;--quality-8:#0c9fb6;--quality-9:#eb0578;--quality-10:#bc0661;--shadow:0 4px 16px #3c321e1a;--glow:0 0 12px #0f766e24;--radius:6px}:root[data-theme=void],.theme-option[data-theme=void]{--bg:#000;--bg-deep:#000;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #93c5fd17, transparent 60%);--surface:#0c0e12eb;--surface-2:#12141af2;--surface-3:#181a22f7;--border:#23252e;--border-strong:#343743;--text:#f2f3f5;--text-dim:#a6aab4;--text-mute:#6b6f7a;--accent:#93c5fd;--accent-2:#e2e8f0;--accent-soft:#93c5fd1f;--gold:#fbbf24;--gold-soft:#fbbf241a;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#93c5fd;--quality-1:#a6aab4;--quality-2:#5ed489;--quality-3:#5f9ae7;--quality-4:#7f5de5;--quality-5:#bb50e2;--quality-6:#f5bc66;--quality-7:#ec5160;--quality-8:#6ff6f6;--quality-9:#fd91d5;--quality-10:#fdb5e2;--shadow:0 8px 28px #0009;--glow:0 0 14px #93c5fd38;--radius:8px}*{box-sizing:border-box;margin:0}dialog{margin:auto}body{font-family:var(--font-ui,"PingFang SC", "Microsoft YaHei", sans-serif);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .3s,color .3s}.app{min-height:100dvh;display:flex}aside{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:200px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow:hidden}aside .logo{align-items:center;gap:10px;padding:4px 8px 16px;display:flex}aside .logo img{object-fit:contain;width:34px;height:34px}aside .logo-title{letter-spacing:1px;color:var(--gold);font-size:15px;font-weight:700}aside .logo-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .2s;display:inline-flex}aside .logo-toggle:hover{background:var(--surface-2)}aside .logo-toggle img{object-fit:contain;width:34px;height:34px}aside .qq-entry{align-items:center;gap:8px;padding:0 12px 12px;display:flex}aside .qq-entry button{width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex}aside .qq-entry button:hover{background:var(--accent-soft);color:var(--accent)}aside .qq-entry .qq-version{white-space:nowrap;text-overflow:ellipsis;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);background:linear-gradient(#fbbf241f,#fbbf240a);border-radius:999px;margin-left:auto;padding:1px 8px;font-size:10.5px;overflow:hidden;box-shadow:0 0 6px #fbbf241f}aside .qq-entry .qq-version.copied{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent);box-shadow:none}aside.collapsed .qq-entry{display:none}aside.collapsed{width:68px;padding:18px 8px}aside.collapsed .logo{justify-content:center;padding:4px 0 16px}aside.collapsed .logo-title{display:none}aside.collapsed nav a{justify-content:center;padding:8px 0}aside.collapsed nav a .nav-label,aside.collapsed nav a .nav-badge{display:none}aside nav{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}aside nav::-webkit-scrollbar{display:none}aside nav a{color:var(--text-dim);border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none;display:block}aside nav a:hover{background:var(--accent-soft);color:var(--accent)}aside nav .nav-group{flex-direction:column;gap:2px;display:flex}aside nav .nav-group+.nav-group{margin-top:6px}aside nav .nav-group-h{cursor:pointer;letter-spacing:.06em;width:100%;color:var(--text-mute);text-transform:none;background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;margin-bottom:2px;padding:2px 12px 2px 10px;font-size:10.5px;font-weight:700;display:flex}aside nav .nav-group-h:hover{color:var(--text-dim)}aside nav .nav-group-h:not(.closed) .caret{display:none}aside nav .nav-group-h .caret{opacity:.7;transition:transform .18s}aside nav .nav-group-h.closed .caret{transform:rotate(-90deg)}@media (max-width:767px){aside nav .nav-group+.nav-group{margin-top:8px}}.map-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;cursor:grab;touch-action:pan-x pan-y;padding:0 12px 4px 0;overflow:auto}.map-scroll.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.map-scroll::-webkit-scrollbar{width:10px;height:10px}.map-scroll::-webkit-scrollbar-track{background:0 0}.map-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}.map-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}main{background:var(--bg);background-image:var(--bg-glow);flex:1;padding:24px 24px 56px;overflow-x:auto}main>*,.page{max-width:1100px;margin-left:auto;margin-right:auto}.page-wide{max-width:1160px}.page-xwide{max-width:1192px}h1{text-wrap:balance;margin-bottom:4px;font-size:20px}.sub{color:var(--text-mute);margin-bottom:18px;font-size:13px}.grid{gap:14px;display:grid}.g-2{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}@media (max-width:640px){.g-2{grid-template-columns:1fr}}.g-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:640px){.g-3{grid-template-columns:1fr}}.g-4{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (max-width:640px){.g-4{grid-template-columns:repeat(2,1fr)}}.g-player{grid-template-columns:1fr 1.6fr}.g-boats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.g-sections{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:16px}.card h3{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.card h3 .tag{color:var(--accent);font-size:11px}.page-load-state{width:100%;padding-block:8px}.splash .page-load-state{max-width:780px;padding:24px}.page-load-heading{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.page-load-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.page-load-heading h2{color:var(--text);text-wrap:balance;font-size:18px;font-weight:650}.page-load-heading p{max-width:54ch;color:var(--text-dim);overflow-wrap:anywhere;margin-top:6px;font-size:14px;line-height:1.6}.page-load-heading .btn{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.page-load-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.page-load-card{min-height:180px;box-shadow:none;flex-direction:column;gap:14px;display:flex}.page-load-line,.page-load-value{background:var(--surface-3);border-radius:6px}.page-load-line{width:100%;height:12px}.page-load-line.short{width:40%}.page-load-line.medium{width:70%}.page-load-value{width:55%;height:32px;margin-block:6px}.page-sync-error{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.page-sync-error>span{overflow-wrap:anywhere;min-width:0}.page-sync-error .btn{flex:none}.skip-link{z-index:100;background:var(--surface);color:var(--accent);border:2px solid var(--accent);border-radius:8px;padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}#game-content:focus{outline:none}@media (max-width:640px){.page-load-grid{grid-template-columns:1fr}.page-load-card{min-height:132px}.page-load-card:nth-child(n+3){display:none}.page-load-heading .btn{margin-left:62px}.page-load-heading h2{font-size:17px}}@media (pointer:coarse){.page-load-heading .btn,.ph-tab,.lb-chip{min-height:44px}}.kpi-card:hover{border-color:var(--accent);box-shadow:var(--shadow), 0 0 0 1px var(--accent-soft), 0 0 18px var(--glow);transform:translateY(-1px)}.kpi-card:active{transform:translateY(0)scale(.98)}@media (prefers-reduced-motion:reduce){.kpi-card{transition:none}}.stat-row{border-bottom:1px dashed var(--border);justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.stat-row:last-child{border-bottom:none}.stat-row .k{color:var(--text-dim)}.stat-row .v{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.stat-row .v.gold{color:var(--gold)}.q{font-size:12px;font-weight:800;display:inline-block}.q1{color:var(--quality-1)}.q2{color:var(--quality-2)}.q3{color:var(--quality-3)}.q4{color:var(--quality-4)}.q5{color:var(--quality-5)}.q6{color:var(--quality-6)}.q7{color:var(--quality-7)}.q8{color:var(--quality-8)}.q9{color:var(--quality-9)}.q10{color:var(--quality-10)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.q1{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-1) 88%, #fff), var(--quality-1));color:#0000;-webkit-background-clip:text;background-clip:text}.q2{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-2) 88%, #fff), var(--quality-2));color:#0000;-webkit-background-clip:text;background-clip:text}.q3{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-3) 88%, #fff), var(--quality-3));color:#0000;-webkit-background-clip:text;background-clip:text}.q4{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-4) 88%, #fff), var(--quality-4));color:#0000;-webkit-background-clip:text;background-clip:text}.q5{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-5) 88%, #fff), var(--quality-5));color:#0000;-webkit-background-clip:text;background-clip:text}.q6{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-6) 88%, #fff), var(--quality-6));color:#0000;-webkit-background-clip:text;background-clip:text}.q7{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-7) 88%, #fff), var(--quality-7));color:#0000;-webkit-background-clip:text;background-clip:text}.q8{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-8) 88%, #fff), var(--quality-8));color:#0000;-webkit-background-clip:text;background-clip:text}.q9{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-9) 88%, #fff), var(--quality-9));color:#0000;-webkit-background-clip:text;background-clip:text}.q10{background:linear-gradient(180deg, color-mix(in srgb, var(--quality-10) 88%, #fff), var(--quality-10));color:#0000;-webkit-background-clip:text;background-clip:text}}.q7{text-shadow:0 0 9px color-mix(in srgb, var(--quality-7) 38%, transparent)}.q8{text-shadow:0 0 10px color-mix(in srgb, var(--quality-8) 42%, transparent)}.q9,.q10{text-shadow:0 0 12px color-mix(in srgb, var(--quality-9) 48%, transparent)}.vtrip{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}.vtrip-head{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.vtrip-map{color:var(--text);font-size:14px;font-weight:700}.vtrip-meta{color:var(--text-mute);font-size:11px}.vtrip-when{color:var(--text-mute);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.vtrip .badge{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:11px}.vtrip .badge.reason{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent)}.vtrip .badge.reason.forced{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.vtrip-body{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:10px 14px;display:grid}.vtrip .block h4{color:var(--text-mute);letter-spacing:.06em;margin-bottom:6px;font-size:11px}.vtrip .stat-row{color:var(--text-dim);justify-content:space-between;gap:8px;padding:3px 0;font-size:12px;display:flex}.log-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s,opacity .2s;display:grid}.log-body.open{opacity:1;grid-template-rows:1fr}.log-body-inner{overflow:hidden}.vtrip .stat-row .v{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.vtrip .stat-row .v.gold{color:var(--gold)}.vtrip .eq-chips{flex-wrap:wrap;gap:6px;display:flex}.vtrip .eq-chip{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:6px;padding:3px 10px;font-size:11px}.vtrip .eq-chip.net{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.vtrip .q-bar{background:var(--surface-3);border-radius:999px;height:8px;margin:2px 0 8px;display:flex;overflow:hidden}.vtrip .q-bar i{display:block}.vtrip .q-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.vtrip .q-chips .q{padding:1px 8px;font-size:11px}.vtrip .catch-list{flex-direction:column;gap:2px;display:flex}.vtrip .catch-row{color:var(--text-dim);border-bottom:1px dashed var(--border);align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.vtrip .catch-row .n{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}@media (max-width:700px){.vtrip-body{grid-template-columns:1fr}}.voyage-fish .total-block{border-bottom:1px dashed var(--border);margin-bottom:12px;padding-bottom:12px}.voyage-fish .total-label{color:var(--text-mute);letter-spacing:.06em;margin-bottom:6px;font-size:11px}.voyage-fish .q-bar{background:var(--surface-3);border-radius:999px;height:10px;margin-bottom:8px;display:flex;overflow:hidden}.voyage-fish .q-bar i{display:block}.voyage-fish .q-chips{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.voyage-fish .q-chips .q{padding:1px 8px;font-size:11px}.voyage-fish .net-group{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:7px 10px}.voyage-fish .ng-head{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;font-size:11px;display:flex}.voyage-fish .ng-time{font-variant-numeric:tabular-nums;color:var(--text-dim)}.voyage-fish .ng-count{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;padding:1px 7px;font-size:10px}.voyage-fish .species-list{flex-direction:column;gap:5px;display:flex}.voyage-fish .fish-row{align-items:center;gap:8px;font-size:12px;display:flex}.voyage-fish .fish-row img{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.voyage-fish .fish-main{flex:1;min-width:0}.voyage-fish .fish-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.voyage-fish .fish-top .name{color:var(--text);font-weight:600}.voyage-fish .fish-top .n{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.voyage-fish .fish-bar{background:var(--bg-deep);border-radius:999px;height:5px;margin-top:3px;overflow:hidden}.voyage-fish .fish-bar i{border-radius:999px;height:100%;display:block}.voyage-fish .pager{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.voyage-fish .pg-btn{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-dim);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;display:inline-flex}.voyage-fish .pg-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.voyage-fish .pg-btn:disabled{opacity:.35;cursor:not-allowed}.voyage-fish .pg-info{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:12px}.catch-row{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:8px;display:flex}.catch-row img{width:44px;height:44px;image-rendering:pixelated}.catch-row .name{flex:1;font-size:13px}.catch-row .name small{color:var(--text-mute);font-size:11px;display:block}.catch-row .price{color:var(--gold);font-size:13px;font-weight:700}.boat-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);padding:12px}.boat-card .boat-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000059);width:96px;height:96px;margin:4px auto 8px;display:block}.boat-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.boat-head b{font-size:14px}.status{border-radius:999px;padding:2px 8px;font-size:11px}.status.docked{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.status.out{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.status.repairing{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent)}.status.damaged,.status.destroyed{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.attr{gap:6px;margin-top:8px;display:flex}.attr span{text-align:center;color:var(--text-dim);background:var(--surface-3);border-radius:6px;flex:1;padding:4px 0;font-size:11px}.attr span b{color:var(--text);font-size:13px;display:block}.bar{background:var(--surface-3);border-radius:999px;height:6px;margin-top:6px;position:relative;overflow:hidden}.bar>i{background:var(--accent-2);border-radius:999px;height:100%;display:block}.bar.danger>i{background:var(--danger)}.bar>i.tension-surge{background:var(--warning);height:100%;box-shadow:0 0 6px var(--warning);pointer-events:none;animation:2.6s ease-out forwards tensionSurgeFade;position:absolute;top:0}@keyframes tensionSurgeFade{0%{opacity:.95}55%{opacity:.95}to{opacity:0}}button{font-family:inherit}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;min-height:36px;padding:8px 16px;font-size:13px;transition:border-color .15s,color .15s,background-color .15s,transform .12s}.btn:active:not(:disabled){transform:scale(.96)}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-deep);font-weight:700}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{gap:8px;margin-top:12px;display:flex}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-mute);border-bottom:1px solid var(--border-strong);padding:7px 8px;font-weight:600}td{border-bottom:1px solid var(--border);padding:7px 8px}tr:hover td{background:var(--accent-soft)}.theme-bar{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:10px 22px;display:flex}.switcher{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.switcher button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px}.switcher button.active{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow)}.switcher button .dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.weather{flex-wrap:wrap;gap:10px;display:flex}.w{text-align:center;border:1px solid var(--border);background:var(--surface-2);min-width:90px;color:var(--text-dim);border-radius:8px;flex:1;padding:10px 6px;font-size:12px}.w b{margin-bottom:4px;font-size:20px;display:block}.w .w-ico{color:inherit;justify-content:center;margin-bottom:4px;display:flex}.w.active{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow)}.w.typhoon{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--danger) 30%, transparent)}.voyage{border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.voyage img{opacity:.92;width:100%;display:block}.ship{text-shadow:0 0 10px var(--gold);font-size:22px;position:absolute}.route{border:1px dashed var(--accent);opacity:.6;pointer-events:none;position:absolute;inset:0}.bubble{background:var(--surface);border:1px solid var(--accent);color:var(--accent);box-shadow:var(--glow);border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:12px;right:12px}.foot{color:var(--text-mute);text-align:center;margin-top:20px;font-size:12px}aside nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:auto;padding-top:10px;display:flex}aside .switcher{justify-content:flex-start}.account{justify-content:space-between;align-items:center;gap:8px;display:flex}.account-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account .logout{padding:4px 10px;font-size:12px}.splash{min-height:100dvh;color:var(--text-mute);background:var(--bg-deep);background-image:var(--bg-glow);justify-content:center;align-items:center;font-size:14px;display:flex}.auth-screen{min-height:100dvh;padding:0 0 calc(22px + env(safe-area-inset-bottom));background-color:#0b152f;flex-direction:column;justify-content:space-between;gap:14px;display:flex}.lg-bg{z-index:0;pointer-events:none;margin:0;position:fixed;inset:0;overflow:hidden}.lg-bg picture{display:contents}.lg-bg-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.lg-bg:after{content:"";background-image:linear-gradient(#04091680 0%,#04091600 15%),linear-gradient(#04091600 62%,#0409166b 85%,#040916cc 100%);position:absolute;inset:0}.lg-shell{display:contents}.lg-head{z-index:1;padding:calc(26px + env(safe-area-inset-top)) 20px 0;flex-direction:column;order:1;align-items:center;gap:8px;display:flex;position:relative}.lg-kicker{letter-spacing:5px;text-indent:5px;text-transform:uppercase;color:#a8e0ff;margin:0;font-size:12.5px;font-weight:600}.lg-title{letter-spacing:5px;text-indent:5px;color:#ffd166;text-shadow:0 2px 22px #ffd1664d;margin:0;font-size:clamp(38px,13.5vw,58px);font-weight:800}.lg-rule{background:#ffd166;border-radius:999px;width:clamp(84px,27vw,116px);height:5px;box-shadow:0 0 14px #ffd16680}.lg-en{letter-spacing:3px;color:#a8e0ff;margin:4px 0 0;font-size:clamp(13px,4.2vw,17px)}.lg-slogan{letter-spacing:1px;color:#a8e0ff;opacity:.9;margin:0;font-size:14px}.lg-card{z-index:1;width:auto;box-shadow:none;background:0 0;border:none;border-radius:0;order:3;margin:0 clamp(20px,8vw,96px);padding:0;position:relative}.lg-tabs{justify-content:center;gap:26px;margin-bottom:10px;display:flex}.lg-tabs button{color:#7e93b8;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:3px 2px 6px;font-family:inherit;font-size:13.5px}.lg-tabs button:hover{color:#a8e0ff}.lg-tabs button.active{color:#ffd166;background:0 0;border-bottom-color:#ffd166;font-weight:700}.lg-reg{color:#a8c4e0;background:#0b1528b8;border:1px solid #a8e0ff38;border-radius:10px;margin:10px 0 4px;padding:9px 11px;font-size:12px;line-height:1.6}.lg-reg.full{color:#ffb3b3;background:#3a121ac7;border-color:#ff6b6b80}.lg-card .field{margin-bottom:8px}.lg-card .field label{color:#8fa7c8;letter-spacing:.5px;margin-bottom:4px;padding-left:1px;font-size:11px;display:block}.lg-card .field input{color:#e8eef9;background:#16233feb;border:1px solid #2e4a7d;border-radius:8px;height:44px;padding:0 13px;font-size:14.5px}.lg-card .field input::placeholder{color:#7e93b8}.lg-card .field input:focus{border-color:#ffd166d9;box-shadow:0 0 0 3px #ffd16629}.lg-card .field input.invalid{border-color:#ff6b6bd9}.lg-card .field-error{color:#ff9b9b;font-size:11.5px}.lg-card .auth-error{color:#ffb3b3;background:#3a121ac7;border:1px solid #ff6b6b73}.lg-submit{color:#0b152f;letter-spacing:3px;cursor:pointer;background:#ffd166;border:none;border-radius:8px;width:100%;height:46px;margin-top:4px;font-family:inherit;font-size:16px;font-weight:700}.lg-submit:hover:not(:disabled){background:#ffdc86}.lg-submit:disabled{opacity:.5;cursor:not-allowed}.lg-foot{color:#7e93b8;justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;display:flex}@media (max-width:640px){.lg-head{padding:calc(18px + env(safe-area-inset-top)) 18px 0;gap:6px}.lg-card{margin:0 clamp(20px,6.5vw,28px)}.lg-title{letter-spacing:3px;text-indent:3px}.lg-tabs{gap:22px;margin-bottom:8px}.lg-tabs button{padding:2px 2px 5px;font-size:13px}.lg-card .field{margin-bottom:6px}.lg-card .field label{margin-bottom:3px;font-size:10.5px}.lg-card .field input{height:40px;font-size:14px}.lg-submit{letter-spacing:4px;height:44px;font-size:15.5px}.lg-foot{margin-top:6px;font-size:10.5px}}@media (min-width:641px) and (max-width:1023px) and (min-aspect-ratio:3/5) and (max-aspect-ratio:4/5){.lg-bg-img{object-fit:contain}.lg-card{align-self:center;width:min(100%,520px);margin:0}}@media (max-height:720px) and (max-width:1023px){.lg-head{padding-top:calc(14px + env(safe-area-inset-top));gap:5px}.lg-title{font-size:34px}.lg-rule{height:4px}.lg-slogan{display:none}.lg-card .field{margin-bottom:5px}.lg-card .field input{height:38px}.lg-submit{height:42px}}@media (min-width:1024px){.auth-screen{background-color:#0b152f;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto;justify-content:normal;align-items:stretch;gap:clamp(24px,3vw,56px);padding:0 clamp(32px,4vw,72px);display:grid}.lg-bg{aspect-ratio:1305/2826;border:1px solid #ffffff24;border-radius:24px;grid-area:1/2;place-self:center;width:auto;height:min(92vh,900px);min-height:0;margin:0;position:relative;inset:auto;box-shadow:0 30px 80px #0000008c}.lg-bg:after{content:none}.lg-bg-img{object-fit:cover;object-position:center center}.lg-shell{flex-direction:column;grid-area:1/1;justify-content:center;justify-self:center;align-items:center;gap:clamp(20px,2.4vh,34px);width:100%;max-width:660px;min-height:0;margin:0;padding:40px 0;display:flex}.lg-head{order:0;gap:1em;padding:0;font-size:clamp(13px,1.05vw,21px)}.lg-kicker{letter-spacing:.14em;text-indent:.14em;font-size:1.8em}.lg-title{letter-spacing:.05em;text-indent:.05em;font-size:7em}.lg-rule{width:12em;height:.6em}.lg-en{letter-spacing:.06em;margin-top:.3em;font-size:2em}.lg-slogan{font-size:1.8em}.lg-card{order:0;width:100%;max-width:520px;margin:0}.lg-tabs{margin-bottom:14px}.lg-card .field label{font-size:12px}.lg-card .field input{height:50px;font-size:15px}.lg-submit{height:54px}}.admin-shell{background:var(--bg);background-image:var(--bg-glow);min-height:100vh;display:flex}.admin-nav{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;gap:2px;width:200px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-nav .nav-title{letter-spacing:1px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:0 10px 12px;font-family:inherit;font-size:16px;font-weight:800;display:flex}.admin-nav .nav-title:hover{background:var(--accent-soft);color:var(--accent)}.admin-nav.collapsed{width:68px;padding:18px 8px}.admin-nav.collapsed .nav-title{justify-content:center;padding:0 0 12px}.admin-nav.collapsed .nav-title .nav-label,.admin-nav.collapsed .nav-group,.admin-nav.collapsed .nav-item .nav-label{display:none}.admin-nav.collapsed .nav-item{justify-content:center;padding:8px 0}.admin-nav .nav-group{color:var(--text-mute);letter-spacing:1px;padding:10px 10px 4px;font-size:11px}.admin-nav .nav-item{width:100%;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.admin-nav .nav-item:hover{background:var(--accent-soft);color:var(--accent)}.admin-nav .nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-main{flex:1;min-width:0;padding:22px min(2vw,32px) 56px;overflow-x:auto}.admin-main .page{max-width:1100px;margin-left:auto;margin-right:auto}.admin-shell h1{margin-bottom:4px}@media (max-width:767px){.admin-shell{flex-direction:row}.admin-nav{z-index:auto;width:46px;box-shadow:none;border-right:1px solid var(--border);border-bottom:none;flex-direction:column;flex:none;align-items:stretch;gap:2px;height:100vh;padding:18px 8px;position:static;overflow-y:auto;transform:none}.admin-nav:not(.collapsed){z-index:90;width:180px;height:100vh;padding:18px 12px;position:fixed;top:0;left:0;box-shadow:2px 0 16px #0000004d}.admin-nav:not(.collapsed) .nav-title,.admin-nav:not(.collapsed) .nav-group,.admin-nav:not(.collapsed) .nav-item .nav-label{display:flex}.admin-nav .nav-title{justify-content:flex-start;padding:0 10px 12px}.admin-nav .nav-item{white-space:nowrap}.admin-nav.collapsed{width:46px;padding:18px 8px}.admin-nav.collapsed .nav-title{justify-content:center;padding:0 0 12px}.admin-nav.collapsed .nav-title .nav-label,.admin-nav.collapsed .nav-group,.admin-nav.collapsed .nav-item .nav-label{display:none}.admin-nav.collapsed .nav-item{justify-content:center;padding:8px 0}.admin-main{padding:14px 16px 48px}}.mode-tabs{gap:8px;margin-bottom:14px;display:flex}.mode-tabs button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;display:inline-flex}.mode-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.mode-tabs button:disabled{opacity:.45;cursor:not-allowed;background:color-mix(in srgb, var(--surface-2) 60%, transparent);font-style:italic}.field{margin-bottom:12px}.field label{color:var(--text-dim);margin-bottom:5px;font-size:12px;display:block}.field select,.field input{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}.field select:focus,.field input:focus{border-color:var(--accent);box-shadow:var(--glow);outline:none}.field input.invalid{border-color:var(--danger)}.field input.invalid:focus{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 25%, transparent)}.field-error{color:var(--danger);margin-top:4px;font-size:12px;display:block}.auth-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 32%, transparent);border-radius:8px;align-items:flex-start;gap:6px;margin:10px 0;padding:8px 10px;font-size:12.5px;line-height:1.55;display:flex}.auth-error svg{flex:none;margin-top:2px}.settings-card{margin-bottom:16px}.settings-card .switcher{justify-content:flex-start}.notice{border:1px solid var(--border);border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.notice.ok{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-color:color-mix(in srgb, var(--success) 35%, transparent)}.notice.err{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.notice.hint{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, transparent);border-color:color-mix(in srgb, var(--warning) 38%, transparent)}.boat-card.selected{border-color:var(--accent);box-shadow:var(--glow)}.slot-groups{flex-direction:column;gap:14px;margin-top:12px;display:flex}.slot-group-label{color:var(--text-mute);letter-spacing:.08em;font-size:10px}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:stretch;gap:10px;display:grid}.slot{text-align:left;background:var(--surface-3);border-radius:10px;flex-direction:column;justify-content:flex-start;gap:3px;width:100%;height:auto;min-height:80px;padding:10px 12px;font-size:11px;line-height:1.35;display:flex;overflow:hidden}.slot.filled{color:var(--accent);border:1px solid var(--accent);background:var(--accent-soft)}.slot.empty{color:var(--text-mute);border:1px dashed var(--border-strong);background:0 0}.slot .slot-top{align-items:center;gap:6px;width:100%;display:flex}.slot .slot-ic{text-align:center;flex-shrink:0;width:16px}.slot .slot-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.slot .slot-bar{background:var(--surface-3);border-radius:999px;width:100%;height:4px;margin-top:2px;display:block;overflow:hidden}.slot .slot-bar i{border-radius:999px;height:100%;display:block}.slot .slot-params{color:var(--text-mute);word-break:break-word;width:100%;font-size:11px;line-height:1.5}.slot .slot-num{color:var(--text-dim);font-size:10px}.slot-list{flex-direction:column;gap:6px;display:flex}.slot-row{border:1px solid var(--border);background:var(--surface-3);width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.slot-row.on{border-color:var(--accent);box-shadow:var(--glow)}.slot-row .ic{text-align:center;flex-shrink:0;width:20px}.slot-row .nm{flex:1;min-width:0}.slot-row .nm b{font-size:13px}.slot-row .nm small{color:var(--text-mute);font-size:11px}.slot-row .durab{background:color-mix(in srgb, var(--border) 60%, transparent);border-radius:999px;flex-shrink:0;width:60px;height:5px;overflow:hidden}.slot-row .durab i{background:var(--accent);height:100%;display:block}.slot-row .st{color:var(--text-dim);flex-shrink:0;font-size:11px}.eve-main-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.eve-grid-wrap{flex-shrink:0}.eve-slot-detail{margin-bottom:14px;display:block}.slot-detail{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.slot-detail .sd-head{align-items:center;gap:8px;min-width:0;display:flex}.slot-detail .sd-icon{color:var(--accent);flex-shrink:0;display:inline-flex}.slot-detail .sd-cat{color:var(--text-mute);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.slot-detail .sd-badge{background:var(--surface-3);color:var(--text-dim);white-space:nowrap;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:10px;font-weight:600}.slot-detail .sd-badge.filled{background:var(--accent-soft);color:var(--accent)}.slot-detail .sd-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.slot-detail .sd-dur{align-items:center;gap:8px;display:flex}.slot-detail .sd-dur-track{background:var(--surface-3);border-radius:999px;flex:1;height:4px;overflow:hidden}.slot-detail .sd-dur-track i{border-radius:999px;height:100%;display:block}.slot-detail .sd-dur-num{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.slot-detail .sd-effect{color:var(--text-mute);font-size:11px;line-height:1.5}.slot-detail .sd-actions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.slot-detail .sd-actions .btn{min-height:28px;padding:4px 12px;font-size:12px}.eve-info-panel{flex:1;min-width:0;max-width:300px}.eve-stat-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.eve-stat-item{background:var(--surface-3);border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.eve-stat-item .k{color:var(--text-mute)}.eve-stat-item .v{color:var(--text);font-weight:600}.eve-actions-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.eve-actions-row .eve-card-title{color:var(--text-dim);justify-content:flex-start;gap:8px;margin:0 auto 0 0;font-size:14px;font-weight:600}.eve-actions-row .eve-card-title .eve-status{font-size:11px;font-weight:600}.eve-actions-row .btn{min-height:30px}.eve-action-status{color:var(--text-mute);font-size:12px}.haul-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.haul-row+.haul-row{margin-top:10px}.haul-row .haul-label{color:var(--text);white-space:nowrap;font-size:13px}.haul-row input{border:1px solid var(--border-strong);background:var(--surface-2);width:140px;color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}.haul-row input:focus{border-color:var(--accent);box-shadow:var(--glow);outline:none}.backpack-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.backpack-cell{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:90px;padding:10px 6px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.backpack-cell:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-2px)}.backpack-cell.sel{border-color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 8%, var(--surface-2));box-shadow:0 0 12px #38bdf866}.backpack-cell.equipped{opacity:.6;cursor:default}.backpack-cell.equipped:hover{box-shadow:none;transform:none}.backpack-cell .bp-icon{color:var(--accent);justify-content:center;align-items:center;display:flex}.backpack-cell.equipped .bp-icon{color:var(--text-mute)}.backpack-cell .bp-name{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.backpack-cell .bp-dur-bar{background:var(--surface-3);border-radius:2px;width:100%;height:3px;overflow:hidden}.backpack-cell .bp-dur-bar i{border-radius:2px;height:100%;display:block}.backpack-cell .bp-equipped-tag{color:var(--text-mute);background:var(--surface-3);border-radius:3px;padding:1px 3px;font-size:7px;position:absolute;top:4px;right:4px}.bp-card{padding:14px}.bp-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.bp-pager{align-items:center;gap:6px;display:inline-flex}.bp-pager .bp-page-info{color:var(--text-mute);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.bp-pager .btn{min-height:26px;padding:3px 10px;font-size:12px}.bp-filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:9px;display:grid}.bp-cell{border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:92px;padding:10px 6px 8px;transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s;display:flex;position:relative}.bp-cell:hover{border-color:var(--accent);transform:translateY(-1px)}.bp-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bp-cell.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow)}.bp-cell.sel{border-color:var(--accent-2);box-shadow:0 0 12px #38bdf866}.bp-cell.on-self{border-color:var(--accent);background:var(--accent-soft)}.bp-cell.on-other{opacity:.5;cursor:default}.bp-cell .bp-ic{height:26px;color:var(--accent);justify-content:center;align-items:center;display:flex}.bp-cell.on-other .bp-ic{color:var(--text-mute)}.bp-cell .bp-name{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.3;overflow:hidden}.bp-cell.on-self .bp-name{color:var(--accent)}.bp-cell .bp-dur{background:var(--surface-3);border-radius:2px;width:100%;height:3px;margin-top:auto;overflow:hidden}.bp-cell .bp-dur i{border-radius:2px;height:100%;display:block}.bp-cell .bp-lvl{z-index:2;color:var(--accent);background:var(--surface-3);border-radius:4px;padding:0 4px;font-size:9px;font-weight:700;position:absolute;top:3px;left:3px}.bp-cell .bp-state{z-index:2;color:var(--text-mute);background:var(--surface-3);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:52px;padding:1px 4px;font-size:8px;font-weight:600;position:absolute;top:3px;right:3px;overflow:hidden}.bp-cell.on-self .bp-state{color:var(--accent)}.bp-cell.on-other .bp-state{color:var(--warning)}.bp-cell .bp-sell{z-index:3;border:1.5px solid var(--border-strong);background:var(--surface-3);color:#0000;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:11px;line-height:1;display:inline-flex;position:absolute;top:3px;right:3px}.bp-cell .bp-sell:hover{border-color:var(--accent)}.bp-cell .bp-sell.on{background:var(--accent);border-color:var(--accent);color:#fff}.bp-cell .bp-tooltip{background:var(--surface-2);border:1px solid var(--accent);z-index:100;pointer-events:none;text-align:left;border-radius:8px;min-width:150px;max-width:230px;padding:8px 12px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bp-cell:hover .bp-tooltip{display:block}.bp-tooltip .tt-name{color:var(--accent);font-size:12px;font-weight:700}.bp-tooltip .tt-meta{color:var(--text-dim);margin-top:2px;font-size:10px}.bp-tooltip .tt-effect{color:var(--text-mute);margin-top:4px;font-size:10px;line-height:1.4}.bp-tooltip .tt-state{color:var(--text-mute);margin-top:4px;font-size:10px}.bd-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px;display:grid}.bd-item{background:var(--surface-3);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 10px;font-size:12px;display:flex}.bd-item .bd-key{color:var(--text-mute);white-space:nowrap}.bd-item .bd-val{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.bd-effect{color:var(--text-mute);font-size:11px;line-height:1.4}.bd-actions{flex-wrap:wrap;gap:6px;display:flex}.bd-actions .btn{min-height:28px;padding:4px 12px;font-size:12px}@media (max-width:767px){.bp-card{padding:12px}.bd-actions{width:100%}.bd-actions .btn{flex:auto;min-height:30px}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px}}.eve-grid{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:10px;width:420px;display:grid}.eve-cell{border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.eve-cell.center{background:var(--surface-2);border:1px dashed var(--border)}.eve-cell.slot-cell{cursor:pointer;transition:transform .15s,box-shadow .15s}.eve-cell.slot-cell:hover{z-index:10;transform:scale(1.05)}.eve-cell.slot-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eve-cell .slot-ring{border:1px dashed var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.eve-cell.filled .slot-ring{border-color:var(--border-strong)}.eve-cell.empty .slot-ring{opacity:.7}.eve-cell.active .slot-ring,.eve-cell.slot-cell:hover .slot-ring{border-color:var(--accent)}.eve-cell.slot-cell.filled.active .slot-ring{padding:0}.eve-cell .slot-icon{width:28px;height:28px;color:var(--accent);justify-content:center;align-items:center;display:flex}.eve-cell.empty .slot-icon{color:var(--text-mute)}.eve-cell .slot-label{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.3;overflow:hidden}.eve-cell.filled .slot-label{color:var(--text);font-weight:600}.eve-cell .slot-stats{flex-direction:column;align-items:flex-start;gap:1px;width:100%;margin-top:3px;padding:0 4px;display:flex}.eve-cell .slot-stat{color:var(--text-mute);background:var(--surface-3);white-space:nowrap;text-overflow:ellipsis;text-align:left;border-radius:3px;max-width:100%;padding:1px 4px;font-size:8px;overflow:hidden}.eve-cell .slot-stat.more{color:var(--accent);align-self:center}.eve-cell .slot-stat.empty-hint{color:var(--text-mute);align-self:center;font-style:italic}.eve-cell .slot-dur-text{color:var(--text-mute);margin-top:2px;font-size:8px}.eve-cell .ship-img{object-fit:contain;width:72px;height:72px}.eve-cell .ship-name{color:var(--accent);margin-top:4px;font-size:11px;font-weight:600}.eve-cell .ship-level{color:var(--text-dim);font-size:10px}.eve-tooltip{background:var(--surface-2);border:1px solid var(--accent);z-index:100;pointer-events:none;border-radius:8px;min-width:130px;padding:8px 12px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.eve-cell:hover .eve-tooltip{display:block}.eve-tooltip .tt-name{color:var(--accent);font-size:12px;font-weight:700}.eve-tooltip .tt-dur{color:var(--text-dim);margin-top:2px;font-size:10px}.eve-tooltip .tt-effect{color:var(--text-mute);margin-top:4px;font-size:10px;line-height:1.4}.eve-group-label{color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin:8px 0 4px;font-size:9px}@media (max-width:767px){.eve-main-layout{flex-direction:column;align-items:center;gap:14px}.eve-grid-wrap{justify-content:center;width:100%;display:flex}.eve-info-panel{width:100%;max-width:340px}.eve-slot-detail{margin-bottom:10px}.slot-detail{gap:6px;padding:10px 12px}.slot-detail .sd-actions{gap:4px}.slot-detail .sd-actions .btn{min-height:26px;padding:4px 10px;font-size:11px}.eve-grid{gap:6px;width:100%;max-width:340px;margin:0 auto}.eve-cell .slot-icon{width:22px;height:22px}.eve-cell .slot-label{font-size:9px}.eve-cell .slot-stat{font-size:7px}.eve-cell .ship-img{width:56px;height:56px}.eve-cell .ship-name{font-size:10px}.eve-tooltip{min-width:110px;font-size:11px}.eve-stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:399px){.eve-grid{gap:4px;max-width:280px}.eve-cell .slot-ring{padding:4px}.eve-cell .slot-icon{width:18px;height:18px}.eve-cell .slot-label{font-size:8px}.eve-cell .slot-stat{padding:0 2px;font-size:6px}.eve-cell .ship-img{width:44px;height:44px}.eve-stat-grid{grid-template-columns:repeat(2,1fr)}}.shop-boat{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:5px;min-height:176px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.shop-boat:hover{border-color:var(--accent);box-shadow:var(--glow)}.shop-boat .shop-boat-info{width:22px;height:22px;color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-flex;position:absolute;top:6px;right:6px}.shop-boat .shop-boat-info:hover{color:var(--accent);background:var(--surface-3)}.shop-boat .shop-boat-img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000059);width:64px;height:64px;margin:0 auto 6px;display:block}.shop-boat .nm{font-size:13px;font-weight:700}.shop-boat .meta{color:var(--text-dim);font-size:11px}.shop-boat .price{color:var(--gold);margin-top:auto;padding-top:4px;font-size:14px;font-weight:700}.shop-boat .btn{width:100%}.shop-boat .btn-row{align-items:center;gap:8px;margin-top:6px;display:flex}.shop-boat .btn-row .btn{flex:1;width:auto}.owned-tag{color:var(--success);align-items:center;gap:4px;font-size:11px;display:inline-flex}.shop-boat .slot-grid{grid-template-columns:repeat(auto-fill,56px);gap:20px;display:grid}.slot-chip{color:var(--text-dim);background:var(--surface-3);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;width:56px;padding:2px 4px;font-size:10px;overflow:hidden}.slot-chip.empty{color:var(--text-mute);opacity:.6}.equip-item{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:5px;min-height:176px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.equip-item:hover{border-color:var(--accent);box-shadow:var(--glow)}.equip-item .meta{flex:1;min-width:0}.equip-item .meta b{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.equip-item .meta .eq-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.equip-item .meta .cat{color:var(--text-mute);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:11px;font-weight:400}.equip-item .meta small{color:var(--text-mute);margin-top:2px;font-size:11px;display:block}.equip-item .equip-effect{color:var(--text-dim);margin-top:6px;font-size:11px;line-height:1.7}.equip-item .equip-effect div{gap:6px;display:flex}.equip-item .equip-effect div:before{content:"◆";color:var(--accent);flex-shrink:0;font-size:9px;transform:translateY(2px)}.equip-item .meta .need{color:var(--danger);margin-left:4px;font-style:normal;font-weight:600}.equip-item .meta .have{color:var(--success);margin-left:6px;font-style:normal}.equip-item .price{color:var(--gold);margin-top:auto;padding-top:4px;font-size:14px;font-weight:700}.equip-item .bar{width:100%;margin-top:3px}.equip-item .btn{flex-shrink:0;width:100%}.equip-item .ok{border:1px solid color-mix(in srgb, var(--success) 55%, transparent);width:100%;color:var(--success);border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.btn.insufficient{border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger);opacity:.8;cursor:not-allowed}.btn.insufficient:hover{border-color:var(--danger);color:var(--danger)}.g-shop{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}.g-equip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.equip-item{min-width:0}.app-col{flex-direction:column;flex:1;min-width:0;display:flex}:root{--sidebar-w:200px;--topbar-h:56px;--hud-avatar:42px;--hud-avatar-r:12px;--hud-av-ico:20px;--hud-fs:13px;--hud-num-fs:10.5px;--hud-bar-w:132px;--hud-pill-pad:5px 10px;--hud-guild:var(--accent)}.topbar{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0}.topbar-inner{min-height:var(--topbar-h);flex-flow:row-reverse wrap;align-items:flex-start;column-gap:10px;padding:0 24px;display:flex}.tb-rest{flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;align-items:center;gap:10px;min-width:0;display:flex}.tb-id-row{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.tb-lv{font-size:var(--hud-fs);color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:6px;margin-left:-6px;padding:2px 6px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.tb-lv:hover{background:var(--accent-soft)}.tb-lv .ico{color:var(--accent);flex:none}.tb-lv .lv{color:var(--accent)}.tb-lv .num{font-size:var(--hud-num-fs);color:var(--text-mute);font-weight:500}.tb-lv .bar{width:var(--hud-bar-w);background:color-mix(in srgb, var(--text-mute) 26%, transparent);border-radius:999px;height:6px;overflow:hidden}.tb-lv .bar>i{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 60%, transparent), var(--accent));border-radius:999px;height:100%;transition:width .3s;display:block}.tb-id{height:var(--topbar-h);flex:none;order:-1;align-self:flex-start;align-items:center;gap:10px;display:flex}.tb-id-txt{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.tb-id-name{white-space:nowrap;font-size:var(--hud-fs);border-radius:8px;align-items:center;gap:5px;margin-left:-4px;padding:1px 4px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.tb-id-name:hover{background:var(--accent-soft)}.tb-guild{color:var(--hud-guild);text-overflow:ellipsis;vertical-align:bottom;max-width:170px;display:inline-block;overflow:hidden}.tb-name{color:var(--text);text-overflow:ellipsis;vertical-align:bottom;max-width:240px;display:inline-block;overflow:hidden}.tb-title{--tc:var(--text-dim);color:var(--tc);flex:none;align-items:center;text-decoration:none;display:inline-flex}.tb-title svg{z-index:1;position:relative}.tb-title-in{background:color-mix(in srgb, var(--tc) 45%, transparent);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);align-items:center;margin-left:1px;padding:1px;display:inline-flex}.tb-title-n{height:18px;color:var(--tc);background:color-mix(in srgb, var(--tc) 13%, var(--bg));clip-path:polygon(4.5px 0,calc(100% - 4.5px) 0,100% 4.5px,100% calc(100% - 4.5px),calc(100% - 4.5px) 100%,4.5px 100%,0 calc(100% - 4.5px),0 4.5px);align-items:center;padding:0 10px 0 14px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.tb-title:hover .tb-title-in{background:color-mix(in srgb, var(--tc) 70%, transparent)}.tb-title:hover .tb-title-n{background:color-mix(in srgb, var(--tc) 20%, var(--bg))}.tb-live{flex:none;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.tb-live.boxed{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:8px;padding:3px 7px}.tb-live .tb-live-link{border-radius:8px;flex:0 auto;align-items:center;gap:8px;min-width:0;padding:2px 5px;text-decoration:none;transition:background .15s;display:inline-flex}.tb-live .tb-live-link:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.tb-live .tb-live-div{background:var(--border);flex:none;width:1px;height:20px}.tb-live .tb-live-idle{color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent);border:1px solid color-mix(in srgb, var(--gold) 34%, transparent);border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.tb-live .tb-live-idle:hover{background:color-mix(in srgb, var(--gold) 22%, transparent)}.tb-live .tb-on{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.tb-live .tb-on .dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.8s ease-out infinite tbPulse}@keyframes tbPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.tb-live .tb-clock{color:var(--text);font-variant-numeric:tabular-nums;background:var(--accent-soft);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:12.5px;font-weight:700;display:inline-flex}.tb-live .tb-casts{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11.5px;overflow:hidden}.tb-live-acts{flex:none;align-items:center;gap:6px;display:inline-flex}.tb-live .tb-stop{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 42%, transparent);cursor:pointer;border-radius:8px;height:26px;padding:0 11px;font-family:inherit;font-size:11.5px;font-weight:700}.tb-live .tb-stop:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 20%, transparent)}.tb-live .tb-stop:disabled{opacity:.5;cursor:not-allowed}.tb-live .tb-port{height:26px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);border-radius:8px;flex:none;align-items:center;padding:0 11px;font-size:11.5px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.tb-live .tb-port:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.tb-live .tb-live-err{color:var(--danger);white-space:nowrap;font-size:11px}.tb-receipt{min-width:0;max-width:100%;color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12.5px;display:inline-flex}.tb-receipt>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.topbar-stats{flex:none;align-items:center;gap:8px;padding:0 8px;display:flex}.topbar-stats a{font-variant-numeric:tabular-nums;white-space:nowrap;padding:var(--hud-pill-pad);background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.topbar-stats a:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.topbar-stats .ss-coins{color:var(--gold)}.topbar-stats .ss-relics{color:var(--quality-9)}.topbar-stats .ss-stones{color:var(--quality-8)}.topbar-stats .ico{flex:none}.cur-ico{object-fit:contain;flex:none;width:16px;height:16px;display:block}.tb-avatar{width:var(--hud-avatar);height:var(--hud-avatar);border-radius:var(--hud-avatar-r);background:var(--accent-soft);color:var(--text-dim);border:1px solid var(--border);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.tb-avatar .portrait-face svg{width:var(--hud-av-ico);height:var(--hud-av-ico)}.tb-avatar:hover{color:var(--accent)}.tb-avatar .dot{background:var(--text-mute);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.tb-avatar .dot.on{background:var(--success)}.topbar-msgbar{border-top:1px solid var(--border);align-items:center;gap:10px;min-height:32px;padding:0 18px;font-size:11.5px;display:flex}.tb-bc-mark{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.tb-bc-mark.announce{color:var(--gold)}.tb-bc-mark.rare{color:var(--quality-9)}.tb-bc-mark.boss{color:var(--danger)}.tb-bc-mark.board{color:var(--accent)}.tb-bc-count{font:inherit;color:var(--text-dim);cursor:pointer;background:color-mix(in srgb, var(--text-mute) 16%, transparent);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;transition:color .15s,background .15s;display:inline-flex}.tb-bc-count:hover{color:var(--accent);background:var(--accent-soft)}.tb-bc-count[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.tb-bc-count .lg{font-weight:500}.tb-bc-more{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;padding:6px 4px;font-size:12px}.tb-bc-more:hover{text-decoration:underline}.tb-bc-more:focus-visible,.tb-bc-count:focus-visible,.tb-stream button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tb-bc-more[aria-expanded=true]{text-decoration:underline}.tb-bc-mark.migration{color:var(--accent)}@media (pointer:coarse){.tb-bc-count,.tb-bc-more,.tb-stream-close,.tb-fchip{min-height:44px}}.topbar-msg{min-width:48px;color:var(--text-mute);white-space:nowrap;flex:1;align-items:center;gap:8px;font-size:12px;transition:color .3s;display:flex;overflow:hidden}.tb-stream-veil{z-index:59;position:fixed;inset:0}.tb-stream{z-index:60;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);width:min(460px,100vw - 24px);max-height:calc(100dvh - 140px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:10px;padding:12px 18px 14px;animation:.16s ease-out t-stream-in;display:flex;position:absolute;top:calc(100% + 6px);left:auto;right:12px}@keyframes t-stream-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tb-stream-head{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.tb-stream-head .sp{flex:1}.tb-stream-head .note{color:var(--text-mute);font-size:11px;font-weight:400}.tb-stream-close{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:3px;padding:2px 4px;font-size:11px;display:inline-flex}.tb-stream-close .up{transform:rotate(-90deg)}.tb-stream-filter{flex-wrap:wrap;gap:6px;display:flex}.tb-fchip{font:inherit;color:var(--text-dim);cursor:pointer;background:color-mix(in srgb, var(--text-mute) 15%, transparent);border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:11px;transition:color .15s,background .15s,border-color .15s}.tb-fchip:hover{color:var(--accent)}.tb-fchip.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.tb-stream-rows{overscroll-behavior:contain;flex-direction:column;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tb-srow{color:var(--text-dim);border-top:1px solid var(--border);align-items:center;gap:8px;padding:7px 0;font-size:12px;display:flex}.tb-srow:first-child{border-top:0}.tb-srow.live{color:var(--text)}.tb-srow-txt{white-space:normal;overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.5}.tb-srow-time{color:var(--text-mute);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.tb-stream-empty{color:var(--text-mute);margin:0;padding:6px 0;font-size:11.5px;line-height:1.7}.tb-stream-foot{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:8px;display:flex}.tb-stream-foot .note{color:var(--text-mute);flex:1;font-size:11px}.tb-stream-all{color:var(--accent);flex:none;font-size:11.5px;text-decoration:none}.tb-stream-all:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.tb-stream{animation:none}}.topbar-msg .txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-msg .mt-p{color:var(--accent)}.topbar-msg .mt-g{color:var(--hud-guild);font-weight:600}.tb-srow .mt-p{color:var(--accent)}.tb-srow .mt-g{color:var(--hud-guild);font-weight:600}.topbar-msg.alert .mt-p{color:inherit}.topbar-msg .ico{flex:none;align-items:center;display:inline-flex}.topbar-msg.alert{color:var(--gold)}.topbar-msg.alert .ico{animation:1.1s infinite t-msg-pulse}@keyframes t-msg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.topbar-msg.scroll .txt{text-overflow:clip;animation:10s linear infinite t-msg-marquee;display:inline-block}.topbar-msg.scroll:active .txt{animation-play-state:paused}@keyframes t-msg-marquee{0%,6%{transform:translate(0)}88%,96%{transform:translateX(var(--dist,-50%))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.topbar-msg.scroll .txt,.tb-live .tb-on .dot{animation:none}}@media (max-width:1023px){:root{--hud-avatar:36px;--hud-avatar-r:10px;--hud-av-ico:18px;--hud-fs:12.5px;--hud-num-fs:10px;--hud-bar-w:96px;--hud-pill-pad:4px 8px}.tb-rest>.topbar-stats{order:-1}}@media (max-width:600px){.topbar-msgbar{gap:8px;padding:0 12px}.tb-bc-count .lg{display:none}.tb-stream{padding:10px 12px 12px}.tb-srow{font-size:11.5px}}.drawer-backdrop{display:none}@media (max-width:767px){aside{z-index:auto;width:46px;box-shadow:none;flex:none;position:sticky;top:0;transform:none}aside:not(.collapsed){z-index:90;width:180px;height:100dvh;position:fixed;top:0;left:0;box-shadow:2px 0 16px #0000004d}.drawer-backdrop.on{z-index:85;background:#00000073;animation:.15s ease-out dsh-fade;display:block;position:fixed;inset:0}aside nav a{min-height:48px}aside.collapsed nav a{min-height:46px}aside nav .nav-group-h{min-height:40px}aside.collapsed{width:46px;padding:18px 6px}aside.collapsed .logo{justify-content:center;padding:4px 0 16px}aside.collapsed .logo-title{display:none}aside.collapsed nav a{justify-content:center;padding:8px 0}aside.collapsed nav a .nav-label,aside.collapsed nav a .nav-badge{display:none}aside.collapsed+.app-col{margin-left:0}.topbar-stats{flex-wrap:nowrap}.topbar-msg{font-size:12.5px}.drawer-backdrop:not(.on){display:none}main{padding:16px}.g-player,.g-boats,.g-sections,.g-shop,.g-equip,.g-port{grid-template-columns:1fr}.card{padding:14px}h1{font-size:18px}.sub{margin-bottom:14px;font-size:12px}table{font-size:12px}.btn{padding:10px 14px}:root{--hud-avatar:32px;--hud-avatar-r:10px;--hud-av-ico:15px;--hud-fs:11.5px;--hud-num-fs:9.5px;--hud-bar-w:48px;--hud-pill-pad:3px 7px}.topbar-inner{gap:0 6px;padding:0 10px}.tb-id{gap:10px}.tb-rest{gap:6px}.tb-guild{text-overflow:ellipsis;vertical-align:bottom;max-width:34vw;display:inline-block;overflow:hidden}.tb-name{text-overflow:ellipsis;vertical-align:bottom;max-width:42vw;display:inline-block;overflow:hidden}.tb-id-row{gap:5px}.tb-lv{gap:5px;margin-left:-4px;padding:2px 4px}.tb-lv .bar{height:5px}.topbar-stats{gap:4px;padding:0 4px}.topbar-stats a{gap:4px;font-size:11.5px}.topbar-stats .cur-ico,.topbar-stats .ico{width:12px;height:12px}.tb-live{gap:6px}.tb-live.boxed{padding:3px 6px}.tb-live .tb-live-link{flex-wrap:wrap;gap:2px 6px;padding:2px 4px}.tb-live .tb-on{padding:3px 8px;font-size:10.5px}.tb-live .tb-clock{padding:3px 7px;font-size:11px}.tb-live .tb-casts{font-size:10px}.tb-live .tb-live-div{height:16px}.tb-live .tb-stop,.tb-live .tb-port{height:22px;padding:0 8px;font-size:10.5px}}@media (max-width:400px){.topbar-inner{gap:0 5px;padding:0 8px}.topbar-stats a{padding:3px 6px}.tb-id{gap:8px}.tb-guild{max-width:30vw}.tb-name{max-width:38vw}}:root{--map-max-w:1088px;--map-max-h:min(calc(100vh - 260px), 620px);--map-frame-bar-h:36px;--map-radius:var(--radius);--map-pad:12px;--map-border:var(--border-strong)}@media (min-width:900px) and (max-width:1199px){:root{--map-max-h:min(calc(100vh - 220px), 560px)}}.voyage-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.voyage-map{width:100%;max-width:calc(var(--map-max-h) * 1.6);margin:0 auto}.chart-map-main{width:100%;max-width:calc(var(--map-max-h) * 1.6);height:var(--map-max-h);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.chart-map-col{min-width:0}.chart-detail{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.page-chart{max-width:min(1560px,100vw - 264px)}@media (min-width:1560px){.chart-detail{grid-template-columns:minmax(0, calc(var(--map-max-h) * 1.6 + 24px)) minmax(320px, 1fr)}}.chart-below{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (min-width:900px) and (max-width:1559px){.chart-below{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.chart-map-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex;position:relative;overflow:hidden}.voyage-side{grid-template-columns:1fr;gap:14px;min-width:0;display:grid}@media (min-width:1200px){.voyage-side{grid-template-columns:1fr 1fr;align-items:start}}.voyage-meter-row{max-width:calc(var(--map-max-h) * 1.6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px auto 0;display:grid}.voyage-meter-row .card{margin:0;padding:8px 10px}.voyage-meter-row h3{margin-bottom:4px;font-size:12px}.voyage-meter-row h3 svg{width:13px;height:13px}.voyage-meter-row [role=progressbar]{border:1px solid var(--border-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface-3) 60%, transparent);height:5px!important}.voyage-meter-row [role=progressbar] i{height:100%}.voyage-meter-row span[style*=tabular-nums]{font-size:12px}.voyage-frame{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);height:var(--map-max-h);flex-direction:column;display:flex;position:relative;overflow:hidden}.voyage-frame-bar{height:var(--map-frame-bar-h);color:var(--text-dim);background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;padding:0 12px;font-size:12px;display:flex}.voyage-map-canvas,.voyage-map-canvas>.voyage-canvas-root{flex-direction:column;flex:1;min-height:0;display:flex}.voyage-map-canvas .map-scroll{flex:1;min-height:0;max-height:none}.map-fit{width:auto;max-width:100%;height:100%;margin:0 auto}.voyage-tension{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);align-items:center;gap:12px;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}@media (max-width:899px){.voyage-layout{grid-template-columns:1fr}.voyage-map,.chart-map-main,.voyage-meter-row{max-width:100%}.voyage-frame,.chart-map-main{height:auto}.voyage-frame-bar{height:auto;min-height:var(--map-frame-bar-h);flex-wrap:wrap;row-gap:2px;padding:6px 12px}.map-fit{width:100%;height:auto;margin:0}.voyage-map-canvas .map-scroll{max-height:60vh;padding:6px}}.voyage-map-prep{max-width:680px}.voyage-frame-prep{height:auto}.voyage-frame-prep .voyage-map-canvas{flex:none;display:block}.voyage-frame-prep .voyage-map-canvas>div{flex:none}.draw-dialog-backdrop{z-index:90;background:#030710b8;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.draw-dialog{background:var(--surface);border:none;border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;max-height:none;display:flex;overflow:hidden}.draw-dialog-head{border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0;align-items:center;gap:8px;min-height:34px;padding:3px 12px;font-size:12px;display:flex}.draw-dialog-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.draw-dialog-head .btn{white-space:nowrap;padding:2px 10px;font-size:12px}.draw-dialog-head .tag{white-space:nowrap;padding:1px 6px;font-size:11px}@media (max-width:480px){.draw-dialog-head{gap:6px;padding:3px 8px}.draw-dialog-head b{max-width:34vw;font-size:11px}.draw-dialog-head .tag{display:none}}.draw-dialog-main{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 12px 10px;display:flex;overflow:hidden}.draw-dialog-map{flex:1;min-height:0;padding:0;position:relative;overflow:hidden}.draw-dialog-map-stage{will-change:transform}.draw-dialog-controls{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;padding:6px 2px 2px;display:flex}.draw-controls-row{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.draw-controls-row .btn{white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.draw-controls-toggle{white-space:nowrap;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.draw-controls-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.draw-controls-hint{gap:8px}@media (max-width:640px){.draw-dialog-head{min-height:40px;padding:4px 10px}.draw-dialog-head b{font-size:12px}.draw-dialog-main{padding:6px 8px 8px}.draw-controls-row{gap:6px}.draw-controls-row .btn{min-height:40px;padding:8px 12px;font-size:13px}.draw-controls-hint{margin-top:2px}}.chart-card{transition:border-color .15s,box-shadow .15s,transform .15s}.chart-card:hover{border-color:var(--accent);box-shadow:var(--glow)}.chart-card:active{transform:scale(.99)}.market-row{transition:transform .1s,background .1s}.market-row:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.market-row:active{transform:scale(.99)}@keyframes dsh-fade{0%{opacity:0}to{opacity:1}}.dsh-pop{animation:.16s ease-out dsh-pop}.onboard-wrap{z-index:80;pointer-events:none;background:#0408109e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onboard-card{pointer-events:auto;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:14px;width:100%;max-width:440px;max-height:min(78vh,560px);padding:20px;position:relative;overflow:auto}.onboard-skip{width:44px;height:44px;color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.onboard-skip:hover{background:var(--surface-3);color:var(--text)}.onboard-actions{flex-wrap:wrap;gap:8px;display:flex}.onboard-actions .btn{min-height:44px}@media (max-width:767px){.onboard-wrap{padding:8px 12px;padding-top:calc(env(safe-area-inset-top,0px) + 58px);align-items:flex-start}.onboard-card{max-height:46vh;padding:16px}.onboard-card p{font-size:14px;line-height:1.75}.onboard-actions .btn{flex:100%}}@keyframes dsh-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tick-ring-arc{animation:4s linear infinite tick-countdown}@keyframes tick-countdown{0%{stroke-dashoffset:var(--tick-circ,40.84)}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.tick-ring-arc{stroke-dashoffset:0;animation:none}}.caught-badge{white-space:nowrap;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.caught-badge .t{font-variant-numeric:tabular-nums;font-weight:600}.caught-badge.age-fresh{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent)}.caught-badge.age-warm{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 45%, transparent);background:color-mix(in srgb, var(--warning) 10%, transparent)}.caught-badge.age-old{color:#fb923c;background:#fb923c1a;border-color:#fb923c73}.caught-badge.age-dead{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.eq-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:6px;display:grid}.eq-stats span{color:var(--text-dim);background:var(--surface-3);text-align:center;white-space:normal;border-radius:5px;padding:3px 6px;font-size:10px;line-height:1.4;overflow:visible}.g-port{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}.port-lv{vertical-align:3px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft);border-radius:999px;margin-left:10px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.wh-bar{height:8px;margin:-4px 0 12px}.wh-bar>i{background:var(--accent-2)}.wh-bar.warn>i{background:var(--warning)}.wh-bar.full>i{background:var(--danger)}.wh-filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.wh-filter-label{color:var(--text-mute);letter-spacing:.06em;margin-right:2px;font-size:11px;font-weight:600}.filter-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow)}.filter-chip .chip-count{text-align:center;background:color-mix(in srgb, currentColor 15%, transparent);min-width:16px;color:inherit;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px}.filter-chip.active .chip-count{background:color-mix(in srgb, currentColor 26%, transparent);color:inherit}.wh-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:10px;display:grid}.wh-cell{border:1.5px solid var(--border-strong);background:var(--surface-3);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 5px;transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s;display:flex;position:relative}.wh-cell:hover{transform:translateY(-1px)}.wh-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wh-cell.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow)}.wh-cell.rotten{border-style:dashed}.wh-cell-top{justify-content:space-between;align-items:center;width:100%;min-height:18px;display:flex}.wh-cell-fig{justify-content:center;width:100%;display:flex}.wh-cell .qty{background:var(--bg-deep);min-width:20px;height:20px;color:var(--text);border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex}.wh-cell .check{background:var(--accent);width:18px;height:18px;color:var(--bg-deep);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;left:0}.wh-cell-info{flex-direction:column;gap:1px;width:100%;display:flex}.wh-cell-row{justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:14px;display:flex}.wh-cell-name{min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:11px;font-weight:600;overflow:hidden}.wh-cell-price{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:2px;font-size:11px;font-weight:700;display:inline-flex}.wh-cell-time{color:var(--warning);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:2px;font-size:10px;font-weight:600;display:inline-flex}.wh-cell-time.danger{color:var(--danger)}.wh-detail{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:12px;min-height:56px;margin-bottom:4px;padding:8px 12px;font-size:13px;display:flex}.wh-detail .wh-detail-main{flex:1;min-width:0}.wh-detail .wh-detail-main>b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.wh-detail .wh-price{text-align:right;flex-shrink:0}.wh-detail .wh-price small{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px;display:block}.wh-detail .wh-price b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:15px;display:block}.wh-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.wh-meta .q{padding:1px 7px;font-size:10px}.wh-fresh{align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.wh-fresh .f-ico{display:inline-flex}.wh-fresh.f-fresh{color:var(--success)}.wh-fresh.f-iced{color:var(--info)}.wh-fresh.f-stale{color:var(--warning)}.wh-fresh.f-rotten{color:var(--danger)}.wh-cd{color:var(--warning);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px;display:block}.wh-cd.danger{color:var(--danger);font-weight:600}.upgrade-prev .v{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.chip{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.chip.on{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 40%, transparent)}.chip.off{color:var(--text-mute);border:1px dashed var(--border-strong);background:0 0}.ice-bar{height:8px;margin:2px 0 4px}.ice-bar>i{background:var(--success)}@media (max-width:767px){.g-port{grid-template-columns:1fr}}.wh-empty{color:var(--text-mute);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 0;font-size:13px;display:flex}.wh-total{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:700}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:stretch;gap:10px;display:grid}.inv-cell{border:1px solid var(--border);background:var(--surface-2);width:100%;height:auto;min-height:96px;color:var(--text-dim);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px;padding:10px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.inv-cell .inv-ic{height:18px;color:var(--text)}.inv-cell:hover{border-color:var(--accent);box-shadow:var(--glow)}.inv-cell.sel{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));box-shadow:var(--glow);color:var(--accent)}.inv-cell.on-self{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.inv-cell.empty{color:var(--text-mute);background:0 0;border-style:dashed}.inv-cell.empty .inv-name{color:var(--text-mute)}.inv-cell.on-other{opacity:.45;cursor:not-allowed}.inv-cell:disabled{cursor:not-allowed}.inv-cell .inv-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.inv-cell .inv-meta{color:var(--text-dim);font-size:11px}.inv-cell .inv-dur{background:color-mix(in srgb, var(--border) 60%, transparent);border-radius:999px;width:100%;height:4px;overflow:hidden}.inv-cell .inv-dur i{background:var(--accent);border-radius:999px;height:100%;display:block}.inv-cell .inv-chips{flex-wrap:wrap;gap:4px;width:100%;display:flex}.inv-actions{flex-wrap:wrap;gap:4px;width:100%;margin-top:2px;display:flex}.inv-actions .btn{min-height:24px;padding:2px 9px;font-size:11px}.param-chip{min-width:0;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border-strong);word-break:break-word;border-radius:4px;padding:2px 6px;font-size:10px;line-height:1.6}.param-chip.more{color:var(--text-mute);background:0 0;border-style:dashed}.inv-sell{z-index:2;text-align:center;border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 18%, transparent);width:20px;height:20px;color:var(--danger);cursor:pointer;border-radius:6px;padding:0;font-size:10px;line-height:20px;position:absolute;top:2px;right:2px}.inv-sell:hover{background:var(--danger);color:#fff}.inv-row{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.inv-row:hover{border-color:var(--accent)}.inv-row.on-self{border-color:var(--accent);background:var(--accent-soft)}.inv-row.on-other{opacity:.5}.inv-row.sel{border-color:var(--accent);box-shadow:var(--glow)}.inv-row .inv-dur{background:var(--accent);border-radius:999px;height:4px;margin-top:4px}.inv-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.inv-cell.on-self .inv-name{color:var(--accent)}.profile-page{flex-direction:column;gap:14px;display:flex}.card-note{color:var(--text-dim);font-size:11px;font-weight:400}.pf-sum{flex-wrap:wrap;gap:8px;display:flex}.pf-pill{background:var(--surface-2);color:var(--text-dim);border-radius:999px;align-items:center;padding:10px;font-size:12.5px;line-height:1.2;display:inline-flex}.pf-pill.hi{background:var(--accent-soft);color:var(--accent);font-weight:600}.pf-sub-m,.profile-page .page-header .ph-tabs{display:none}.pf-cols{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (min-width:1024px){.pf-cols{grid-template-columns:minmax(0,1fr) 446px}}.pf-main,.pf-side{flex-direction:column;align-items:stretch;gap:14px;min-width:0;display:flex}.pf-row{justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;display:flex}.pf-row .k{color:var(--text-mute);font-size:11.5px}.pf-row .v{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.pf-v-badge{align-items:center;gap:5px;display:inline-flex}.pf-catches{flex-direction:column;display:flex}.pf-catch{color:var(--text);border-radius:6px;padding:3px 0;font-size:11.5px;line-height:1.8;text-decoration:none;transition:color .15s;display:block}.pf-catch:hover{color:var(--accent)}.pf-q{font-weight:700}.pf-foot{color:var(--text-mute);margin:8px 0 0;font-size:11px;line-height:1.6}.pf-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 14px;display:grid}.pf-stat{flex-direction:column-reverse;align-items:flex-start;gap:4px;min-width:0;display:flex}.pf-stat-v{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.pf-stat-k{color:var(--text-mute);font-size:11.5px}@media (max-width:1023px){.pf-stats{grid-template-columns:minmax(0,1fr);gap:8px 0}.pf-stat{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}.pf-stat-v{font-size:12px;font-weight:400}.pf-stat-k{font-size:11px}}@media (max-width:767px){.profile-page .page-header .ph-actions,.pf-sub-d{display:none}.pf-sub-m{display:inline}.profile-page .page-header .ph-tabs{display:flex}.profile-page .page-header .ph-tab{border-radius:8px;padding:7px 12px;font-size:12px;font-weight:400}.profile-page .page-header .ph-tab.on{font-weight:600}.pf-anchor{scroll-margin-top:156px}}.tw-wall{flex-wrap:wrap;gap:12px;display:flex}.tw-cell{width:96px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:0;transition:background-color .15s,transform .15s;display:flex}.tw-cell:hover:not(:disabled){background:var(--surface-2);transform:translateY(-1px)}.tw-cell:disabled{cursor:default}.tw-name{text-align:center;width:100%;font-size:11.5px;font-weight:600;line-height:1.25}.tw-foot{color:var(--text-mute);margin-top:2px;font-size:11px}@media (max-width:640px){.tw-wall{gap:8px}.tw-cell{width:76px}.tw-name{font-size:11px}}@media (prefers-reduced-motion:reduce){.tw-cell{transition:none}}.ach-cols{align-items:flex-start;gap:14px;display:flex}.ach-col{flex-direction:column;gap:14px;min-width:0;display:flex}.ach-main{flex:auto}.ach-side{flex:0 0 446px;width:446px}@media (max-width:1024px){.ach-cols{flex-direction:column;align-items:stretch}.ach-side{flex:auto;order:-1;width:100%}}.ach-caps{flex-wrap:wrap;gap:8px;display:flex}.ach-cap{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.ach-cap.on{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent)}.ach-row{flex-direction:column;gap:5px;padding:10px 0;display:flex}.ach-row+.ach-row{border-top:1px solid var(--surface-3)}.ach-top{align-items:center;gap:8px;display:flex}.ach-title{flex:1;min-width:0;font-size:12.5px;font-weight:600}.ach-cond{color:var(--text-dim);font-size:11.5px}.ach-state{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px}.ach-claim{background:var(--accent);color:var(--bg-deep);white-space:nowrap;border:0;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600}.ach-claim:disabled{opacity:.6}.ach-track{background:var(--surface-3);border-radius:999px;height:5px;overflow:hidden}.ach-track>i{border-radius:999px;height:100%;display:block}.ach-cur{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.ach-cur-txt{flex-direction:column;gap:6px;min-width:0;display:flex}.ach-cur-nm{font-size:18px;font-weight:700}.ach-cur-src{color:var(--text-dim);font-size:11.5px}.ach-cur-foot{color:var(--text-mute);font-size:11px}.ach-diffs{flex-wrap:wrap;gap:6px 16px;margin-bottom:10px;display:flex}.ach-diff{align-items:center;gap:8px;display:flex}.ach-diff-nm{flex:none;font-size:12px}.ach-diff-v{font-variant-numeric:tabular-nums;font-size:12px}.wh-sellbar{border:1px solid var(--surface-3);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 12px;padding:8px 10px;display:flex}.wh-sellbar .btn.sm{padding:5px 12px;font-size:12px}.wh-sel-sum{color:var(--text-dim);flex:1;min-width:0;font-size:12px}.wh-sellbar .btn.primary{margin-left:auto}.wh-head-right{align-items:center;gap:8px;display:inline-flex}.wh-live{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:700;line-height:15px}@media (max-width:767px){.wh-head-right{flex-wrap:wrap;justify-content:flex-end}.wh-sellbar{gap:8px;padding:8px}.wh-sellbar .btn{flex:auto}.wh-sel-sum{flex-basis:100%;order:-1;margin-bottom:2px}.wh-sellbar .btn.primary{margin-left:0}}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-strong);background:var(--surface);width:100%;max-width:380px;max-height:min(85vh,720px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-head{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 18px;display:flex}.modal-head h3,.modal-head b{overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.5}.modal-head .sub{margin:0}.modal-close{width:44px;height:44px;color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-close:hover{background:var(--surface-3);color:var(--text)}.modal-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}.modal-foot{padding:12px 18px max(12px, env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}.modal-foot:empty{display:none}.modal-head-col{flex-direction:column;align-items:flex-start;gap:2px}@media (max-width:640px){.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92dvh}.modal-content{padding:12px 16px}.modal-foot{padding-left:16px;padding-right:16px}}.modal.no-frame{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;display:block;overflow-y:auto}.modal.no-frame::-webkit-scrollbar{width:6px}.modal.no-frame::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.modal-body{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.modal-info{flex:1;min-width:0}.modal-name{margin-bottom:4px;font-size:17px;display:block}.modal-rows{margin-top:8px}.modal-rows .stat-row{font-size:13px}.wh-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:10px}.wh-cell{padding:6px}.wh-cell-name,.wh-cell-price{font-size:11px}.wh-cell-time{font-size:9px}.wh-detail-btn{border:1px solid var(--border-strong);background:var(--bg-deep);width:16px;height:16px;color:var(--text-mute);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-4px;right:20px}.wh-detail-btn:hover{color:var(--accent);border-color:var(--accent)}.port-wh-card{position:relative}.wh-lock{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);width:20px;height:20px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.wh-select-btn{border:1.5px solid var(--border-strong);background:var(--bg-deep);width:18px;height:18px;color:var(--bg-deep);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s;display:flex}.wh-select-btn:hover{border-color:var(--accent)}.wh-select-btn.on{background:var(--accent);border-color:var(--accent);color:var(--bg-deep)}.wh-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.wh-main{min-width:0}.wh-side{flex-direction:column;gap:14px;min-width:0;display:flex}@media (max-width:900px){.wh-layout{grid-template-columns:minmax(0,1fr)}.wh-side{flex-flow:wrap}.wh-side>.card{flex:240px}}.wh-sellbar{flex-wrap:wrap}.wh-panel-head,.wh-panel .wh-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.wh-panel .wh-panel-head>b{letter-spacing:.2px;font-size:13px}.wh-panel .wh-panel-note{color:var(--text-mute);font-size:10.5px}.wh-rank-row{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:4px 0;display:grid}.wh-rank-row .k{font-size:11px;font-weight:600}.wh-rank-row .bar{background:var(--surface-3);border-radius:4px;height:7px;overflow:hidden}.wh-rank-row .bar>i{border-radius:4px;height:100%;display:block}.wh-rank-row .n{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:10.5px}.wh-sum-row{justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;display:flex}.wh-sum-row .k{color:var(--text-mute);font-size:11px}.wh-sum-row .v{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.wh-sum-row .v.gold{color:var(--gold)}.wh-sum-row .v.accent{color:var(--accent)}.wh-panel-hint{color:var(--text-mute);margin:10px 0 0;font-size:10px;line-height:1.6}.btn.wh-mastery{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent);align-items:center;gap:6px;font-weight:700;display:inline-flex}.btn.wh-mastery:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent)}.btn.wh-mastery.danger{background:color-mix(in srgb, var(--danger) 18%, transparent);border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger)}.gear-tabs{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.gear-tab{cursor:pointer;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.gear-tab:hover{color:var(--text);background:var(--surface-2)}.gear-tab.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent);font-weight:700}.gear-layout{grid-template-columns:minmax(0,470fr) minmax(0,676fr);align-items:start;gap:14px;display:grid}.gear-left{z-index:2;flex-direction:column;gap:14px;min-width:0;display:flex;position:relative}.gear-slot-card{z-index:3;flex-direction:column;display:flex;position:relative}@media (max-width:1024px){.gear-layout{grid-template-columns:minmax(0,1fr)}}.gear-doll{justify-content:center;align-items:center;gap:12px;display:flex}.gear-doll-col{flex-direction:column;flex:1 1 0;gap:10px;min-width:0;display:flex}.gear-doll-art{background:radial-gradient(125% 55% at 50% 8%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--bg-deep) 86%, var(--accent)), var(--bg-deep));border-radius:80px;flex:0 0 160px;align-self:stretch;width:160px;min-height:300px;display:block}.gear-doll-art .d-moon-glow{fill:var(--text);opacity:.07}.gear-doll-art .d-moon{fill:var(--text);opacity:.13}.gear-doll-art .d-lamp{fill:var(--gold);opacity:.55}.gear-doll-art .d-water{stroke:var(--accent-2);stroke-width:1px;opacity:.22}.gear-doll-art .d-pier{stroke:var(--border-strong);stroke-width:3px}.gear-doll-art .d-body{fill:var(--text);opacity:.32}.gear-doll-art .d-hat{fill:var(--text);opacity:.44}.gear-doll-art .d-rod{stroke:var(--text-dim);stroke-width:2px;stroke-linecap:round}.gear-doll-art .d-line{stroke:var(--accent);stroke-width:1px;opacity:.7}.gear-doll-art .d-float{fill:var(--accent)}.gear-slot-card>.gear-doll-art{display:none}.gear-slot{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;flex-direction:column;gap:5px;padding:9px;transition:border-color .15s,transform .1s;display:flex;position:relative}.gear-slot.filled{border-color:color-mix(in srgb, var(--q-color) 55%, transparent)}.gear-slot:hover{z-index:20;transform:translateY(-1px)}.gear-slot-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.gear-slot-top .k{color:var(--text-mute);font-size:10px}.gear-slot-top .lv{color:var(--gold);font-size:10px;font-weight:700}.gear-slot .nm{cursor:default;text-align:left;color:var(--text);background:0 0;border:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:600}.gear-slot .q{color:var(--q-color);font-size:10px}.gear-slot-name{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.gear-slot-name>img.art{object-fit:contain;width:44px;height:44px;display:block}.gear-slot-name>img.art.dim{opacity:.26}.gear-slot-name .nm{text-align:center;flex:auto;min-width:0}.gear-slot .q,.gear-slot .empty{text-align:center}.gear-slot-pop{z-index:30;text-align:left;border:1px solid color-mix(in srgb, var(--q-color) 55%, var(--border-strong));background:var(--surface-3);opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;flex-direction:column;gap:3px;width:216px;max-width:62vw;padding:9px 11px;transition:opacity .12s;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0000006b}.gear-slot:hover>.gear-slot-pop,.gear-slot:focus-within>.gear-slot-pop{opacity:1;visibility:visible}.gear-slot-pop b{color:var(--q-color);font-size:12px}.gear-slot-pop .pop-lv{color:var(--gold);margin-left:6px;font-size:10px}.gear-slot-pop .pop-q{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10.5px}.gear-slot-pop .pop-attrs{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.5}.gear-slot-pop .pop-hint{color:var(--text-mute);margin-top:2px;font-size:10px}.gear-slot .empty{color:var(--text-mute);font-size:10.5px}.gear-slot .fish-mini{align-self:flex-start;margin-top:2px}:root{--series-3:#0284c7;--src-base:var(--success);--src-rod:var(--gold);--src-gear:var(--series-3);--src-extra:var(--series-4);--title-rare:var(--series-3);--series-4:#7c3aed}:root[data-theme=starry]{--series-4:#38bdf8}:root[data-theme=dawn]{--series-4:#7c3aed}:root[data-theme=polar]{--series-4:#f472b6}:root[data-theme=emerald]{--series-4:#7c3aed}:root[data-theme=brass]{--series-4:#f472b6}:root[data-theme=storm]{--series-4:#22d3ee}:root[data-theme=coral]{--series-4:#a855f7}:root[data-theme=ink]{--series-4:#0ea5e9}:root[data-theme=void]{--series-4:#f472b6}:root[data-theme=starry]{--series-3:#818cf8}:root[data-theme=dawn]{--series-3:#0284c7}:root[data-theme=polar]{--series-3:#3b82f6}:root[data-theme=emerald]{--series-3:#0ea5e9}:root[data-theme=brass]{--series-3:#60a5fa}:root[data-theme=storm]{--series-3:#a855f7}:root[data-theme=coral]{--series-3:#0ea5e9}:root[data-theme=ink]{--series-3:#b91c1c}:root[data-theme=void]{--series-3:#93c5fd}.gear-legend{align-items:center;gap:12px;display:inline-flex}.gear-legend>span{color:var(--text-dim);align-items:center;gap:5px;font-size:10px;display:inline-flex}.gear-legend i{border-radius:999px;width:7px;height:7px}.gear-attr-row{grid-template-columns:44px minmax(0,1fr) 56px;align-items:center;gap:10px;padding:5px 0;display:grid}.gear-attr-row .k{color:var(--text-dim);font-size:11.5px}.gear-attr-row .v{text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.gear-attr-row .bar{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:4px;height:8px;display:flex;overflow:hidden}.gear-attr-row .bar>i{min-width:2px;height:100%;display:block}.gear-attr-row .seg-gear{background:var(--src-gear)}.gear-attr-row .seg-base{background:var(--src-base)}.gear-attr-row .seg-rod{background:var(--src-rod)}.gear-attr-row .seg-extra{background:var(--src-extra)}.gear-inv-card{min-width:0}.gear-inv-card .wh-panel-head{flex-wrap:wrap}.gear-inv-card .fish-chips{margin-bottom:9px}.gear-pager{color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11.5px;display:flex}.gear-pager.top{margin-top:0;margin-bottom:10px}@media (max-width:640px){.gear-slot-card>.gear-doll-art{border-radius:10px;flex:none;align-self:auto;width:100%;height:92px;min-height:0;margin-bottom:10px;display:block}.gear-doll>.gear-doll-art{display:none}.gear-doll{align-items:flex-start;gap:8px}.gear-doll-col{gap:8px}.gear-slot{flex-direction:row;align-items:center;gap:6px;padding:8px 9px}.gear-slot-top{display:contents}.gear-slot .k,.gear-slot .q-score,.gear-slot .fish-mini{display:none}.gear-slot-name{flex-direction:row;flex:auto;order:1;align-items:center}.gear-slot-name .nm{text-align:left}.gear-slot .q{flex:none;order:2}.gear-slot .lv{color:var(--q-color);flex:none;order:3}.gear-slot .empty{flex:auto}}.chest-layout{flex-direction:column;gap:14px;display:flex}.chest-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}@media (max-width:1024px){.chest-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.chest-row{grid-template-columns:minmax(0,1fr)}}.chest-exec{border-color:color-mix(in srgb, var(--chest) 35%, var(--border));flex-direction:column;gap:8px;min-width:0;display:flex}.chest-art{background:color-mix(in srgb, var(--chest) 10%, var(--surface-2));border-radius:10px;justify-content:center;align-items:center;height:96px;display:flex}.chest-art>img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.chest-art.wide{height:110px;margin-bottom:10px}.chest-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.chest-head>b{font-size:13.5px}.chest-head .st{color:var(--text-dim);font-size:10.5px;font-weight:600}.chest-head .st.gold{color:var(--gold)}.chest-desc{color:var(--text-mute);margin:0;font-size:10.5px;line-height:1.6}.chest-pity{color:var(--gold);margin:0;font-size:10.5px;line-height:1.6}.chest-pity b{font-variant-numeric:tabular-nums;font-weight:700}.chest-spec{cursor:pointer;color:var(--accent);background:0 0;border:none;align-self:flex-start;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:10.5px;font-weight:600;display:inline-flex}.chest-spec>i{border:1.5px solid;border-radius:999px;justify-content:center;align-items:center;width:13px;height:13px;font-size:9px;font-style:normal;font-weight:700;line-height:1;display:inline-flex}.chest-spec:hover{text-decoration:underline}.chest-pay{cursor:pointer;width:100%;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);border-radius:9px;padding:9px 10px;font-family:inherit;font-size:11.5px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:block}.chest-pay:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent)}.chest-pay:active:not(:disabled){transform:scale(.99)}.chest-pay:disabled{opacity:.45;cursor:not-allowed}.chest-pay.ghost{color:var(--gold);background:var(--surface-3);border-color:color-mix(in srgb, var(--gold) 40%, transparent);font-weight:500}.chest-pay.x10{color:var(--text-dim);border-color:var(--border-strong);background:0 0;font-weight:500}.chest-pay.x10:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.chest-batch{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.chest-batch .cb-left{align-items:center;gap:8px;min-width:0;display:flex}.chest-batch .cb-left>b{white-space:nowrap;font-size:12px;font-weight:600}.chest-batch .cb-note{color:var(--text-mute);white-space:nowrap;font-size:10.5px}.chest-batch .cb-stepper{flex:none;align-items:center;gap:6px;display:flex}.chest-batch .cb-btn{cursor:pointer;width:30px;height:30px;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:8px;padding:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:background .15s,border-color .15s}.chest-batch .cb-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent)}.chest-batch .cb-btn:disabled{opacity:.4;cursor:not-allowed}.chest-batch .cb-val{text-align:center;font-variant-numeric:tabular-nums;width:56px;height:30px;color:var(--text);background:var(--surface-2);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);appearance:textfield;border-radius:8px;padding:0 6px;font-family:inherit;font-size:13px;font-weight:600}.chest-batch .cb-val::-webkit-outer-spin-button{appearance:none;margin:0}.chest-batch .cb-val::-webkit-inner-spin-button{appearance:none;margin:0}.chest-batch .cb-val:focus{border-color:var(--accent);outline:none}@media (max-width:560px){.chest-batch{padding:9px 12px}.chest-batch .cb-left{flex-direction:column;align-items:flex-start;gap:2px}.chest-batch .cb-btn{width:32px;height:32px;font-size:16px}.chest-batch .cb-val{width:58px;height:32px;font-size:14px}}.chest-bottom{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:900px){.chest-bottom{grid-template-columns:minmax(0,1fr)}}.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}.drop-cell{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.drop-cell .k{min-width:34px;font-size:11px;font-weight:600}.drop-cell .v{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.drop-warn{color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:10.5px;line-height:1.6}.drop-warn b{color:var(--text)}.chest-note{color:var(--text-mute);margin:10px 0 0;font-size:10.5px;line-height:1.6}.recent-row{cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:7px 0;font-family:inherit;display:flex}.recent-row:last-child{border-bottom:none}.recent-row:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.recent-row .t{color:var(--text);font-size:11.5px}.recent-row .m{color:var(--text-dim);font-size:11px}.chest-opening{cursor:default}.modal-backdrop.chest-opening{align-items:center}.open-stage{flex-direction:column;justify-content:center;align-items:center;width:260px;height:300px;display:flex;position:relative}.open-beam{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--quality-9) 55%, transparent) 45%, #fff);filter:blur(4px);width:30px;height:200px;animation:.55s ease-in both openBeam;position:absolute;bottom:161px;left:50%;transform:translate(-50%)}.open-ring{border:2px solid color-mix(in srgb, var(--accent) 60%, transparent);border-radius:999px;width:120px;height:120px;margin-left:-60px;animation:1.1s ease-out infinite openRing;position:absolute;bottom:137px;left:50%}.open-box{z-index:1;justify-content:center;align-items:center;width:96px;height:72px;animation:.5s cubic-bezier(.2,.9,.3,1.4) both openBox;display:flex;position:relative}.open-box>img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.open-text{z-index:1;color:var(--text);margin:14px 0 0;font-size:12.5px;position:relative}.open-text .mute{color:var(--text-mute);font-size:11px}@keyframes openBeam{0%{opacity:0;transform:translate(-50%)scaleY(.2)}to{opacity:1;transform:translate(-50%)scaleY(1)}}@keyframes openRing{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes openBox{0%{transform:scale(.9)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.open-beam,.open-ring,.open-box{animation:none}}.open-result .sub-tag{color:var(--gold);margin-left:10px;font-size:12px;font-weight:500}.open-result.single,.open-result.multi{max-width:620px}.open-result.spec{max-width:420px}.open-hero{align-items:center;gap:20px;display:flex}@media (max-width:560px){.open-hero{text-align:center;flex-direction:column}}.open-halo{background:radial-gradient(circle, color-mix(in srgb, var(--q-color) 40%, transparent), color-mix(in srgb, var(--q-color) 6%, transparent) 62%, transparent 100%);border-radius:999px;flex:0 0 200px;justify-content:center;align-items:center;width:200px;height:200px;display:flex}@media (max-width:560px){.open-halo{flex-basis:170px;width:170px;height:170px}}.open-halo-box{width:128px;height:128px;color:var(--text-dim);background:var(--surface-2);border:1.5px solid color-mix(in srgb, var(--q-color) 60%, transparent);border-radius:26px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.open-halo-box>img{object-fit:contain;width:104px;height:104px;display:block}.open-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.open-info h4{margin:0;font-size:20px}.open-info h4 .lv{color:var(--gold);margin-left:8px;font-size:14px}.open-info .mute{margin:0;font-size:11px}.open-badges{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.open-badges .q{font-weight:700}.open-attrs{flex-wrap:wrap;gap:6px 12px;display:flex}.open-attrs>span{color:var(--text);font-size:12px;font-weight:600}.open-attrs>span>i{color:var(--text-mute);margin-right:3px;font-style:normal;font-weight:400}.open-counts{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.open-counts .pill{color:var(--q-color);background:color-mix(in srgb, var(--q-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--q-color) 50%, transparent);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.open-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@media (max-width:700px){.open-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.open-cell{text-align:center;background:var(--surface-2);border:1px solid color-mix(in srgb, var(--q-color) 55%, transparent);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 8px;display:flex;position:relative}.open-cell.best{border-width:2px;border-color:var(--q-color);background:color-mix(in srgb, var(--q-color) 10%, var(--surface-2))}.open-cell .o-slot-art{object-fit:contain;width:30px;height:30px;display:block}.open-cell .o-nm{color:var(--text);font-size:11px;font-weight:600}.open-cell .o-meta{color:var(--q-color);font-size:9.5px}.open-cell .best-tag{color:var(--bg-deep);background:var(--q-color);border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:-8px;right:-4px}.open-cell{justify-content:center;min-height:68px}.open-cell.dim{border-color:var(--border);background:var(--surface-2)}.open-cell .unknown{color:var(--text-mute);opacity:.5;font-size:18px;font-weight:700}.open-cell.lit{animation:.26s cubic-bezier(.2,.9,.3,1.3) both openFlip}@keyframes openFlip{0%{opacity:.35;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.open-cell.lit{animation:none}}.open-result .foot-note{margin-right:auto;font-size:10.5px}.spec-rows{flex-direction:column;gap:10px;display:flex}.spec-row{grid-template-columns:44px minmax(0,1fr) 200px;align-items:center;gap:10px;display:grid}.spec-row .k{font-size:11.5px;font-weight:600}.spec-row .bar{background:var(--surface-3);border-radius:4px;height:7px;overflow:hidden}.spec-row .bar>i{border-radius:4px;height:100%;display:block}.spec-row .v{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}@media (max-width:560px){.spec-row{grid-template-columns:40px minmax(0,1fr)}.spec-row .v{text-align:left;white-space:normal;grid-column:1/-1}}.wh-sel-total{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.wh-cell-rank{letter-spacing:.5px;white-space:nowrap;opacity:.9;flex-shrink:0;font-size:9px;font-weight:700}.wh-pager{border-top:1px solid var(--surface-2);justify-content:center;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.wh-pager .btn.sm{padding:4px 12px;font-size:12px}.wh-pager-info{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.wh-net-groups{flex-direction:column;gap:14px;display:flex}.wh-net-group{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:8px}.wh-net-head{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.wh-net-time{align-items:center;gap:4px;display:inline-flex}.war-room-banner{border-radius:var(--radius);background:var(--bg-deep) var(--bg-glow);border:1px solid var(--border);color:var(--text);margin-bottom:14px;padding:14px 16px;position:relative;overflow:hidden}.war-room-banner .wr-summary{flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.war-room-banner .wr-summary b{color:var(--accent);font-variant-numeric:tabular-nums}.war-room-banner .wr-scan{background:conic-gradient(from 0deg, transparent 0deg, var(--accent-soft) 50deg, transparent 90deg);opacity:.35;pointer-events:none;border-radius:50%;width:220px;height:220px;animation:4s linear infinite war-room-scan;position:absolute;inset:-40% -40% auto auto}@keyframes war-room-scan{to{transform:rotate(360deg)}}@media (max-width:640px){.war-room-banner .wr-scan{opacity:.25;width:160px;height:160px}}.war-room-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.war-room-toolbar .wr-count{color:var(--text-mute);font-size:12px}.war-room-toolbar .wr-refresh{margin-left:auto}.war-room-toolbar .wr-last{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px}.war-room-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;display:grid}@media (max-width:640px){.war-room-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.war-room-grid{grid-template-columns:1fr}}.war-card{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;text-align:left;flex-direction:column;gap:6px;padding:12px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.war-card:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-1px)}.war-card .wr-ic{align-items:center;gap:8px;display:flex}.war-card .wr-ic svg{flex:none}.war-card.fish{border-top:3px solid var(--accent)}.war-card.wreck{border-top:3px solid var(--gold)}.war-card.monster{border-top:3px solid var(--danger)}.war-card .wr-title{color:var(--text);font-size:14px;font-weight:700}.war-card .wr-map{color:var(--text-dim);font-size:12px}.war-card .wr-coord{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.war-card .wr-coord .v{font-variant-numeric:tabular-nums;color:var(--text)}.war-card .wr-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.war-card .wr-time{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px}.war-card .wr-arrow{color:var(--text-mute)}.war-card:hover .wr-arrow{color:var(--accent)}@media (prefers-reduced-motion:reduce){.war-room-banner .wr-scan{animation:none}}.mail-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.mail-tabs::-webkit-scrollbar{display:none}.mail-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:640px){.mail-compare{grid-template-columns:1fr}}.mail-overlay{z-index:60;background:#040810a8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mail-dialog{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:14px;flex-direction:column;width:100%;max-width:560px;max-height:min(88vh,760px);display:flex;position:relative;overflow:hidden}.mail-dialog .mail-dialog-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;padding:18px;overflow-y:auto}.mail-dialog .mail-dialog-content::-webkit-scrollbar{width:6px}.mail-dialog .mail-dialog-content::-webkit-scrollbar-track{background:0 0}.mail-dialog .mail-dialog-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.mail-dialog .mail-dialog-foot{padding:12px 18px max(12px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}@media (max-width:640px){.mail-overlay{align-items:flex-end;padding:0}.mail-dialog{border-radius:16px 16px 0 0;max-width:100%;max-height:92dvh}.mail-dialog .mail-dialog-content{padding:14px 16px}}.mail-status{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;line-height:1.6;display:inline-block}.mail-status.pend{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent)}.mail-status.completed{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);border:1px solid color-mix(in srgb, var(--success) 35%, transparent)}.mail-status.declined,.mail-status.cancelled{color:var(--text-mute);background:color-mix(in srgb, var(--text-mute) 14%, transparent);border:1px solid color-mix(in srgb, var(--text-mute) 30%, transparent)}.mail-status.expired{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.mail-status.claimed{color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent)}.mail-chip{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:border-color .12s,background .12s;display:inline-flex}.mail-chip:hover{border-color:var(--accent)}.mail-chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow)}.mail-suggest{z-index:30;background:var(--surface-2);border:1px solid var(--border-strong);max-height:220px;box-shadow:var(--shadow);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.mail-suggest button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.mail-suggest button:hover{background:var(--accent-soft);color:var(--accent)}.mail-cols{align-items:flex-start;gap:14px;display:flex}.mail-col{flex-direction:column;gap:14px;min-width:0;display:flex}.mail-main{flex:auto}.mail-side{flex:0 0 446px;width:446px}@media (max-width:1024px){.mail-cols{flex-direction:column}.mail-col,.mail-main{width:100%}.mail-side{flex:auto;width:100%}}.mail-group{color:var(--text-mute);align-items:center;gap:8px;padding:12px 0 6px;font-size:11px;font-weight:600;display:flex}.mail-group.pend{color:var(--gold)}.mail-group.live{color:var(--accent)}@media (max-width:640px){.mail-group{z-index:2;background:var(--surface);padding:8px 0 6px;position:sticky;top:0}.mail-group:first-of-type{padding-top:2px}}.mail-row{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 0;transition:background-color .15s;display:flex}.mail-row:hover{background:var(--accent-soft)}.mail-row.static{cursor:default}.mail-row.static:hover{background:0 0}.mail-row:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mail-row-body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.mail-row-open{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:auto;gap:3px;padding:0;display:flex}.mail-row-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.mail-row-title.accent{color:var(--accent)}.mail-row-sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.mail-row-time{color:var(--text-mute);white-space:nowrap;flex-shrink:0;font-size:11px}.mail-mini-title{color:var(--text-dim);font-size:12.5px;font-weight:600}.mail-mini-title.accent{color:var(--accent)}.mail-mini-sub{color:var(--text-dim);font-size:11px}.mail-cap{white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);color:var(--text-mute);border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-weight:600}.mail-cap.pend{color:var(--gold);background:var(--gold-soft);border-color:color-mix(in srgb, var(--gold) 35%, transparent)}.mail-cap.live{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.mail-cap.ok{color:var(--success);background:color-mix(in srgb, var(--success) 16%, transparent);border-color:color-mix(in srgb, var(--success) 35%, transparent)}.mail-cap.bad{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.mail-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:6px;height:6px}.mail-dot.off{background:0 0}.mail-btn-xs{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent);cursor:pointer;border-radius:7px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s}.mail-btn-xs:hover:not(:disabled){border-color:var(--accent)}.mail-btn-xs.ghost{border-color:var(--border-strong);color:var(--text-dim);background:0 0}.mail-btn-xs.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mail-btn-xs:disabled{opacity:.4;cursor:not-allowed}.mail-foot-note{color:var(--text-mute);margin-top:8px;font-size:11px}.mail-kv{align-items:center;gap:12px;padding:7px 0;display:flex}.mail-kv>.k{color:var(--text-dim);flex-shrink:0;width:40px;font-size:11.5px}.mail-kv>.v{flex:auto;min-width:0}.mail-input{background:var(--surface-2);border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:12.5px}.mail-input::placeholder{color:var(--text-mute)}.mail-input:focus{border-color:var(--accent);outline:none}.mail-submit{align-items:center;gap:12px;margin-top:14px;display:flex}.mail-submit-sum{min-width:0;color:var(--text-dim);flex:auto;font-size:11.5px}.mail-submit>.btn{flex-shrink:0}.mail-flow{flex-direction:column;gap:7px;display:flex}.mail-flow-row{align-items:baseline;gap:10px;font-size:12px;display:flex}.mail-flow-row>.t{color:var(--text-mute);white-space:nowrap;flex-shrink:0;font-size:11px}.mail-flow-row>.d{color:var(--text-dim)}.mail-swap{align-items:center;gap:10px;display:flex}.mail-swap>.mail-compare{flex:auto;min-width:0}.mail-swap-arrow{color:var(--text-mute);flex:none}.mail-pick-btn{text-align:left;align-items:center;gap:6px;width:100%;font-size:12.5px;display:flex}.mail-pick-btn .cnt{color:var(--accent);white-space:nowrap;margin-left:auto;font-weight:700}.mail-pick-btn .cnt.zero{color:var(--text-mute);font-weight:600}@media (min-width:641px){.mail-dialog.wide{max-width:880px}}.mail-pick-head{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;font-size:11.5px;display:flex}.mail-pick-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.mail-pick-cell{border:1.5px solid color-mix(in srgb, var(--q-color,var(--border-strong)) 55%, transparent);background:var(--surface-3);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.mail-pick-cell:hover{transform:translateY(-1px)}.mail-pick-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mail-pick-cell.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow)}.mail-pick-cell:disabled{opacity:.45;cursor:not-allowed}.mpc-top{justify-content:space-between;align-items:center;width:100%;min-height:18px;display:flex}.mpc-check{border:1.5px solid var(--border-strong);width:18px;height:18px;color:var(--bg-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mpc-check.on{background:var(--accent);border-color:var(--accent)}.mpc-qty{font-variant-numeric:tabular-nums;background:var(--bg-deep);min-width:20px;height:20px;color:var(--text);border:1px solid var(--border-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex}.mpc-fig{justify-content:center;align-items:center;width:100%;min-height:56px;display:flex}.mpc-fig img{object-fit:contain;width:100%;height:100%}.mpc-name{width:100%;color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.mpc-meta{color:var(--text-mute);white-space:nowrap;text-align:center;font-size:10.5px}.mpc-attrs{width:100%;color:var(--text-dim);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.mpc-step{justify-content:center;align-items:center;gap:3px;width:100%;margin-top:1px;display:flex}.mpc-step button{background:var(--surface-2);border:1px solid var(--border-strong);width:22px;height:22px;color:var(--text-dim);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.mpc-step button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mpc-step button:disabled{opacity:.3;cursor:not-allowed}.mpc-step b{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;color:var(--text);font-size:11.5px;font-weight:700}.mpc-step.off b{color:var(--text-mute);font-weight:400}.mail-pick-sum{min-width:0;color:var(--text-dim);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:11.5px;overflow:hidden}.mail-pick-empty{text-align:center;color:var(--text-mute);padding:26px 0;font-size:12.5px}.mail-v-inline{align-items:center;gap:8px;display:flex}.mail-v-inline .mail-input{flex:auto;width:auto;min-width:0}.mail-balance{color:var(--text-mute);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10.5px}.mail-picks{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mail-pick-chip{border:1px solid var(--border-strong);background:var(--surface-3);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.mail-pick-chip .x{cursor:pointer;color:var(--text-mute);background:0 0;border:0;padding:0;font-family:inherit;font-size:11px;line-height:1}.mail-pick-chip .x:hover{color:var(--danger)}.mail-picks.req .mail-pick-chip{background:color-mix(in srgb, var(--accent-2) 8%, var(--surface-3))}.mail-picks-empty{color:var(--text-mute);margin:6px 0 0;font-size:11px}.mail-pick-btn.req{border-color:color-mix(in srgb, var(--accent-2) 45%, transparent)}.mail-pick-btn.req:hover{border-color:var(--accent-2)}.mail-pick-btn.req .cnt{color:var(--accent-2)}.mail-pick-tools{gap:8px;margin-bottom:10px;display:flex}.mail-pick-tools .mail-input{flex:auto;width:auto;min-width:0}.mail-tiers{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.mail-tier{cursor:pointer;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;padding:4px 9px;font-family:inherit;font-size:11px;font-weight:600}.mail-tier:hover{border-color:var(--accent-2)}.mail-tier.on{background:color-mix(in srgb, var(--accent-2) 15%, transparent);border-color:var(--accent-2);color:var(--accent-2)}.mail-pick-more{cursor:pointer;border:1px solid var(--border-strong);width:112px;height:150px;color:var(--text-mute);background:0 0;border-radius:10px;padding:0 10px;font-family:inherit;font-size:10.5px;line-height:1.5}.mail-pick-more:hover{border-color:var(--accent-2);color:var(--text-dim)}.mail-spec-row{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.mail-spec-label{width:40px;color:var(--text-mute);flex-shrink:0;padding-top:5px;font-size:11.5px}.mail-spec-chips{flex-wrap:wrap;gap:6px;display:flex}.mail-spec-chip{cursor:pointer;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:600}.mail-spec-chip:hover{border-color:var(--accent-2)}.mail-spec-chip.on{background:color-mix(in srgb, var(--accent-2) 15%, transparent);border-color:var(--accent-2);color:var(--accent-2)}.mail-spec-add{align-items:center;gap:10px;display:flex}.mail-spec-preview{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.mail-spec-preview img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.mail-spec-preview .info{flex-direction:column;gap:2px;min-width:0;display:flex}.mail-spec-preview .info b{color:var(--text);font-size:12.5px}.mail-spec-preview .info span{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:10.5px}.mail-spec-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.mail-spec-item{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}.mail-spec-item b{font-variant-numeric:tabular-nums;color:var(--text);margin-left:auto}.mail-spec-x{cursor:pointer;color:var(--text-mute);background:0 0;border:0;padding:0;font-family:inherit;font-size:11px;line-height:1}.mail-spec-x:hover{color:var(--danger)}.mail-asset-hit{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;margin:0 -6px;padding:6px;transition:background .15s,border-color .15s;display:flex}.mail-asset-hit:hover{background:var(--surface-3);border-color:var(--border)}.mail-asset-hit:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:640px){.mail-swap-arrow,.mail-row>svg{display:none}.mail-row-title{white-space:normal}.mail-row-sub{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.bank-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.bank-btn{border-radius:max(8px, calc(var(--radius) - 4px));border:1px solid var(--border);min-height:40px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:transform .12s cubic-bezier(.23,1,.32,1),background-color .15s cubic-bezier(.23,1,.32,1),border-color .15s cubic-bezier(.23,1,.32,1),opacity .15s linear;display:inline-flex}.bank-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.bank-btn:active:not(:disabled){transform:scale(.96)}.bank-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bank-btn:disabled{opacity:.45;cursor:not-allowed}.bank-input,.bank-select{box-sizing:border-box;border-radius:max(8px, calc(var(--radius) - 4px));border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:40px;color:var(--text);padding:8px 12px;font-size:14px;transition:border-color .15s cubic-bezier(.23,1,.32,1)}.bank-input:focus,.bank-select:focus{border-color:var(--accent);outline:none}.bank-input:focus-visible,.bank-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bank-num{font-variant-numeric:tabular-nums}.bank-tab{border-radius:max(8px, calc(var(--radius) - 4px));min-height:40px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 16px;font-size:13px;transition:color .15s cubic-bezier(.23,1,.32,1),background-color .15s cubic-bezier(.23,1,.32,1),border-color .15s cubic-bezier(.23,1,.32,1);display:inline-flex}.bank-tab:hover{color:var(--text);background:var(--surface-2)}.bank-tab[aria-selected=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:600}.bank-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes bank-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bank-panel>*{animation:.2s cubic-bezier(.23,1,.32,1) both bank-enter}.bank-panel>:nth-child(2){animation-delay:50ms}.bank-panel>:nth-child(3){animation-delay:.1s}.bank-panel>:nth-child(n+4){animation-delay:.14s}@media (prefers-reduced-motion:reduce){.bank-panel>*{animation:none}.bank-btn:active:not(:disabled){transform:none}}.version-upgrade-overlay{z-index:90;background:#0408109e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.version-upgrade-modal{overscroll-behavior:contain;text-align:center;background:var(--surface-2);border:1px solid var(--border-strong);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;border-radius:14px;width:100%;max-width:420px;max-height:min(86vh,720px);padding:20px;overflow-y:auto}.version-upgrade-modal::-webkit-scrollbar{width:6px}.version-upgrade-modal::-webkit-scrollbar-track{background:0 0}.version-upgrade-modal::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.version-upgrade-modal h3{color:var(--text);justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;display:flex}.version-upgrade-modal p{color:var(--text);margin:0 0 10px;font-size:13.5px;line-height:1.8}.version-compare{color:var(--text-dim);margin:12px 0;font-size:14px}.version-compare .latest{color:var(--accent);font-weight:600}.version-notice{background:var(--surface-3);border:1px solid var(--border);text-align:left;border-radius:8px;margin:0 0 10px;padding:10px 12px}.version-notice-title{color:var(--gold);align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.version-notice-body{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;max-height:132px;font-size:12.5px;line-height:1.7;overflow-y:auto}.co-row{border-bottom:1px dashed var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background-color .15s cubic-bezier(.23,1,.32,1);display:flex}.co-row:hover{background:var(--surface-2)}.co-row:last-child{border-bottom:none}.co-tier{border-radius:max(8px, calc(var(--radius) - 4px));border:1px solid var(--border);min-height:40px;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background-color .15s cubic-bezier(.23,1,.32,1),border-color .15s cubic-bezier(.23,1,.32,1),color .15s cubic-bezier(.23,1,.32,1);display:inline-flex}.co-tier:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.co-tier:disabled{opacity:.45;cursor:not-allowed}.co-tier[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.co-tier:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bank-panel{flex-direction:column;gap:12px;display:flex}.co-cols{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (min-width:1024px){.co-cols{grid-template-columns:minmax(0,1fr) 446px}}.co-col{flex-direction:column;gap:14px;min-width:0;display:flex}.bank-panel>.co-cols{animation:none}.co-col>*{animation:.2s cubic-bezier(.23,1,.32,1) both bank-enter}.co-col>:nth-child(2){animation-delay:50ms}.co-col>:nth-child(3){animation-delay:.1s}.co-col>:nth-child(n+4){animation-delay:.14s}@media (prefers-reduced-motion:reduce){.co-col>*{animation:none}}.co-rows{flex-direction:column;gap:5px;display:flex}.co-rows .stat-row{border-bottom:none;padding:0;font-size:12px}.co-rows .stat-row .k{font-size:11.5px}.co-rows .stat-row .v.dim{color:var(--text-dim);font-weight:400}.co-rows .stat-row .v.on{color:var(--accent)}.co-line{align-items:baseline;gap:8px;font-size:12px;display:flex}.co-line>b{color:var(--text);font-weight:400}.co-line>i{color:var(--text-mute);flex-shrink:0;font-size:11px;font-style:normal}.co-line>span{text-align:right;color:var(--text-mute);flex-shrink:0;margin-left:auto;font-size:11.5px;font-weight:600}.co-line>span.on{color:var(--accent)}.co-line>span.gold{color:var(--gold)}.co-line>span.off{color:var(--text-mute);font-weight:400}.co-rule{color:var(--text-dim);margin:0;font-size:11.5px;line-height:1.6}.co-hr{background:var(--border-strong);border:0;height:1px;margin:3px 0}.co-sub{color:var(--text-dim);margin:0;font-size:11.5px;font-weight:600}.co-note{color:var(--text-mute);margin:0;font-size:11px;line-height:1.5}.co-hint{color:var(--text-dim);margin:0;font-size:11px;font-weight:400}.co-stack{flex-direction:column;gap:8px;display:flex}.co-line>span.num{color:var(--text);font-size:12px}.co-role{gap:10px;display:flex}.co-role>b{width:64px;color:var(--text);flex-shrink:0;font-size:12px;font-weight:600}.co-role>b.owner{color:var(--gold)}.co-role>b.officer{color:var(--accent)}.co-role>span{flex:1;min-width:0}.fab-bag{right:22px;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);z-index:400;background:radial-gradient(circle at 32% 28%, var(--surface-3), var(--surface) 62%, var(--bg-deep));border:2px solid var(--gold);width:60px;height:60px;color:var(--gold);box-shadow:var(--shadow), 0 0 18px var(--gold-soft), inset 0 1px 0 #ffffff1f;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .2s,transform .15s;display:flex;position:fixed}.fab-bag:hover{box-shadow:var(--shadow), 0 0 24px var(--gold-soft)}.fab-bag:active{cursor:grabbing;transform:scale(.96)}.fab-bag.dragging{cursor:grabbing;box-shadow:var(--shadow), 0 0 26px var(--gold-soft)}.fab-bag-dot{background:var(--danger);border:2px solid var(--bg);border-radius:50%;width:13px;height:13px;animation:1.6s infinite fabDotPulse;position:absolute;top:2px;right:2px}@keyframes fabDotPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 50%, transparent)}50%{box-shadow:0 0 0 6px #0000}}@media (max-width:480px){.fab-bag{width:52px;height:52px}}.bag-sheet-mask{z-index:410;opacity:0;pointer-events:none;background:#04081099;transition:opacity .25s;position:fixed;inset:0}.bag-sheet-mask.open{opacity:1;pointer-events:auto}.bag-sheet{z-index:411;background:linear-gradient(180deg, var(--surface-2), var(--bg-deep));border-top:1px solid var(--border-strong);min-height:55dvh;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:18px 18px 0 0;flex-direction:column;transition:transform .32s cubic-bezier(.25,.8,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -14px 50px #0000008c}.bag-sheet.open{transform:translateY(0)}.bag-sheet-handle{flex-shrink:0;justify-content:center;padding:9px 0 2px;display:flex}.bag-sheet-handle:after{content:"";background:var(--border-strong);border-radius:999px;width:44px;height:4px}.bag-sheet-head{flex-shrink:0;align-items:center;gap:8px;padding:4px 14px 10px;display:flex}.bag-sheet-tabs{flex-wrap:wrap;gap:5px;display:flex}.bag-sheet-tab{border:1px solid var(--border-strong);color:var(--text-mute);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:6px 15px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.bag-sheet-tab:hover{color:var(--text)}.bag-sheet-tab.active{background:var(--accent);border-color:var(--accent);color:var(--bg-deep)}.bag-sheet-head .spacer{flex:1}.bag-sheet-title{align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.bag-offline{text-align:center;border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--text-dim);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;font-size:12.5px;line-height:1.7;display:flex}.bag-offline b{color:var(--text);font-size:13.5px}.tour-progress{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.tour-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.tour-state{border:1px solid var(--border);color:var(--text-mute);border-radius:999px;padding:1px 8px;font-size:11px}.tour-state.live{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, transparent)}.tour-state.before{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.tour-map{color:var(--text-mute);margin-left:auto;font-size:11px}.tour-timer{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11.5px}.tour-targets{flex-direction:column;gap:4px;display:flex}.tour-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tour-gk{color:var(--text-mute);font-size:10.5px}.tour-target{border:1px solid var(--border);border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:11.5px;display:inline-flex}.tour-target i{color:var(--text-mute);font-size:10px;font-style:normal}.tour-scores{flex-wrap:wrap;gap:6px;display:flex}.tour-scores .chip{background:var(--surface-3);border-radius:999px;padding:2px 8px;font-size:11.5px}.tour-hint{color:var(--text-mute);font-size:11.5px}.bag-sheet-close{border:1px solid var(--border-strong);background:var(--surface-3);width:30px;height:30px;color:var(--text-mute);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.bag-sheet-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;padding:2px 14px 18px;overflow:auto}.bag-sheet-body::-webkit-scrollbar{width:6px}.bag-sheet-body::-webkit-scrollbar-track{background:0 0}.bag-sheet-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.race-page{flex-direction:column;gap:11px;display:flex}.race-loading{text-align:center;color:var(--text-mute);padding:14px 0;font-size:13px;line-height:1.8}.race-status-row{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.race-open-tag{border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-flex}.race-open-tag.on{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--success) 50%, transparent);color:var(--success)}.race-open-tag.off{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-mute)}.race-open-tag .pulse{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.4s infinite fabDotPulse}.race-next{color:var(--text-mute);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.race-map-card{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;align-items:center;gap:10px;padding:10px 13px;display:flex}.race-map-ic{background:var(--accent-soft);border:1px solid var(--border-strong);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.race-map-card b{font-size:14px}.race-map-card em{color:var(--text-mute);margin-top:2px;font-size:11px;font-style:normal;display:block}.race-targets{flex-direction:column;gap:6px;display:flex}.race-target-label{color:var(--text-dim);font-size:11px}.race-fish-row{flex-wrap:wrap;gap:7px;display:flex}.race-fish-row em{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);background:var(--gold-soft);color:var(--gold);border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.race-progress-card{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;flex-direction:column;gap:7px;padding:11px 13px;display:flex}.race-p-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.race-p-num{font-variant-numeric:tabular-nums;color:var(--text);font-size:19px;font-weight:800}.race-p-num i{color:var(--text-mute);font-size:12px;font-style:normal;font-weight:400}.race-reward{color:var(--gold);font-size:11px;font-weight:600}.race-bar{background:var(--surface-3);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.race-bar span{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.3,.8,.3,1);display:block}.race-p-sub{color:var(--text-dim);font-size:11px}.race-rank-row{border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);background:var(--gold-soft);color:var(--gold);border-radius:11px;align-items:center;gap:8px;padding:9px 13px;font-size:12.5px;display:flex}.race-rank-row b{font-size:14px}.race-rule-foot{color:var(--text-dim);border-top:1px dashed var(--border);padding-top:9px;font-size:11px;line-height:1.8}.port-tabs{flex-wrap:wrap;gap:6px;margin:12px 0 14px;display:flex}.port-tab{cursor:pointer;background:var(--panel2);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:7px 18px;font-size:14px;transition:all .15s}.port-tab:hover{color:var(--text);border-color:var(--accent)}.port-tab.active{background:var(--accent);color:#06231f;border-color:var(--accent);font-weight:600}.gacha-panel .gacha-pool-card{overflow:hidden}.gacha-banner-wrap{border-radius:10px;position:relative;overflow:hidden}.gacha-banner{object-fit:cover;width:100%;height:auto;display:block}.gacha-pool-title{color:var(--gold);letter-spacing:.3px;margin:2px 2px 8px;font-size:15px;font-weight:700}.gacha-pool-body{padding:12px 14px 14px}.gacha-pool-meta{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.gacha-shell{color:#e8d9b0;align-items:center;gap:4px;display:inline-flex}.gacha-shell b{font-size:14px}.gacha-pity{color:var(--text-dim)}.gacha-pull-btn{justify-content:center;min-width:130px}.gacha-rate-btn{align-items:center;gap:4px;display:inline-flex}.gacha-log-list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.gacha-log-row{border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.gacha-log-row:nth-child(odd){background:color-mix(in srgb, var(--panel2) 55%, transparent)}.gacha-log-row img{object-fit:contain;flex-shrink:0;width:26px;height:26px}.gacha-log-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.gacha-log-rarity{letter-spacing:.3px;flex-shrink:0;font-size:11px;font-weight:700}.gacha-log-badges{gap:4px;margin-left:2px;display:inline-flex}.gacha-log-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:12px}.gacha-badge-pity{color:var(--gold);background:#fbbf2426;border:1px solid #fbbf2466;border-radius:4px;padding:1px 5px;font-size:10px}.gacha-badge-dup{color:#e8d9b0;background:#e8d9b01f;border:1px solid #e8d9b059;border-radius:4px;padding:1px 5px;font-size:10px}.gacha-result-modal{width:92vw;max-width:640px}.gacha-result-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:46vh;padding-right:2px;display:grid;overflow-y:auto}.gacha-result-card{border:2px solid var(--border);background:var(--panel2);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 6px;display:flex}.gacha-result-card img{object-fit:contain;width:56px;height:56px}.gacha-result-name{font-size:12px;font-weight:600;line-height:1.3}.gacha-result-tags{flex-direction:column;align-items:center;gap:3px;display:flex}.gacha-rarity{letter-spacing:.5px;font-size:11px;font-weight:700;line-height:1}.gacha-rate-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:13px}.gacha-rate-table th,.gacha-rate-table td{border:1px solid var(--border);text-align:left;padding:6px 8px}.gacha-rate-table th{background:var(--panel2);color:var(--text-dim);font-weight:600}.gacha-rate-notes{color:var(--text-dim);font-size:12px;line-height:1.8}.race-fish-progress{flex-direction:column;gap:7px;display:flex}.race-fish-line{align-items:center;gap:9px;display:flex}.race-fish-name{color:var(--gold);white-space:nowrap;flex-shrink:0;min-width:76px;font-size:12px;font-weight:600}.race-fish-bar{background:var(--surface-3);border:1px solid var(--border);border-radius:999px;flex:1;height:8px;overflow:hidden}.race-fish-bar span{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.3,.8,.3,1);display:block}.race-fish-count{color:var(--text-mute);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:52px;font-size:11px}.gacha-stage{background:radial-gradient(ellipse at 50% 70%, #2563eb2e, #0a0f1c99 70%), var(--panel2);border-radius:12px;justify-content:center;align-items:flex-end;height:300px;display:flex;position:relative;overflow:hidden}.gacha-trap-sink{width:180px;height:180px;margin-bottom:26px;position:relative}.gacha-trap-closed,.gacha-trap-open{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gacha-trap-closed{animation:.9s ease-out both gacha-sink}.gacha-trap-open{opacity:0;animation:1.05s ease-out .85s both gacha-open-glow}.gacha-bubble{background:radial-gradient(circle at 35% 30%,#ffffffe6,#93c5fd59 60%,#0000 70%);border-radius:50%;width:12px;height:12px;animation:1.5s ease-in .8s infinite both gacha-bubble-rise;position:absolute;bottom:96px}.gacha-cast-glow{opacity:0;background:radial-gradient(circle at 50% 60%,#fbbf2459,#0000 62%);animation:1.05s ease-out .85s both gacha-glow-pulse;position:absolute;inset:-20px}@keyframes gacha-sink{0%{opacity:0;transform:translateY(-46px)}18%{opacity:1}55%{transform:translateY(0)}78%{opacity:1}to{opacity:0;transform:translateY(6px)}}@keyframes gacha-open-glow{0%{opacity:0;filter:brightness(1.4);transform:scale(.92)}40%{opacity:1;filter:brightness(1.6);transform:scale(1)}70%{filter:brightness(1.2)}to{opacity:1;filter:brightness()}}@keyframes gacha-bubble-rise{0%{opacity:0;transform:translateY(0)scale(.7)}12%{opacity:.95}to{opacity:0;transform:translateY(-150px)scale(1.25)}}@keyframes gacha-glow-pulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}.gacha-flip-card{cursor:pointer;background:var(--panel2);border:none;border-radius:12px;padding:4px;transition:filter .15s,transform .12s;position:relative}.gacha-flip-card:hover{filter:brightness(1.12)}.gacha-flip-card:active{transform:scale(.97)}.gacha-flip-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gacha-flip-inner{aspect-ratio:3/4;width:100%;position:relative}.gacha-flip-face{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 6px 6px;display:flex;position:absolute;inset:0}.gacha-flip-back{background:var(--panel2)}.gacha-flip-back img{object-fit:cover;border-radius:8px;width:100%;height:100%}.gacha-flip-back{opacity:0;animation:gacha-back-out .3s ease-in var(--flip-delay,0s) both}.gacha-flip-front{background:var(--panel2);opacity:1;animation:gacha-front-in .3s ease-out var(--flip-delay,0s) both}.gacha-flip-front:before{content:"";background:var(--rarity-color,var(--border));opacity:.18;pointer-events:none;position:absolute;inset:0}.gacha-item-img{z-index:1;object-fit:contain;width:68px;height:68px;position:relative}@keyframes gacha-back-out{0%{opacity:1}to{opacity:0}}@keyframes gacha-front-in{0%{opacity:0}to{opacity:1}}@media (max-width:700px){.bag-layout{grid-template-columns:1fr}}.bag-page{flex-direction:column;gap:11px;display:flex}.bag-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;min-height:0;display:grid}@media (max-width:700px){.bag-layout{grid-template-columns:1fr}}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));align-content:start;gap:8px;max-height:44vh;padding:2px;display:grid;overflow:auto}.bag-slot{aspect-ratio:1/1.1;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;transition:transform .1s,border-color .15s;display:flex;position:relative}.bag-slot:hover{transform:translateY(-2px)}.bag-slot img{object-fit:contain;width:30px;height:30px}.bag-slot-name{color:var(--text-mute);text-align:center;font-size:9.5px;line-height:1.2}.bag-slot-dot{border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:5px}.bag-slot.empty{opacity:.5;filter:grayscale(.6)}.bag-slot.empty img{opacity:.35}.bag-slot.owned.r{border-color:color-mix(in srgb, var(--quality-1) 60%, transparent)}.bag-slot.owned.sr{border-color:color-mix(in srgb, var(--quality-2) 65%, transparent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--quality-2) 12%, transparent)}.bag-slot.owned.ssr{border-color:color-mix(in srgb, var(--quality-5) 70%, transparent);box-shadow:inset 0 0 12px color-mix(in srgb, var(--quality-5) 15%, transparent)}.bag-slot.selected{outline:2px solid var(--accent);outline-offset:1px}.bag-slot-owned{color:var(--success);font-size:8.5px;font-weight:700;position:absolute;bottom:3px;right:4px}.bag-detail{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;flex-direction:column;gap:8px;min-height:190px;padding:12px;display:flex;overflow:auto}.bag-detail-empty{text-align:center;color:var(--text-dim);margin:auto;font-size:12px;line-height:1.8}.bag-detail-empty b{color:var(--accent)}.bag-detail-name{align-items:center;gap:8px;display:flex}.bag-detail-name img{object-fit:contain;width:30px;height:30px}.bag-detail-name b{font-size:14px}.bag-detail-meta{flex-wrap:wrap;gap:6px;display:flex}.bag-detail-meta span{border:1px solid var(--border-strong);color:var(--text-mute);border-radius:999px;padding:1px 8px;font-size:10px}.bag-detail-desc{color:var(--text-mute);margin:0;font-size:12px;line-height:1.7}.bag-detail-scope{color:var(--text-dim);border-top:1px dashed var(--border);margin:0;padding-top:7px;font-size:11px;line-height:1.7}.bag-junk{border:1px solid var(--border);background:var(--surface-2);border-radius:11px}.bag-junk summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 13px;font-size:12.5px;list-style:none;display:flex}.bag-junk summary::-webkit-details-marker{display:none}.bag-junk summary span{color:var(--text-mute);font-size:11.5px}.bag-junk summary em{color:var(--gold);margin-left:auto;font-style:normal;font-weight:700}.bag-junk-list{border-top:1px dashed var(--border);flex-direction:column;gap:5px;padding:4px 13px 12px;display:flex}.bag-junk-row{align-items:center;gap:9px;padding:3px 2px;font-size:12px;display:flex}.bag-junk-row img{object-fit:contain;filter:grayscale(.35);opacity:.85;width:22px;height:22px}.bag-junk-name{min-width:88px}.bag-junk-sub{color:var(--text-dim);font-size:11px}.bag-junk-price{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.bag-junk-empty{color:var(--text-dim);margin:0;padding:6px 2px;font-size:11.5px}.ex-page{flex-direction:column;gap:10px;display:flex}.ex-head{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.ex-head .chip.shells{padding:3px 12px;font-size:12px}.ex-head .chip.shells b{color:var(--quality-2)}.ex-note{color:var(--text-dim);font-size:11px}.ex-msg{color:var(--success);font-size:11px}.ex-list{flex-direction:column;gap:6px;display:flex}.ex-row{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:7px 12px;display:flex}.ex-row img{object-fit:contain;width:24px;height:24px}.ex-name{min-width:78px;font-size:12.5px;font-weight:600}.ex-desc{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.ex-cost{color:var(--quality-2);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.ex-row .btn{padding:4px 12px;font-size:11px}.gacha-detail-modal{text-align:center;width:90vw;max-width:340px}.gacha-detail-hero{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--panel2) 40%, transparent), var(--panel2));border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;min-height:150px;display:flex;position:relative;overflow:hidden}.gacha-detail-frame{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.gacha-detail-icon{z-index:1;object-fit:contain;filter:drop-shadow(0 4px 8px #00000073);width:110px;height:110px;position:relative}.gacha-detail-head{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.gacha-detail-title{letter-spacing:.5px;font-size:17px;font-weight:700}.gacha-detail-desc{color:var(--text-dim);text-align:left;background:var(--panel2);border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:13px;line-height:1.7}.gacha-detail-sell{color:var(--gold);margin:8px 0 0;font-size:12.5px;font-weight:600}.gacha-flip-card,.gacha-log-row{cursor:pointer}.gacha-log-row:hover{background:color-mix(in srgb, var(--panel2) 90%, var(--accent) 10%)}.bag-slot.junk img{filter:grayscale(.25);opacity:.9}.bag-slot-qty{color:var(--gold);background:var(--bg-deep);border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 4px;font-size:10px;font-weight:800;line-height:1.4;position:absolute;bottom:3px;right:3px}.bag-junk-sum{color:var(--text-mute);border:1px solid var(--border);background:var(--surface-2);border-radius:11px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:flex}.bag-junk-sum b{color:var(--gold);font-weight:700}.bag-junk-sum span{color:var(--text-dim);font-size:10.5px}@media (max-width:480px){.gacha-pull-cell{flex:46%;min-width:0}.gacha-pull-btn{white-space:nowrap;min-width:0;min-height:32px;padding:6px 8px;font-size:12px}.gacha-pull-price{font-size:11px}.gacha-rate-btn{flex:100%;justify-content:center;min-height:32px;padding:6px 8px;font-size:12px}}.gacha-pull-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.gacha-pull-cell{flex-direction:column;flex:130px;gap:4px;min-width:130px;display:flex}.gacha-pull-cell .gacha-pull-btn{width:100%}.gacha-pull-price{text-align:center;color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;line-height:1.3}.gacha-rate-btn{align-self:flex-start}.gacha-result-cell{flex-direction:column;gap:5px;display:flex}.gacha-card-meta{justify-content:center;align-items:center;gap:6px;min-height:20px;display:flex}.gacha-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:104px;font-size:12px;font-weight:700;line-height:1.25;overflow:hidden}.gacha-pull-btn:active,.gacha-rate-btn:active{transform:scale(.96)}.gacha-shell b,.gacha-pity-text,.gacha-pull-price{font-variant-numeric:tabular-nums}.gacha-log-row img,.gacha-detail-icon,.gacha-banner{outline-offset:-1px;border-radius:6px;outline:1px solid #ffffff14}.gacha-pity{align-items:center;gap:8px;display:inline-flex}.gacha-pity-text{font-size:12px}.gacha-pity-bar{background:var(--panel2);border:1px solid var(--border);border-radius:3px;width:72px;height:5px;overflow:hidden}.gacha-pity-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 65%, transparent), var(--gold));border-radius:3px;height:100%;transition:width .3s;display:block}.gacha-frame-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.probe-source-switch{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.probe-source-switch button{cursor:pointer;color:var(--text-mute);background:0 0;border:none;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:600}.probe-source-switch button:hover{color:var(--text)}.probe-source-switch button.active{background:var(--accent);color:var(--bg-deep)}.gacha-pity-bar-sr .gacha-pity-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--quality-2) 55%, transparent), var(--quality-2))}.gacha-log-batch{flex-direction:column;display:flex}.gacha-log-batch-row{cursor:pointer;justify-content:flex-start}.gacha-log-batch-row:hover{background:color-mix(in srgb, var(--panel2) 90%, var(--accent) 10%)}.gacha-log-batch-count{color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:6px;flex-shrink:0;padding:0 7px;font-size:12px;font-weight:700}.gacha-log-batch-stats{color:var(--text-dim);letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.gacha-log-batch-arrow{color:var(--text-dim);flex-shrink:0;margin-left:auto;font-size:11px}.gacha-log-batch-detail{border-left:2px solid var(--border);flex-direction:column;gap:2px;margin:0 6px 4px 10px;padding:4px 8px 6px 14px;display:flex}.gacha-log-batch-detail .gacha-log-item{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;display:flex}.gacha-log-batch-detail .gacha-log-item:hover{background:var(--panel2)}.gacha-log-batch-detail .gacha-log-item img{object-fit:contain;width:22px;height:22px}.fish-page{flex-direction:column;gap:12px;display:flex}.fish-head{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.fish-ring{background:linear-gradient(135deg, var(--gold), color-mix(in srgb, var(--gold) 45%, var(--bg-deep)));width:46px;height:46px;color:var(--bg-deep);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 35%, transparent), 0 0 16px var(--gold-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fish-head-main{flex:260px;min-width:200px}.fish-head-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.fish-head-title .lv{color:var(--gold);font-variant-numeric:tabular-nums}.fish-head-title .pts{color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.fish-head-sub{color:var(--text-mute);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.fish-head-facts{flex-wrap:wrap;gap:8px;display:flex}.fish-fact{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1px;min-width:74px;padding:6px 10px;display:flex}.fish-fact-k{color:var(--text-mute);letter-spacing:.04em;font-size:10px;font-weight:600}.fish-fact-v{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.fish-fact-v.accent{color:var(--accent)}.fish-fact-v.gold{color:var(--gold)}.fish-fact-sub{color:var(--text-mute);margin-left:6px;font-size:11px;font-weight:400}.fish-fact-map{flex:230px}.fish-fact-wx{flex:260px}.fish-fact-buff{flex:240px}.fish-fact-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fx-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.fx-chip{border:1px solid var(--border);background:var(--surface-3);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:10.5px;line-height:1.5;display:inline-flex}.fx-chip i{color:var(--text-mute);font-style:normal}.fx-chip.good{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.fx-chip.warn{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.fish-brief{flex-direction:column;flex:340px;gap:8px;min-width:0;display:flex}.fh-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fh-item{background:var(--surface-2);border:1px solid var(--border);min-width:0;max-width:100%;color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}a.fh-item:hover{border-color:var(--accent);color:var(--accent)}.fh-item b{font-weight:700}.fh-item .fh-ic{color:var(--text-mute);flex:none}.fh-sub{color:var(--text-mute);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.fh-dot{color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:999px;flex:none;padding:0 6px;font-size:10.5px}.fh-tide.fast{border-color:color-mix(in srgb, var(--success) 42%, transparent)}.fh-tide.slow{border-color:color-mix(in srgb, var(--danger) 38%, transparent)}.fh-tide.fast .fh-ic,.fh-tide.fast b{color:var(--success)}.fh-tide.slow .fh-ic,.fh-tide.slow b{color:var(--danger)}.fh-more{cursor:pointer;font:inherit;border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;align-items:center;gap:3px;margin-left:auto;padding:4px 10px;font-size:11.5px;display:inline-flex}.fh-more:hover{border-color:var(--accent);color:var(--accent)}.fish-tour-jump{cursor:pointer;text-align:left;border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold) 10%, var(--surface-2));width:100%;color:var(--gold);font-variant-numeric:tabular-nums;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:7px 12px;font-size:12px;display:flex}.fish-tour-jump:hover{border-color:var(--gold)}.fish-tour-jump i{color:var(--text-dim);font-style:normal}.fish-tour-jump b{margin-left:auto;font-weight:700}.fish-tour-jump.on{border-color:var(--border);background:var(--surface-2);color:var(--text-dim)}.fish-tour-jump.on b{color:var(--success)}.fish-spotbar{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.fish-spotbar .sb-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.fish-spotbar .sb-main b{font-variant-numeric:tabular-nums}.fish-spotbar .sb-warn{color:var(--danger);align-items:center;gap:4px;font-weight:600;display:inline-flex}.fish-spotbar .sb-live{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 40%, transparent);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.fish-spotbar .sb-live i{background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite fish-live}.fish-chips{flex-wrap:wrap;gap:5px;width:100%;display:flex}.fish-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:5px 12px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s,transform .12s;display:inline-flex}.fish-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.fish-chip:active:not(:disabled){transform:scale(.97)}.fish-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-chip.on{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent)}.fish-chip.off{opacity:.55;border-style:dashed}.fish-chip.off.on{opacity:1;border-style:solid}.fish-chip .chip-lock{color:var(--text-mute);background:color-mix(in srgb, var(--text-mute) 16%, transparent);border-radius:999px;padding:0 6px;font-size:10px;font-style:normal;line-height:1.6}.fish-chip:disabled{cursor:not-allowed;opacity:.45}.fish-grid{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:start;gap:12px;display:grid}.fish-col{flex-direction:column;gap:12px;min-width:0;display:flex}@media (max-width:980px){.fish-grid{grid-template-columns:1fr}}.fish-head-title em{color:var(--text-mute);margin-top:2px;font-size:11.5px;font-style:normal;font-weight:400;line-height:16px;display:block}.fish-hero{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:246px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 14px 14px;display:flex;position:relative;overflow:hidden}.fish-hero:before{content:"";background:radial-gradient(circle at 50% 50%, var(--q-glow,var(--accent-soft)), transparent 68%);opacity:.85;pointer-events:none;height:190px;position:absolute;inset:-30% 20% auto}.fish-hero-art{justify-content:center;align-items:center;padding:4px 0;display:flex;position:relative}.fish-hero-art>*{filter:drop-shadow(0 6px 18px color-mix(in srgb, var(--q-color,var(--accent)) 45%, transparent))}.fish-hero-art.pop{animation:.42s cubic-bezier(.2,1.4,.5,1) fish-pop}.fish-hero-time{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px}.fish-hero-empty{color:var(--text-mute);flex-direction:column;align-items:center;gap:10px;display:flex}.fish-hero-empty .silhouette{opacity:.38;color:var(--text-dim)}.fish-progress{background:var(--surface-3);contain:layout paint;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.fish-progress>i{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 70%, transparent), var(--gold));border-radius:999px;height:100%;transition:width .22s linear;display:block}.fish-progress.tick>i{transform-origin:0;transition:none;transform:scaleX(0);width:100%!important}.fish-progress.tick.running>i{will-change:transform}.fish-progress.accent>i{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, transparent), var(--accent))}.fish-progress.indet>i{background:linear-gradient(90deg, transparent, var(--accent), transparent);transition:none;animation:1.5s ease-in-out infinite fish-indet;width:38%!important}.fish-progress-meta{color:var(--text-mute);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px;font-size:11.5px;display:flex}.fish-progress-meta b{color:var(--text)}.fish-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.fish-card-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.fish-card-head .hint{color:var(--text-mute);font-size:11px;font-weight:400}.fish-help{background:var(--surface-3);color:var(--text-mute);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:color .15s,background-color .15s;display:inline-flex}.fish-help:hover{color:var(--accent);background:var(--accent-soft)}.fish-help:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-stats{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:6px;display:grid}.fish-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 9px;display:grid}.fish-stat-k{color:var(--text);font-size:12px;font-weight:600}.fish-stat-k small{color:var(--text-mute);margin-left:4px;font-size:10px;font-weight:400}.fish-stat-v{color:var(--gold);text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:1.25}.fish-stat-e{color:var(--text-mute);grid-column:1/-1;font-size:10.5px}.fish-stat-e b{color:var(--accent);font-weight:700}.fish-session{flex-direction:column;gap:10px;display:flex}.fish-session-meta{flex-wrap:wrap;gap:8px;display:flex}.fish-session-meta>span{color:var(--text);background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:4px;padding:4px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.fish-session-meta>span .note{color:var(--text-mute);font-size:11px;font-weight:400}.fish-actions{flex-wrap:wrap;gap:8px;display:flex}.fish-actions>.fish-btn{flex:150px}.fish-btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:9px 16px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s,background-color .15s,transform .12s,box-shadow .15s;display:inline-flex}.fish-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.fish-btn:active:not(:disabled){transform:scale(.98)}.fish-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-btn:disabled{opacity:.45;cursor:not-allowed}.fish-btn.primary{background:var(--gold);border-color:var(--gold);color:var(--bg-deep);box-shadow:0 6px 18px var(--gold-soft)}.fish-btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--gold) 88%, #fff);color:var(--bg-deep)}.fish-btn.danger{background:color-mix(in srgb, var(--danger) 16%, transparent);border-color:var(--danger);color:var(--danger)}.fish-btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 26%, transparent);color:var(--danger)}.fish-btn.ghost{background:0 0}.fish-mini{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.fish-mini:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.fish-mini:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-mini:disabled{opacity:.45;cursor:not-allowed}.fish-cov{border-top:1px dashed var(--border);margin-top:8px;padding-top:7px}.fish-cov-head{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.fish-cov-head b{color:var(--gold);font-variant-numeric:tabular-nums}.fish-cov-head .note{font-size:11px}.fish-cov-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.fish-cov-chip{cursor:pointer;text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 9px;font-size:11.5px;line-height:1.35;transition:border-color .15s,background-color .15s;display:flex}.fish-cov-chip .pos{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex}.fish-cov-chip .pos svg{color:var(--danger)}.fish-cov-chip .meta{color:var(--text-mute);font-size:10.5px}.fish-cov-chip:hover:not(:disabled){border-color:var(--accent)}.fish-cov-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-cov-chip.self,.fish-cov-chip:disabled{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--surface-2));cursor:default;opacity:1}.fish-cov-live{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px;font-size:11.5px;display:flex}.fish-cov-live>i{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 22%, transparent);border-radius:999px;flex-shrink:0}.fish-cov-live b{color:var(--text);font-variant-numeric:tabular-nums}.fish-relic-exchange{flex-direction:column;gap:7px;display:flex}.fish-relic-exchange .row{color:var(--text-mute);justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;display:flex}.fish-relic-exchange .row b{color:var(--text);font-variant-numeric:tabular-nums}.fish-relic-buy{flex-wrap:wrap;align-items:center;gap:7px;margin-top:2px;display:flex}.fish-relic-buy input{border:1px solid var(--border);background:var(--surface-2);width:140px;color:var(--text);border-radius:8px;padding:6px 9px;font-size:12.5px}.fish-relic-buy input:focus{outline:2px solid var(--accent);outline-offset:1px}.fish-relic-shop{flex-direction:column;gap:7px;display:flex}.fish-relic-item{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.fish-relic-item.on{border-color:color-mix(in srgb, var(--gold) 45%, var(--border))}.fish-relic-item .main{flex:1;min-width:0}.fish-relic-item .nm{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.fish-relic-item .nm .min{color:var(--text-mute);border:1px solid var(--border);border-radius:5px;padding:0 4px;font-size:10.5px;font-weight:600}.fish-relic-item .desc{color:var(--text-mute);margin-top:2px;font-size:11.5px}.fish-relic-item .until{color:var(--gold);margin-top:2px;font-size:11px}.fish-relic-item .act{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.fish-relic-item .price{color:var(--gold);font-variant-numeric:tabular-nums;font-size:11px}.fish-tabs{flex-wrap:wrap;gap:6px;display:flex}.fish-tab{cursor:pointer;background:var(--surface-2);border:1px solid var(--border);min-height:34px;color:var(--text-dim);border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.fish-tab:hover{color:var(--text);border-color:var(--accent)}.fish-tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--bg-deep);font-weight:600}.fish-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-mastery{flex-direction:column;gap:10px;display:flex}.fish-fold>summary{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:700;list-style:none;display:flex}.fish-fold>summary::-webkit-details-marker{display:none}.fish-fold>summary:before{content:"▸";color:var(--text-mute);font-size:12px}.fish-fold[open]>summary:before{content:"▾"}.fish-fold[open]>summary{margin-bottom:10px}.fish-fold>summary:hover{color:var(--accent)}.fish-fold .fold-sum{color:var(--text-mute);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;font-weight:400}.fish-mastery-note{color:var(--text-mute);border-top:1px dashed var(--border);margin-top:9px;padding-top:8px;font-size:11.5px;line-height:1.75}.fish-mastery-note b{color:var(--text)}.fish-mastery-maphead{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px;font-size:13px;display:flex}.fish-mastery-maphead .xp{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11.5px}.fish-mastery-maphead .fish-mini{margin-left:auto}.fish-mtrack{grid-template-columns:repeat(9,1fr);gap:3px;margin-bottom:8px;display:grid}.fish-mtrack-seg{background:color-mix(in srgb, var(--q-color) 18%, var(--surface-2));border:1px solid color-mix(in srgb, var(--q-color) 30%, transparent);border-radius:4px;height:7px;position:relative;overflow:hidden}.fish-mtrack-seg:after{content:"";width:var(--fill,0%);background:var(--q-color);transition:width .25s;position:absolute;inset:0 auto 0 0}.fish-mtrack-seg.ready{box-shadow:0 0 0 1px color-mix(in srgb, var(--q-color) 55%, transparent)}.fish-mtrack-seg.blocking{outline:2px solid var(--gold);outline-offset:1px}.fish-mtrack-seg.off{opacity:.3;border-style:dashed}.fish-mtiers{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;grid-template-columns:repeat(auto-fill,minmax(min(450px,100%),1fr));gap:2px 10px;padding:5px;display:grid}.fish-mrow{border-radius:8px;grid-template-columns:4px 48px 38px minmax(0,1fr) 100px 92px;grid-template-areas:"dot q lv tgt prog act";align-items:center;gap:7px;padding:2px 6px;font-size:12px;line-height:1.35;transition:background .12s;display:grid}.fish-mrow>.dot{background:var(--q-color);border-radius:2px;grid-area:dot;width:4px;height:18px}.fish-mrow>.q{color:var(--q-color);grid-area:q;font-weight:700}.fish-mrow>.lv{color:var(--text-mute);text-align:center;border:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:5px;grid-area:lv;padding:1px 2px;font-size:10.5px}.fish-mrow>.tgt{text-overflow:ellipsis;white-space:nowrap;grid-area:tgt;min-width:0;overflow:hidden}.fish-mrow>.tgt em{color:var(--text-mute);font-style:normal}.fish-mrow>.tgt .rng{margin-left:7px;font-size:10.5px}.fish-mrow>.prog{grid-area:prog;align-items:center;gap:7px;display:flex}.fish-mrow>.prog .fish-progress{flex:1;min-width:36px}.fish-mrow>.prog .num{color:var(--text-mute);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.fish-mrow>.act{grid-area:act;justify-content:flex-end;display:flex}.fish-mrow:hover{background:color-mix(in srgb, var(--q-color) 7%, transparent)}.fish-mtiers.fish-targets .fish-mrow{grid-template-columns:4px 96px 42px minmax(0,1fr) 100px 92px}.fish-mtiers.fish-targets .fish-mrow>.q{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fish-mtiers.fish-targets .fish-mrow>.lv{border-color:color-mix(in srgb, var(--q-color) 42%, transparent);color:var(--q-color);font-weight:600}.fish-mtiers.fish-targets .fish-mrow>.tgt b{color:var(--text);font-variant-numeric:tabular-nums}.fish-mrow.ready{background:color-mix(in srgb, var(--q-color) 9%, transparent)}.fish-mrow.ready>.dot{box-shadow:0 0 0 1px color-mix(in srgb, var(--q-color) 55%, transparent)}.fish-mrow.off{opacity:.5}.fish-mrow.blocking{background:color-mix(in srgb, var(--gold) 9%, transparent)}.fish-mrow.blocking>.q:before{content:"▸ ";color:var(--gold)}.fish-mpill{white-space:nowrap;border:1px solid var(--border);color:var(--text-mute);border-radius:6px;padding:1px 6px;font-size:10.5px}.fish-mpill.warn{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold) 10%, transparent)}@media (max-width:767px){.fish-mtiers{column-gap:0}.fish-mrow{grid-template-columns:4px minmax(0,1fr) auto auto;grid-template-areas:"dot q lv act""dot tgt tgt act""dot prog prog prog";row-gap:5px}.fish-mrow>.dot{height:100%;min-height:44px}.fish-mrow>.lv{justify-self:start}.fish-mrow>.prog{min-width:0}}.fish-talents{flex-direction:column;gap:7px;display:flex}.fish-talent{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.fish-talent.on{border-color:color-mix(in srgb, var(--gold) 45%, var(--border))}.fish-talent .main{flex:1;min-width:0}.fish-talent .nm{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.fish-talent .nm .rank{color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 45%, var(--border));font-variant-numeric:tabular-nums;border-radius:5px;padding:0 4px;font-size:10.5px;font-weight:600}.fish-talent .desc{color:var(--text-mute);margin-top:2px;font-size:11.5px}.fish-talent .pre{color:var(--text-mute);margin-top:2px;font-size:10.5px}.fish-talent .act{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.fish-talent .eff{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.fish-talent .eff em{color:var(--gold);margin-left:3px;font-style:normal}.fish-feed{border-top:1px solid var(--border);flex-direction:column;gap:1px;max-height:216px;padding-top:7px;font-size:12px;display:flex;overflow-y:auto}.fish-feed-head{color:var(--text-mute);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;font-size:11px;display:flex}.fish-feed-head>span:first-child{color:var(--text-dim);font-size:11.5px;font-weight:700}.fish-feed-row{align-items:center;gap:8px;padding:2px 0;display:flex}.fish-feed-row .q{min-width:30px;color:var(--q-color,var(--text-dim));flex-shrink:0;align-items:center;gap:3px;font-weight:600;display:inline-flex}.fish-feed-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fish-feed-row .nm .x{color:var(--text-mute);font-variant-numeric:tabular-nums;margin-left:5px}.fish-feed-row .note{color:var(--text-mute);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.fish-feed-sys{color:var(--s-color,var(--text-mute));align-items:center;gap:7px;padding:2px 0;font-size:11.5px;display:flex}.fish-feed-sys .dot{background:var(--s-color,var(--text-mute));border-radius:999px;flex-shrink:0;width:5px;height:5px}.fish-feed-sys .x{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fish-baits{flex-direction:column;gap:6px;display:flex}.fish-bait{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;padding:7px 10px;transition:border-color .15s,background-color .15s}.fish-bait:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--border))}.fish-bait.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--surface-2))}.fish-bait-main{align-items:center;gap:8px;font-size:13px;display:flex}.fish-bait-main .nm{min-width:52px;font-weight:700}.fish-bait.on .fish-bait-main .nm{color:var(--gold)}.fish-bait-main .desc{min-width:0;color:var(--text-mute);flex:1;font-size:11px}.fish-bait-main .qty{font-variant-numeric:tabular-nums;color:var(--text-dim);font-weight:600}.fish-bait.on .fish-bait-main .qty{color:var(--gold)}.fish-bait-bar{align-items:center;gap:6px;margin:6px 0 0 24px;font-size:10px;display:flex}.fish-bait-segs{direction:rtl;flex:1;gap:1.5px;display:flex}.fish-bait-segs>i{opacity:.88;border-radius:3px;height:5px}.fish-slots{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;display:grid}.fish-slot{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:6px 9px}.fish-slot.filled{border-color:color-mix(in srgb, var(--q-color) 60%, var(--border));background:color-mix(in srgb, var(--q-color) 8%, var(--surface-2))}.fish-slot-k{color:var(--text-mute);justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;font-size:10px;display:flex}.fish-slot-q{color:var(--q-color,var(--gold));font-variant-numeric:tabular-nums;font-weight:700}.fish-invitem .hd .q{color:var(--q-color,var(--gold));font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:700}.fish-slot-nm{color:var(--q-color,var(--text));font-size:12px;font-weight:700}.fish-slot-attrs{color:var(--text-mute);margin-top:2px;font-size:10px}.fish-slot-empty{color:var(--text-mute);padding-top:2px;font-size:11px}.fish-invgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:1400px){.fish-invgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.fish-invgrid{grid-template-columns:minmax(0,1fr)}}.fish-invitem{border:1px solid color-mix(in srgb, var(--q-color) 55%, var(--border));background:color-mix(in srgb, var(--q-color) 7%, var(--surface-2));border-radius:10px;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:6px 8px;padding:10px;display:grid;position:relative}.gf-corners{pointer-events:none;border-radius:inherit;position:absolute;inset:-1px;overflow:hidden}.gf-corners i{background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;display:block;position:absolute}.gf-corners i.tl{top:0;left:0}.gf-corners i.tr{top:0;right:0;transform:rotate(90deg)}.gf-corners i.br{bottom:0;right:0;transform:rotate(180deg)}.gf-corners i.bl{bottom:0;left:0;transform:rotate(270deg)}[data-qtier="7"] .gf-corners i{background-image:url(/gear/frame/corner_mythic.png)}[data-qtier="8"] .gf-corners i{background-image:url(/gear/frame/corner_exotic.png)}[data-qtier="9"] .gf-corners i{background-image:url(/gear/frame/corner_arcane.png)}.fish-invitem .gf-corners i.tl,.fish-invitem .gf-corners i.tr{width:36px;height:36px}.fish-invitem .gf-corners i.br,.fish-invitem .gf-corners i.bl{width:22px;height:22px}.gear-slot .gf-corners i.tl,.gear-slot .gf-corners i.tr{width:26px;height:26px}.gear-slot .gf-corners i.br,.gear-slot .gf-corners i.bl{width:16px;height:16px}.fish-invitem[data-qtier="7"] .hd,.fish-invitem[data-qtier="8"] .hd,.fish-invitem[data-qtier="9"] .hd{padding-top:14px}.fish-invitem[data-qtier="7"],.fish-invitem[data-qtier="8"],.fish-invitem[data-qtier="9"],.gear-slot.filled[data-qtier="7"],.gear-slot.filled[data-qtier="8"],.gear-slot.filled[data-qtier="9"]{box-shadow:0 0 12px color-mix(in srgb, var(--q-color) 26%, transparent);border-color:#0000}.fish-invitem .hd-set{color:var(--q-color);grid-column:1/-1;align-items:center;gap:4px;margin-top:-2px;font-size:10px;font-weight:600;display:flex}.fish-invitem .hd-set i{opacity:.9;font-size:9px;font-style:normal}.fish-invitem .gi>img.tile,.gear-slot-name>img.art.tile,.gd-hero-icon>img.tile{border:1px solid color-mix(in srgb, var(--q-color) 30%, #23232b);box-sizing:border-box;border-radius:8px}.gear-slot-name>img.art.tile{border-radius:7px}.gd-hero-icon>img.tile{border-radius:6px}.gd-set{align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.gd-set i{font-size:9px;font-style:normal}.fish-invitem .hd{grid-column:1/-1;align-items:center;gap:6px;display:flex}.fish-invitem .hd b{color:var(--q-color);font-size:12px}.fish-invitem .hd .on{color:var(--gold);margin-left:auto;font-size:10px}.fish-invitem .attrs{font-variant-numeric:tabular-nums;grid-column:2;align-self:center;margin:0;font-size:11px}.fish-invitem .gi{height:72px;color:var(--text-mute);grid-column:1;align-items:center;display:flex}.fish-invitem .gi>img{object-fit:contain;flex:0 0 72px;width:72px;height:72px;display:block}.fish-invitem .hd .lv{font-variant-numeric:tabular-nums;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold) 12%, transparent);border-radius:5px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1}.fish-invitem .acts{flex-wrap:nowrap;grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.fish-invitem .acts .fish-mini{white-space:nowrap;flex:0 auto;min-width:0;padding:3px 8px}.fish-invitem .acts .fish-mini>.amt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:640px){.fish-invitem{grid-template-columns:84px minmax(0,1fr);gap:5px 8px;padding:8px}.fish-invitem .gi{height:84px}.fish-invitem .gi>img{flex:0 0 84px;width:84px;height:84px}}.gear-pager{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.gear-pager b{font-variant-numeric:tabular-nums}.fish-btnrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-header{flex-wrap:wrap;align-items:flex-start;gap:10px 14px;margin-bottom:14px;display:flex}.page-header .ph-main{flex:320px;min-width:0}.page-header .ph-title{letter-spacing:.01em;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:800;display:flex}.page-header .ph-title .ph-ic{color:var(--accent);flex:none}.page-header .ph-sub{color:var(--text-mute);margin:4px 0 0;font-size:12px;line-height:1.6}.page-header .ph-kpis{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.page-header .ph-kpi{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:2px;min-width:92px;padding:7px 10px;display:flex}.page-header .ph-kpi .k{color:var(--text-mute);font-size:10px}.page-header .ph-kpi .v{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.page-header .ph-kpi .v.gold{color:var(--gold)}.page-header .ph-kpi .v.accent{color:var(--accent)}.page-header .ph-kpi .v.warn{color:var(--warning)}.page-header .ph-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-header .ph-tabs{flex-wrap:wrap;flex:100%;gap:6px;display:flex}.page-header .ph-tab{cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.page-header .ph-tab:hover{border-color:var(--accent);color:var(--accent)}.page-header .ph-tab.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.page-header .ph-tab .badge{opacity:.75;font-variant-numeric:tabular-nums;font-size:10.5px}@media (max-width:767px){.page-header .ph-title{font-size:17px}.page-header .ph-kpis{gap:6px}.page-header .ph-kpi{flex:calc(50% - 3px);min-width:0}}.fish-growth{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}@media (max-width:980px){.fish-growth{grid-template-columns:1fr}}.fish-src{border-top:1px dashed var(--border);gap:5px;margin-top:10px;padding-top:9px;display:grid}.fish-src-row{align-items:baseline;gap:8px;font-size:11.5px;display:flex}.fish-src-row .k{color:var(--text-mute);flex:0 0 40px}.fish-src-row .v{min-width:0;color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.fish-src-row .v b{color:var(--text);font-weight:600}.fish-src-row .v em{color:var(--gold);font-variant-numeric:tabular-nums;font-style:normal}.fish-src-row .v .x{color:var(--accent);font-variant-numeric:tabular-nums}.fish-src-row .v .x.mute{color:var(--text-mute)}.fish-src-row .v .tag{padding:1px 6px;font-size:10px}.fish-mapwrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);aspect-ratio:1024/640;width:100%;position:relative;overflow:hidden}.fish-mapwrap img{object-fit:cover;width:100%;height:100%;display:block}.fish-mapwrap canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;position:absolute;inset:0}.fish-mapwrap canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fish-map-hover{color:#fff;pointer-events:none;background:#000000a8;border-radius:8px;max-width:268px;padding:6px 10px;font-size:12px;line-height:1.5;position:absolute;top:10px;left:10px}.fish-map-legend{color:#f5f5f5;background:#00000094;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;font-size:11px;line-height:1.5;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.fish-map-legend span{align-items:center;gap:4px;display:inline-flex}.fish-map-legend .mk{flex:none}.fish-map-legend .mk.gold{color:var(--gold)}.fish-map-legend .mk.danger{color:var(--danger)}.fish-spot-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.fish-spot{text-align:left;cursor:pointer;color:var(--text);border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:8px 10px;transition:border-color .15s,background-color .15s,transform .12s;position:relative}.fish-spot:hover{border-color:var(--accent);transform:translateY(-1px)}.fish-spot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-spot.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--surface-2))}.fish-spot.locked{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.fish-spot .hd{align-items:center;gap:6px;display:flex}.fish-spot .hd b{font-variant-numeric:tabular-nums;font-size:12px}.fish-spot .pool{margin-top:5px;font-size:11px;line-height:1.75}.fish-spot .pool span{margin-right:7px}.fish-spot .need{color:var(--text-mute);margin-top:4px;font-size:10px;line-height:1.5}.fish-spot.cov{border-style:dashed;border-color:color-mix(in srgb, var(--gold) 55%, var(--border));background:color-mix(in srgb, var(--gold) 4%, var(--surface-2))}.fish-spot.live{border-color:var(--success)}.fish-spot.live .live-tag{color:var(--success);background:color-mix(in srgb, var(--success) 16%, transparent);border:1px solid color-mix(in srgb, var(--success) 45%, transparent);border-radius:5px;padding:2px 5px;font-size:9px;line-height:1}.fish-spot.cov:after{content:"并入";color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);pointer-events:none;border-radius:5px;padding:2px 5px;font-size:9px;line-height:1;position:absolute;top:6px;right:6px}.fish-covsec{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.fish-covcard{text-align:left;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;transition:border-color .15s,transform .15s;display:flex}.fish-covcard:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.fish-covcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-covcard.self{border-color:var(--gold);cursor:default;opacity:1;background:color-mix(in srgb, var(--gold) 10%, var(--surface-2))}.fish-covcard.locked{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.fish-covcard .hd{align-items:center;gap:6px;display:flex}.fish-covcard .hd b{font-variant-numeric:tabular-nums;font-size:12px}.fish-covcard .pool{font-size:11px;line-height:1.75}.fish-covcard .pool span{margin-right:7px}.fish-covcard .need{color:var(--text-mute);font-size:10px;line-height:1.5}.fish-covcard .need span{margin-left:4px}.fish-species-group{margin-top:8px}.fish-species-group+.fish-species-group{border-top:1px solid var(--border);padding-top:8px}.fish-species-head{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.fish-species-head .n{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px}.fish-species-head .lock{color:var(--warning);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.fish-species-list{flex-wrap:wrap;gap:4px;display:flex}.fish-species{border:1px solid var(--border);background:var(--surface-2);color:var(--text-mute);border-radius:6px;padding:2px 8px;font-size:11.5px}.fish-species.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface-2));font-weight:600}.fish-species.off{opacity:.38}.tier-grid{flex-wrap:wrap;gap:6px;display:flex}.tour-board{flex-direction:column;gap:2px;display:flex}.tour-row{font-variant-numeric:tabular-nums;border-radius:7px;grid-template-columns:28px 1fr 52px 52px 64px;align-items:center;gap:8px;padding:5px 8px;font-size:12.5px;display:grid}.tour-row>span:not(.nm){text-align:right}.tour-row.hd{color:var(--text-mute);padding-bottom:2px;font-size:11px}.tour-row.me{background:var(--accent-soft)}.tour-row .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tour-row .tt{font-weight:700}.chest-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.chest-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px}.chest-card .hd{justify-content:space-between;align-items:center;gap:6px;display:flex}.chest-card .nm{color:var(--text);font-size:13px;font-weight:700}.chest-card .ds{color:var(--text-mute);margin-top:3px;font-size:11px}.chest-card .tiers{flex-wrap:wrap;gap:4px;margin:7px 0;display:flex}.chest-card .tiers .tag{border:1px solid var(--border);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:6px;padding:1px 6px;font-size:10.5px}.chest-card .pays{flex-wrap:wrap;gap:6px;display:flex}.chest-card .chest-owned{border:1px dashed color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold) 7%, transparent);border-radius:8px;align-items:center;gap:6px;margin:0 0 7px;padding:5px 7px;display:flex}.chest-card .chest-owned .tag{color:var(--gold);font-size:11px}.gear-detail{max-width:540px}.gd-title{flex-wrap:wrap;align-items:center;gap:8px;margin:0 34px 2px 0;font-size:16px;display:flex}.gd-title .lv{color:var(--gold);font-size:12px;font-weight:800}.gd-delta{font-variant-numeric:tabular-nums;margin-left:5px;font-size:11px;font-weight:800}.gd-delta.up{color:var(--success)}.gd-delta.down{color:var(--danger)}.gd-title .on{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);color:var(--gold);border-radius:999px;padding:1px 6px;font-size:10px}.gd-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin-top:10px;display:grid}.gd-cell{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;flex-direction:column;gap:2px;padding:7px 9px;display:flex}.gd-cell .k{color:var(--text-mute);font-size:10px}.gd-cell .v{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.gd-cell .v.gold{color:var(--gold)}.gd-hero-icon{border:1px solid var(--border);background:var(--surface-2);width:104px;height:104px;color:var(--text-dim);border-radius:16px;grid-row:span 2;justify-content:center;align-self:start;align-items:center;display:flex}.gd-hero-icon>img{object-fit:contain;flex:0 0 64px;width:64px;height:64px;display:block}.gd-hero-icon>img.tile{object-fit:cover;flex:0 0 88px;width:88px;height:88px}.gd-sub{color:var(--text-mute);margin:12px 0 6px;font-size:11px}.gd-attrs{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.gd-attr{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:9px;flex-direction:column;gap:1px;padding:7px 9px;display:flex}.gd-attr .k{color:var(--text-mute);font-size:10px}.gd-attr .v{color:var(--accent);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.gd-attr .b{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:9.5px}.gd-act{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:6px;margin-top:12px;padding:10px;display:flex}.gd-result{font-variant-numeric:tabular-nums;line-height:1.75}.gd-act-h{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.gd-act-h b{font-size:13px}.gd-act-h .hint{color:var(--text-mute);font-size:10.5px}.gd-act-row{gap:8px;font-size:12px;line-height:1.5;display:flex}.gd-act-row .k{color:var(--text-mute);flex:0 0 34px}.gd-act-row .v{font-variant-numeric:tabular-nums;min-width:0}.gd-act-row .v.gold{color:var(--gold)}.gd-act-row .v.warn{color:var(--warning)}.gd-act-row .mute{color:var(--text-mute)}.gd-act-row .accent{color:var(--accent)}.gd-act .btn{align-self:flex-end}.gd-note{color:var(--text-mute);margin-top:8px;font-size:11.5px;line-height:1.6}.gd-note.warn{color:var(--warning)}.gd-attr{cursor:pointer}.gd-attr .k{align-items:center;gap:4px;display:flex}.gd-attr .k .lk{opacity:.55;color:var(--text-mute);flex:none;margin-left:auto}.gd-attr.locked{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.gd-attr.locked .k .lk{opacity:1;color:var(--accent)}.gd-attr.dimmed{opacity:.55}.gd-stone{cursor:pointer;text-align:left;border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;transition:background .15s,border-color .15s,color .15s;display:flex}.gd-stone:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.gd-stone.on{border-color:color-mix(in srgb, var(--accent) 62%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.gd-stone:disabled,.gd-stone.empty{cursor:not-allowed;color:var(--text-mute);border-color:var(--border);background:var(--surface)}.gd-stone-ico{color:var(--quality-8);flex:none}.gd-stone.empty .gd-stone-ico{color:var(--text-mute)}.gd-stone-nm{flex:1;font-size:12.5px;font-weight:600}.gd-stone-sw{background:color-mix(in srgb, var(--text-mute) 42%, transparent);border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.gd-stone-sw>i{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.gd-stone.on .gd-stone-sw{background:var(--accent)}.gd-stone.on .gd-stone-sw>i{left:18px}.gd-stone:disabled .gd-stone-sw{background:color-mix(in srgb, var(--text-mute) 26%, transparent)}.gd-stone:disabled .gd-stone-sw>i{background:var(--text-mute)}.gd-stone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gd-stone-tip{color:var(--text-mute);font-size:10.5px;line-height:1.5}.gd-stone-tip.on{color:var(--accent)}.gear-sort{color:var(--text-mute);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:inline-flex}.gear-sort select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:7px;padding:3px 6px;font-size:11.5px}.gear-chip-label{color:var(--text-mute);align-self:center;align-items:center;padding-left:2px;font-size:11px;display:inline-flex}.fish-slot-nm.as-link{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.fish-slot-nm.as-link:hover{color:var(--accent);text-decoration:underline}.lv-mini{color:var(--gold);font-weight:700}@media (max-width:520px){.gear-detail{max-width:100%}.gd-grid,.gd-attrs{grid-template-columns:repeat(2,minmax(0,1fr))}}.lh-pools{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;display:grid}.lh-pool{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.lh-pool .pct{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.lh-arts{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:8px;display:grid}.lh-art{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.lh-art.on{border-color:color-mix(in srgb, var(--quality-9) 55%, var(--border));box-shadow:inset 0 0 12px color-mix(in srgb, var(--quality-9) 10%, transparent)}.lh-art .hd{justify-content:space-between;align-items:center;gap:6px;display:flex}.lh-art .nm{color:var(--text);font-size:12.5px;font-weight:700}.lh-art .lv{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px}.lh-art .fx{color:var(--accent);margin-top:3px;font-size:12px}.lh-art .mx{color:var(--text-mute);margin-top:2px;font-size:10.5px}.fish-wx-chip{background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid;border-radius:999px;align-items:center;padding:1px 9px;font-size:12.5px;font-weight:700;display:inline-flex}.fish-wx-card{padding:10px 14px}.fish-wx-fx{flex-wrap:wrap;gap:5px;display:flex}.fish-wx-fx .tag{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.fish-mapcard .map-wx{flex-direction:column;gap:4px;margin-top:6px;display:flex}.fish-mapcard .map-wx-h{align-items:center;gap:6px;display:flex}.fish-mapcard .map-wx-fx{flex-wrap:wrap;gap:4px;display:flex}.fish-mapcard .map-wx-fx .tag{font-size:10px}.fish-mapgrid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px;display:grid}.fish-mapcard{text-align:left;cursor:pointer;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:0;transition:border-color .15s,transform .12s,box-shadow .15s;overflow:hidden}.fish-mapcard:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.fish-mapcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fish-mapcard.on{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 35%, transparent)}.fish-mapcard .thumb{aspect-ratio:1024/640;background:var(--surface-3);width:100%;position:relative}.fish-mapcard .thumb img{object-fit:cover;width:100%;height:100%;display:block}.fish-mapcard .thumb .idx{color:#fff;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:6px;left:6px}.fish-mapcard .body{padding:8px 10px 10px}.fish-mapcard .body .nm{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.fish-mapcard .body .tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.fish-mapcard .body .desc{color:var(--text-mute);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;overflow:hidden}.fish-mask{z-index:90;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fish-dialog{background:var(--surface);border:1px solid var(--border-strong);width:100%;max-width:460px;max-height:78vh;box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;animation:.16s ease-out fish-dialog-in;overflow-y:auto}.fish-dialog-head{align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.fish-dialog-head .x{background:color-mix(in srgb, var(--text) 6%, transparent);width:30px;height:30px;color:var(--text-dim);cursor:pointer;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.fish-dialog-head .x:hover{background:color-mix(in srgb, var(--text) 12%, transparent);color:var(--text)}.fish-dialog-head .x:active{background:color-mix(in srgb, var(--text) 18%, transparent)}.fish-dialog-head .x:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.fish-dialog .row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;font-size:12.5px;display:flex}.fish-dialog .row:last-child{border-bottom:none}.fish-dialog .row .k{flex-shrink:0;width:62px;font-weight:700}.fish-dialog .row .d{color:var(--text-mute);flex:1;font-size:11.5px}.fish-dialog .row .v{font-variant-numeric:tabular-nums;font-weight:700}.fish-dialog p.sub{margin:8px 0 4px;font-size:12px}.fish-toasts{z-index:120;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:18px;right:16px}.fish-toast{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;animation:.18s ease-out fish-toast-in;display:flex}.fish-toast.ok{border-color:color-mix(in srgb, var(--success) 55%, transparent);color:var(--success)}.fish-toast.error{border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger)}.fish-skel{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:10px;animation:1.4s linear infinite fish-skel}@keyframes fish-pop{0%{opacity:.2;transform:scale(.82)translateY(8px)}60%{opacity:1;transform:scale(1.04)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes fish-indet{0%{transform:translate(-105%)}to{transform:translate(270%)}}@keyframes fish-live{0%,to{opacity:.35}50%{opacity:1}}@keyframes fish-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fish-dialog-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes fish-skel{to{background-position:-200% 0}}@media (max-width:767px){.fish-head{padding:10px 12px}.fish-head-facts{width:100%}.fish-fact{flex:74px}.fish-brief{flex:100%}.fh-item{flex:calc(50% - 3px)}.fh-item.fh-tide{flex:100%}.fh-more{flex:100%;justify-content:center;margin-left:0}.fish-growth{gap:10px}.fish-btnrow>.fish-btn{flex:100%}.fish-hero{min-height:210px;padding:12px}.fish-actions>.fish-btn{flex:100%}.fish-toasts{align-items:stretch;bottom:10px;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.fish-hero-art.pop,.fish-progress.indet>i,.fish-spotbar .sb-live i,.fish-toast,.fish-dialog,.fish-skel{animation:none}.fish-chip,.fish-btn,.fish-spot,.fish-mapcard{transition:none}}@supports (height:100dvh){body,.app,.splash,.auth-screen,.admin-shell{min-height:100dvh}aside,.admin-nav{height:100dvh}}@media (max-width:767px){.btn{min-height:44px}.fish-btn{min-height:46px}.fish-chip{min-height:42px;padding:8px 12px}.filter-chip{min-height:40px}.fish-mini{min-height:40px;padding:8px 12px}.ph-tab,.nav-group-h{min-height:40px}input,select,textarea{font-size:16px}.eve-cell .slot-stat,.bp-cell .slot-stat{font-size:12px}.fish-head{min-height:96px}.fish-spotbar{min-height:84px}.fish-hero{min-height:220px}.fab-bag{bottom:calc(env(safe-area-inset-bottom,0px) + 34px)}}.wf-water{border:1px solid var(--border);background:linear-gradient(#175273 0%,#0e4261 26%,#082943 55%,#051827 78%,#03080f 100%);border-radius:12px;position:relative;overflow:hidden}.wf-sky{background:linear-gradient(#0a1426,#175273);height:46px}.wf-band{position:relative}.wf-band+.wf-band{border-top:1px dashed #9fd8ff29}.wf-tag{z-index:3;color:#9fd0ea;background:#050a14b8;border-radius:999px;align-items:baseline;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.wf-tag .n{color:#9fd0eaa8;font-size:10px;font-weight:500}.wf-unit{z-index:2;cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;transition:opacity .15s;display:flex;position:absolute;transform:translate(-50%)}.wf-unit:hover{z-index:6}.wf-unit.dim{opacity:.22}.wf-unit.dim:hover{opacity:.6}.wf-spr{transition:transform .15s;display:inline-flex;position:relative}.wf-unit:hover .wf-spr{transform:scale(1.12)}.wf-name{white-space:nowrap;text-overflow:ellipsis;background:#050d16b8;border-radius:999px;align-items:center;gap:4px;max-width:96px;padding:1px 7px;font-size:10px;line-height:1.5;display:inline-flex;overflow:hidden}.wf-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.wf-bossring{pointer-events:none;border:2px solid #fd91d566;border-radius:50%;position:absolute;box-shadow:0 0 18px #fd91d540}.wf-bosstag{color:#fd91d5;letter-spacing:.04em;background:#fd91d52e;border-radius:4px;padding:0 6px;font-size:9px;font-weight:800}.wf-deco{pointer-events:none;z-index:1;position:absolute;inset:0}.wf-ray{background:linear-gradient(#9fd8ff1a,#9fd8ff00 72%);border-radius:8px;height:46%;position:absolute;top:0;transform:skew(-9deg)}.wf-bub{border:1px solid #9fd8ff47;border-radius:50%;position:absolute}.wf-rock{border-radius:50%;position:absolute}.wf-grass{background:linear-gradient(#34825480,#143c2e99);border-radius:999px;width:5px;position:absolute;bottom:-2px}.lb-head{flex-wrap:wrap;align-items:flex-start;gap:10px 14px;margin-bottom:14px;display:flex}.lb-head .lb-hmain{flex:320px;min-width:0}.lb-head .lb-title{letter-spacing:.01em;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:800;display:flex}.lb-head .lb-title svg{color:var(--accent);flex:none}.lb-head .lb-sub{color:var(--text-mute);margin:4px 0 0;font-size:12px;line-height:1.6}.lb-head .lb-sum{flex-wrap:wrap;gap:8px;display:flex}.lb-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text-mute);border-radius:10px;align-items:baseline;gap:6px;padding:8px 14px;font-size:12px;line-height:1.2;display:inline-flex}.lb-pill .v{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800}.lb-pill.hi{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.lb-pill.hi .v{color:var(--accent)}.lb-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.lb-chip{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-dim);border-radius:10px;padding:8px 14px;font-size:13px;line-height:1.2;transition:border-color .15s,color .15s,background .15s}.lb-chip:hover{border-color:var(--accent);color:var(--accent)}.lb-chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.lb-cols{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (min-width:1024px){.lb-cols{grid-template-columns:minmax(0,1fr) 446px}}.lb-card>h3 .tag{color:var(--text-mute);font-weight:400}.lb-rows{padding-top:6px}.lb-th{height:34px;color:var(--text-mute);border-bottom:1px solid var(--border-strong);grid-template-columns:64px minmax(0,1fr) 132px;align-items:center;padding-bottom:8px;font-size:12px;display:grid}.lb-tr{border-bottom:1px solid var(--border);grid-template-columns:64px minmax(0,1fr) 132px;align-items:center;height:52px;font-size:14px;transition:background .15s;display:grid}.lb-tr:last-child{border-bottom:none}.lb-tr.clickable{cursor:pointer}.lb-tr.me{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.lb-tr .no{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.lb-tr .who{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.lb-tr .who .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lb-tr .val{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.lb-empty{text-align:center;color:var(--text-mute);padding:26px 0;font-size:13px}.lb-side{flex-direction:column;gap:16px;display:flex}.lb-me{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.lb-me .big{color:var(--accent);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.1}.lb-me .big.off{color:var(--text-mute);font-size:20px}.lb-me .unit{color:var(--text-mute);font-size:12px}.lb-hint{color:var(--text-mute);margin:6px 0 0;font-size:11.5px;line-height:1.6}.lb-reward{align-items:center;gap:10px;padding:7px 0;display:flex}.lb-reward+.lb-reward{border-top:1px dashed var(--border)}.lb-reward .nm{color:var(--text-dim);font-size:13px}.lb-reward .relic{color:var(--quality-9);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:800}.lb-note{border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--text-mute);border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:11.5px;line-height:1.65}.lb-rules{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lb-rules li{color:var(--text-dim);padding-left:14px;font-size:12px;line-height:1.7;position:relative}.lb-rules li:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:2px}@media (max-width:767px){.lb-head .lb-title{font-size:17px}.lb-head .lb-sum{gap:6px}.lb-pill{padding:6px 10px;font-size:11.5px}.lb-chip{padding:8px 12px;font-size:12.5px}.lb-th,.lb-tr{grid-template-columns:48px minmax(0,1fr) 84px}.lb-th{height:30px}.lb-tr{height:46px;font-size:13px}.lb-tr .val{font-size:13px}.topbar-stats a{gap:4px;height:18px;padding:0 7px;font-size:11.5px;line-height:1}.tb-live .tb-clock{padding:3px 8px;font-size:11.5px}.tb-live .tb-on{padding:3px 8px}}.an-page{flex-direction:column;gap:16px;max-width:1192px;display:flex}.an-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.an-title{flex-direction:column;gap:3px;min-width:0;display:flex}.an-title>b{color:var(--text);font-size:21px;font-weight:700;line-height:28px}.an-title>small{color:var(--text-mute);font-size:11.5px;line-height:16px}.an-sp{flex:auto;min-width:0}.an-tabs{align-items:center;gap:8px;display:flex}.an-pill{cursor:pointer;font:inherit;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;padding:10px;font-size:12.5px;font-weight:400;line-height:16px;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.an-pill:hover{color:var(--text);border-color:var(--border-strong)}.an-pill.on{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 50%, transparent);font-weight:600}.an-cols{align-items:flex-start;gap:14px;display:flex}.an-col-left{flex-direction:column;flex:auto;gap:14px;min-width:0;display:flex}.an-col-right{flex-direction:column;flex:0 0 446px;gap:14px;min-width:0;display:flex}.an-card-head{color:var(--text);align-items:center;gap:8px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.an-note{color:var(--text-dim);font-size:11px;font-weight:400;line-height:1.4}.an-rows{flex-direction:column;display:flex}.an-row{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:flex-start;gap:10px;padding:9px 0;display:flex}.an-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.an-row-static{cursor:default}.an-body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.an-tline{align-items:center;gap:6px;min-width:0;display:flex}.an-tline>b{min-width:0;color:var(--text);font-size:13px;font-weight:600;line-height:1.45}.an-guild{color:var(--hud-guild);font-weight:600}.an-user{color:var(--accent)}.an-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;display:none}.an-item.unread .an-dot{display:block}.an-top{color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:5px;flex:none;align-items:center;padding:2px 5px;font-size:10px;font-style:normal;font-weight:600;line-height:14px;display:inline-flex}.an-kind{color:var(--text-mute);background:color-mix(in srgb, var(--text-mute) 14%, transparent);border:1px solid color-mix(in srgb, var(--text-mute) 32%, transparent);border-radius:5px;flex:none;align-items:center;padding:2px 5px;font-size:10px;font-style:normal;font-weight:600;line-height:14px;display:inline-flex}.an-sum{color:var(--text-dim);font-size:11.5px;line-height:1.45}.an-time{color:var(--text-mute);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:11px;line-height:1.45}.an-open{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);white-space:pre-wrap;border-radius:10px;margin:0 0 9px;padding:10px 12px;font-size:12px;line-height:1.75}.an-rule{background:var(--border);height:1px}.an-footrow{align-items:center;gap:10px;display:flex}.an-foot{min-width:0;color:var(--text-mute);flex:auto;font-size:11px;line-height:1.45}.an-pager{flex:none;align-items:center;gap:6px;display:flex}.an-pgbtn,.an-readall{cursor:pointer;font:inherit;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;flex:none;align-items:center;gap:4px;padding:4px 9px;font-size:11px;line-height:15px;transition:color .15s,border-color .15s;display:inline-flex}.an-pgbtn:hover:not(:disabled),.an-readall:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.an-pgbtn:focus-visible,.an-readall:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.an-pgbtn:disabled,.an-readall:disabled{opacity:.45;cursor:default}.an-pgnum{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px;line-height:15px}.an-empty{color:var(--text-mute);text-align:center;padding:20px 0;font-size:12px;line-height:1.7}.an-help{flex-direction:column;gap:8px;display:flex}.an-help .an-card-head{padding-bottom:4px}.an-help-row{align-items:flex-start;gap:10px;display:flex}.an-help-row>b{color:var(--accent);flex:0 0 72px;font-size:12px;font-weight:600;line-height:1.6}.an-help-row>span{min-width:0;color:var(--text-dim);font-size:11.5px;line-height:1.6}.an-help-bul,.an-help-sent{color:var(--text-dim);font-size:11.5px;line-height:1.6}.an-help-foot{color:var(--text-mute);font-size:11px;line-height:1.6}.an-lg{display:flex}.an-sm{display:none}.an-t-lg{display:inline}.an-t-sm{display:none}@media (max-width:980px){.an-cols{flex-direction:column;align-items:stretch}.an-col-right{flex:none;width:100%}}@media (max-width:640px){.an-page{gap:12px}.an-page .card{padding:14px}.an-head{flex-direction:column;align-items:stretch;gap:12px}.an-head>.an-sp{display:none}.an-title>b{font-size:20px;line-height:26px}.an-title>small{font-size:11px}.an-tabs{width:100%}.an-pill{border-radius:8px;padding:7px 12px;font-size:12px}.an-pill.on{background:color-mix(in srgb, var(--accent) 20%, var(--surface-2));border-color:var(--accent)}.an-card-head,.an-help .an-card-head{padding-bottom:0}.an-row{flex-direction:column;gap:3px}.an-tline>b{font-size:12.5px}.an-item.unread .an-dot{display:none}.an-item.unread .an-tline>b{color:var(--accent)}.an-time{font-size:10.5px}.an-foot{flex:none;font-size:10.5px}.an-footrow{flex-direction:column;align-items:stretch;gap:6px}.an-pager{justify-content:flex-end}.an-help-2,.an-lg{display:none}.an-sm{display:block}.an-t-lg{display:none}.an-t-sm{display:inline}}.tb-stream-rows{scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface);scrollbar-gutter:stable}.tb-stream-rows::-webkit-scrollbar{width:7px}.tb-stream-rows::-webkit-scrollbar-track{background:var(--surface);border-radius:6px}.tb-stream-rows::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--surface);border-radius:6px;min-height:28px}.bc-text-map,.bc-text-layer,.bc-text-fish,.bc-text-boss{font-weight:650}.tb-srow-txt a,.topbar-msg .txt a{color:inherit;text-decoration:none}.tb-srow-txt a:hover,.topbar-msg .txt a:hover{text-underline-offset:3px;text-decoration:underline}.tb-srow-txt a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.announcement-detail{margin-top:16px;padding:24px}.announcement-detail h1{font-size:24px;line-height:1.4}.announcement-detail time{color:var(--text-mute);margin:12px 0 24px;font-size:12px;display:block}.announcement-detail>div{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}