:root{--bg:#0b1020;--panel:#1a2340;--panel2:#222d52;--panel3:#2a3763;--well:#121a33;--edge:#34416e;--edge-hi:#4b5b94;--edge-dk:#060a16;--ink:#e8ecf8;--ink2:#8e9ac0;--ink3:#6b779f;--liquid:#3fd0c9;--locked:#9b7cf6;--gold:#f2c14e;--bad:#ff5d6c;--bad-ink:#ff9aa4;--tox:#8fdc3a;--ok:#6fd27a;--r-common:#b8c0d8;--r-uncommon:#6fd27a;--r-rare:#4aa8ff;--r-epic:#b06bff;--r-legendary:#ffb432;--r-leviathan:#ff4f7b;--f-ui:"HB Paren", "Pixelify Sans", ui-monospace, "Courier New", monospace;--f-num:"VT323", ui-monospace, "Courier New", monospace;--px:2px;--ease:cubic-bezier(.2, 0, 0, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}.hb-ui{z-index:10;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);pointer-events:none;font-family:var(--f-ui);color:var(--ink);-webkit-font-smoothing:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;grid-template-rows:auto minmax(0,1fr) auto;font-size:15px;line-height:1.3;display:grid;position:fixed;inset:0;overflow:hidden}.hb-ui *,.hb-ui :before,.hb-ui :after{box-sizing:border-box}.hb-ui ::selection{background:var(--liquid);color:#04201f}:where(.hb-ui) button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}:where(.hb-ui) button:disabled{cursor:not-allowed}.hb-ui :focus-visible{outline:2px solid var(--gold);outline-offset:2px}:where(.hb-ui) :where(h1,h2,h3,p,ol,ul,dl,dd){margin:0;padding:0}:where(.hb-ui) :where(ol,ul){list-style:none}.dg{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-size:1.25em;line-height:1}.num .dg,.dg .dg{font-size:1em}.hb-ui .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb-hud,.hb-nav,.hb-panel,.hb-toasts>*,.lb-chip,.lb-panel{pointer-events:auto}.hb-stage{pointer-events:none;min-height:0;position:relative}.pix{width:1em;height:1em;image-rendering:pixelated;vertical-align:-.12em;flex:none;display:inline-block}.pix.rot90{transform:rotate(90deg)}.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.28em;line-height:1}.num .num{font-size:1em}.has-exact{cursor:help;border-bottom:1px dotted;position:relative}.has-exact:after{content:attr(data-exact);background:var(--edge-dk);color:var(--ink);box-shadow:0 0 0 2px var(--edge-hi);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s var(--ease);z-index:50;padding:3px 6px;font-size:15px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hb-hud .has-exact:after{top:calc(100% + 6px);bottom:auto}@media (hover:hover){.has-exact:hover:after{opacity:1}}.has-exact:focus-visible:after,.has-exact.show-exact:after{opacity:1}.px-inset{background:var(--well);box-shadow:inset 0 var(--px) 0 0 var(--edge-dk), inset 0 0 0 var(--px) #1d2747;padding:10px}.btn-wrap{flex-direction:column;align-items:stretch;gap:3px;min-width:0;display:inline-flex}.btn-wrap-wide{width:100%;display:flex}.btn{--b:var(--panel3);--t:var(--ink);background:var(--b);min-width:44px;min-height:44px;color:var(--t);text-align:center;box-shadow:inset -2px -4px 0 #00000052, inset 2px 2px 0 #fff3, -2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk);transition:transform 80ms var(--ease), filter .12s var(--ease);border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 12px 8px;font-weight:600;line-height:1.1;display:inline-flex;position:relative}.btn .pix{font-size:16px}.btn:not(:disabled):active{box-shadow:inset 2px 3px 0 #00000059, -2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk);transform:translateY(2px)}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.12)}}.btn-label{display:inline}.btn>.pix+.btn-label{margin-top:0}.btn:has(>.pix){flex-direction:row;gap:6px}.btn-sub{font-family:var(--f-num);opacity:.85;font-size:17px;font-weight:400;line-height:1}.btn-wide{width:100%}.btn-sm{padding:5px 9px 7px;font-size:14px}.btn-xl{letter-spacing:.04em;min-height:52px;font-size:18px}.btn-primary{--b:var(--liquid);--t:#04201f}.btn-gold{--b:var(--gold);--t:#2a1c00}.btn-danger{--b:var(--bad);--t:#2c0006}.btn-violet{--b:var(--locked);--t:#150a33}.btn-ghost{--b:transparent;--t:var(--ink);box-shadow:inset 0 0 0 2px var(--edge-hi)}.btn:disabled{--b:#262e4f;--t:#727da5;box-shadow:inset 0 0 0 2px #2f3a63, -2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk)}.btn-ghost:disabled{box-shadow:inset 0 0 0 2px #2f3a63}.btn.is-armed{animation:.5s steps(2,end) infinite armed}@keyframes armed{50%{filter:brightness(1.35)}}.btn.is-pulse{animation:1.2s steps(3,end) infinite pulse}@keyframes pulse{50%{filter:brightness(1.18)}}.why{color:var(--ink2);text-align:center;overflow-wrap:anywhere;font-size:13px;line-height:1.2}.btn-x{width:44px;height:44px;color:var(--ink2);background:0 0;border:0;flex:none;place-items:center;display:grid}.btn-x .pix{font-size:16px}@media (hover:hover){.btn-x:hover{color:var(--ink);background:var(--panel3)}}.seg{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);gap:4px;margin-bottom:10px;padding:4px;display:flex}.seg-wrap{flex-wrap:wrap}.seg-item{min-width:0;min-height:44px;color:var(--ink2);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:14px;font-weight:600;line-height:1.1;display:inline-flex}.seg-wrap .seg-item{flex:auto}.seg-item .pix{font-size:14px}.seg-item.is-on{background:var(--panel3);color:var(--ink);box-shadow:inset 0 -3px 0 var(--liquid), inset 0 0 0 2px var(--edge-hi)}.seg-item:disabled{opacity:.45}@media (hover:hover){.seg-item:not(.is-on):not(:disabled):hover{background:var(--panel2);color:var(--ink)}}.seg-badge{font-family:var(--f-num);background:var(--edge-dk);color:var(--ink2);padding:0 4px;font-size:16px;font-weight:400}.seg-item.is-on .seg-badge{color:var(--gold)}.bar{background:var(--edge-dk);min-width:40px;height:10px;display:block;position:relative;box-shadow:inset 0 0 0 2px #0f1630}.bar>i{background:var(--liquid);max-width:calc(100% - 4px);transition:width .4s var(--ease);background-image:repeating-linear-gradient(90deg,#0000 0 6px,#00000047 6px 8px);position:absolute;top:2px;bottom:2px;left:2px}.bar-xp>i,.bar-gold>i{background-color:var(--gold)}.bar-ok>i{background-color:var(--ok)}.bar-warn>i{background-color:var(--gold)}.bar-bad>i{background-color:var(--bad)}.bar-time>i{background-color:var(--liquid)}.pips{gap:3px;display:flex}.pips>i{background:var(--edge-dk);flex:1;height:8px;box-shadow:inset 0 0 0 1px #1a2448}.pips>i.on{background:var(--liquid);box-shadow:inset 0 -2px #0000004d}.hb-hud{background:var(--panel);box-shadow:0 2px 0 var(--edge), 0 4px 0 var(--edge-dk);z-index:3;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lvl cur wx";align-items:center;gap:6px 10px;padding:4px 10px;display:grid;position:relative}.hud-lvl{text-align:left;background:0 0;border:0;grid-area:lvl;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 0;display:flex}.lvl-badge{background:var(--gold);color:#2a1c00;width:38px;height:38px;font-family:var(--f-num);box-shadow:inset -2px -3px 0 #0000004d, inset 2px 2px 0 #ffffff59, 0 0 0 2px var(--edge-dk);align-content:center;place-items:center;font-size:24px;line-height:.8;display:grid}.lvl-badge small{font-family:var(--f-ui);font-size:9px;font-weight:700;line-height:1}.lvl-xp{flex-direction:column;gap:3px;width:128px;display:flex}.lvl-xp-t{font-family:var(--f-num);color:var(--ink2);white-space:nowrap;font-size:16px;line-height:1}.hud-cur{grid-area:cur;justify-content:center;gap:6px;min-width:0;display:flex}.cur{background:var(--well);min-width:44px;min-height:44px;box-shadow:inset 0 2px 0 var(--edge-dk), inset 0 0 0 2px #1f2a4d;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.cur .pix{font-size:18px}.cur-v{font-size:15px}.cur-v .num{font-size:22px}.cur-n{color:var(--ink2);font-size:12px;font-weight:600}.cur-liquid{color:var(--liquid)}.cur-locked{color:var(--locked)}.cur-pearl{color:var(--gold)}.cur-pearl .pix{--ic2:#b07d1a}.cur .cur-v{color:var(--ink)}.hud-wx{background:var(--well);min-height:44px;box-shadow:inset 0 2px 0 var(--edge-dk), inset 0 0 0 2px #1f2a4d;text-align:left;border:0;grid-area:wx;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.hud-wx .pix{font-size:22px}.wx-t{flex-direction:column;min-width:0;display:flex}.wx-name{max-width:170px;font-size:13px;font-weight:600;line-height:1.1}.wx-t .until{color:var(--ink2);font-size:18px}.wx-clear .pix{color:#ffd45c;--ic3:#fff6c8}.wx-rain .pix{color:#8fb4e8;--ic2:#4aa8ff}.wx-blizzard .pix{color:#c9d6f0;--ic3:#fff}.wx-bloodmoon .pix{color:#ff4f5e;--ic2:#8a1022}.wx-surge .pix{color:#ff8a3d;--ic2:#ffd45c;--ic3:#fff}.wx-bloom .pix{color:#59f0d0;--ic3:#eafffb}.wx-maelstrom .pix{color:#b06bff}.hb-nav{background:var(--panel);box-shadow:0 -2px 0 var(--edge), 0 -4px 0 var(--edge-dk);z-index:3;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:4px 6px;display:grid;position:relative}.nav-b{min-width:0;min-height:52px;color:var(--ink2);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;display:flex;position:relative}.nav-b .pix{font-size:22px}.nav-l{overflow-wrap:anywhere;max-width:100%;font-size:12px;font-weight:600}.nav-b.is-on{color:var(--ink);background:var(--panel3);box-shadow:inset 0 3px 0 var(--liquid), inset 0 0 0 2px var(--edge-hi)}.nav-b.is-on .pix{color:var(--liquid)}@media (hover:hover){.nav-b:not(.is-on):hover{color:var(--ink);background:var(--panel2)}}.nav-badge{background:var(--panel3);min-width:18px;height:18px;color:var(--ink);font-family:var(--f-num);box-shadow:0 0 0 2px var(--edge-dk);place-items:center;padding:0 4px;font-size:16px;line-height:1;display:grid;position:absolute;top:3px;right:calc(50% - 22px)}.nav-badge.is-hot{background:var(--gold);color:#2a1c00;animation:1s steps(2,end) infinite pulse}.hb-panel{z-index:2;flex-direction:column;min-height:0;display:flex;position:absolute}.hb-panel[hidden]{display:none}.panel-h{background:var(--panel2);min-height:48px;box-shadow:inset 0 -2px 0 var(--edge), inset 0 2px 0 #ffffff0f, inset 2px 0 0 var(--edge), inset -2px 0 0 var(--edge);background-image:repeating-linear-gradient(135deg,#0000001f 0 4px,#0000 4px 8px);flex:none;align-items:center;gap:8px;padding:4px 4px 4px 14px;display:flex}.panel-h h2{letter-spacing:.02em;min-width:0;text-shadow:0 2px 0 var(--edge-dk);overflow-wrap:anywhere;flex:1;font-size:19px;font-weight:700}.panel-b{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge-hi) transparent;flex:auto;min-height:0;padding:12px 14px 16px;position:relative;overflow:hidden auto}.panel-b::-webkit-scrollbar{width:10px}.panel-b::-webkit-scrollbar-track{background:0 0}.panel-b::-webkit-scrollbar-thumb{background:var(--edge-hi);background-clip:content-box;border:2px solid #0000}.panel-f{background:var(--panel2);box-shadow:inset 0 2px 0 var(--edge), inset 2px 0 0 var(--edge), inset -2px 0 0 var(--edge), inset 0 -2px 0 var(--edge);flex:none;padding:10px 14px 12px}.panel-f[hidden]{display:none}.foot-row{align-items:flex-start;gap:10px;display:flex}.foot-row>.btn-wrap:first-child:not(.btn-wrap-wide){flex:none}.hb-panel.mode-panel{max-height:calc(100% - 64px);animation:drawer-in .22s var(--ease) both;bottom:6px;left:6px;right:6px}@keyframes drawer-in{0%{opacity:0;transform:translateY(24px)}}.hb-panel.mode-modal{width:min(580px,100% - 16px);max-height:calc(100% - 16px);animation:modal-in .24s var(--spring) both;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.hb-panel.mode-full{box-shadow:none;background:0 0;justify-content:center;align-items:center;inset:0}.hb-panel.mode-full .panel-h,.hb-panel.mode-full .panel-f{display:none}.hb-panel.mode-full .panel-b{flex-direction:column;flex:0 auto;align-items:stretch;gap:16px;width:min(440px,100%);max-height:100%;padding:16px;display:flex}.hb-ui.is-title{grid-template-rows:minmax(0,1fr)}.hb-ui.is-title .hb-stage{grid-area:1/1/-1/-1}.hb-ui.is-title .hb-hud,.hb-ui.is-title .hb-nav,.hb-ui.is-title .hb-lb{display:none}.hb-lb{z-index:4;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-height:calc(100% - 16px);display:flex;position:absolute;top:8px;right:8px}.lb-chip{background:var(--panel);min-height:44px;color:var(--gold);box-shadow:-2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), inset 0 0 0 2px var(--edge);border:0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.lb-chip .pix{font-size:18px}.lb-chip .num{color:var(--ink);font-size:22px}.lb-chip.is-climb{animation:.6s steps(3,end) 3 climb}@keyframes climb{50%{box-shadow:0 0 0 2px var(--gold), inset 0 0 0 2px var(--gold);transform:translateY(-3px)}}.lb-climb{color:var(--ok);font-family:var(--f-num);align-items:center;gap:0;font-size:18px;display:inline-flex}.lb-panel{flex-direction:column;width:min(280px,100vw - 16px);min-height:0;display:none}.lb-panel.is-open{display:flex}.lb-h{color:var(--gold);box-shadow:inset 0 -2px 0 var(--edge);background:var(--panel2);align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.lb-h h2{color:var(--ink);flex:1;font-size:15px}.lb-live{color:var(--ok);align-items:center;gap:5px;font-size:12px;display:inline-flex}.lb-live i{background:var(--ok);width:6px;height:6px;animation:1.4s steps(2,end) infinite pulse}.lb-list{min-height:0;padding:6px;overflow-y:auto}.lb-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;padding:3px 6px;display:grid}.lb-row:nth-child(odd){background:#ffffff06}.lb-rank{color:var(--ink3);text-align:right}.lb-row.top-1 .lb-rank{color:var(--gold)}.lb-row.top-2 .lb-rank{color:#d6dcef}.lb-row.top-3 .lb-rank{color:#d99a5b}.lb-name{overflow-wrap:anywhere;font-size:14px}.lb-name em{background:var(--liquid);color:#04201f;vertical-align:1px;padding:0 4px;font-size:11px;font-style:normal}.lb-score{color:var(--ink2)}.lb-row.is-me{box-shadow:inset 3px 0 0 var(--liquid);background:#3fd0c924}.lb-row.is-me .lb-score,.lb-row.is-me .lb-rank{color:var(--liquid)}.lb-row.is-climb{animation:.5s steps(2,end) 4 row-climb}@keyframes row-climb{50%{background:#f2c14e4d}}.lb-gap{text-align:center;color:var(--ink3);padding:0 0 4px;line-height:1}.lb-f{color:var(--ink2);box-shadow:inset 0 2px 0 var(--edge);justify-content:space-between;gap:8px;padding:8px 12px;font-size:13px;display:flex}.lb-f .num{color:var(--ink);font-size:18px}.hb-toasts{left:50%;top:calc(env(safe-area-inset-top,0px) + 112px);z-index:20;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100% - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--panel);box-shadow:-2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), inset 4px 0 0 var(--edge-hi);animation:toast-in .22s var(--spring) both;transition:opacity .3s var(--ease), transform .3s var(--ease);padding:10px 14px;font-size:14px}.toast.is-out{opacity:0;transform:translateY(-8px)}.toast-ok{box-shadow:-2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), inset 4px 0 0 var(--ok)}.toast-err{box-shadow:-2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), inset 4px 0 0 var(--bad);color:#ffd3d7}.toast-gold{box-shadow:-2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), inset 4px 0 0 var(--gold);color:#ffe7ad}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.sec{margin-top:14px}.sec-h{box-shadow:0 2px 0 var(--edge);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:4px;display:flex}.sec-h h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);font-size:13px;font-weight:700}.sec-aside{color:var(--ink2);font-size:13px}.sec-aside .pix{margin-right:4px}.hint{color:var(--ink2);overflow-wrap:anywhere;margin-top:6px;font-size:13px}.warn{color:var(--bad-ink);margin:6px 0;font-size:13px}.kv{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.kv-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kv>div{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);min-width:0;padding:6px 8px}.kv dt{color:var(--ink2);letter-spacing:.02em;font-size:12px}.kv dd{overflow-wrap:anywhere;margin-top:2px;font-size:14px}.kv dd.num{font-size:22px}.c-liquid{color:var(--liquid)}.c-locked{color:var(--locked)}.c-gold{color:var(--gold)}.c-bad{color:var(--bad-ink)}.c-ok{color:var(--ok)}.banner{align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;font-size:14px;display:flex}.banner .pix{flex:none;font-size:22px}.banner-storm{color:#e6d4ff;box-shadow:inset 0 0 0 2px var(--r-epic);background:#2a1546}.banner-storm .pix{color:var(--r-epic);animation:2s steps(8,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--ink2);flex-direction:column;align-items:center;gap:10px;padding:18px 8px;display:flex}.empty-state>.pix{color:var(--edge-hi);font-size:40px}.big-stat{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);text-align:center;margin-bottom:8px;padding:12px}.big-stat small{color:var(--ink2);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.big-stat b{margin-top:4px;font-size:44px;display:block}.big-stat b span{font-family:var(--f-ui);color:var(--ink2);font-size:14px}.chips{color:var(--ink2);flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.chip{background:var(--well);color:var(--ink);box-shadow:inset 0 0 0 2px var(--edge);align-items:center;gap:0;padding:4px 8px;display:inline-flex}.tag{background:var(--locked);color:#150a33;vertical-align:1px;margin-left:6px;padding:1px 5px;font-size:11px;display:inline-block}.art{--rc:var(--edge-hi);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--rc), inset 0 -4px 0 2px #00000040;color:var(--rc);background:#0d142b;flex:none;place-items:center;display:inline-grid;position:relative}.art img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain}.art .pix{font-size:26px}.art-sm{width:34px;height:34px}.art-sm img{width:24px;height:24px}.art-sm .pix{font-size:18px}.art-lg{width:64px;height:64px}.art-lg img{width:48px;height:48px}.art-lg .pix{font-size:38px}.r-common{--rc:var(--r-common)}.r-uncommon{--rc:var(--r-uncommon)}.r-rare{--rc:var(--r-rare)}.r-epic{--rc:var(--r-epic)}.r-legendary{--rc:var(--r-legendary)}.r-leviathan{--rc:var(--r-leviathan)}.r-none{--rc:var(--edge-hi)}.rt-common{color:var(--r-common)}.rt-uncommon{color:var(--r-uncommon)}.rt-rare{color:var(--r-rare)}.rt-epic{color:var(--r-epic)}.rt-legendary{color:var(--r-legendary)}.rt-leviathan{color:var(--r-leviathan)}.art.is-hidden{--rc:#2a3560;color:#26305a}.art.is-hidden img{filter:brightness(0);opacity:.55}.art-fallback .pix{--ic2:color-mix(in srgb, var(--rc) 55%, #000)}.fld{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.fld-l{color:var(--ink2);font-size:13px;font-weight:600}.fld-l em{color:var(--ink3);font-style:normal;font-weight:400}.fld-h{color:var(--ink2);font-size:13px}.fld-h.is-bad,.fld-err{color:var(--bad-ink);font-size:13px}.inp{width:100%;min-width:0;min-height:46px;color:var(--ink);font-family:var(--f-ui);box-shadow:inset 0 3px 0 #04070f, inset 0 0 0 2px var(--edge);appearance:none;background:#0a1022;border:0;border-radius:0;padding:8px 12px;font-size:16px}.inp:focus{box-shadow:inset 0 3px 0 #04070f, inset 0 0 0 2px var(--liquid);outline:none}.inp::placeholder{color:var(--ink3)}.inp-mono{font-family:var(--f-num);letter-spacing:.06em;font-size:22px}.amt-row{align-items:flex-start;gap:6px;display:flex}.amt-row .inp{flex:1}.amt-q{gap:4px;display:flex}.slider-row{align-items:center;gap:12px;display:flex}.slider-v{text-align:right;min-width:52px;color:var(--gold);font-size:24px}.slider-ticks{font-family:var(--f-num);color:var(--ink3);justify-content:space-between;margin-right:64px;font-size:15px;display:flex}.px-range{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px;margin:0}.px-range::-webkit-slider-runnable-track{background:var(--edge-dk);height:10px;box-shadow:inset 0 0 0 2px var(--edge)}.px-range::-moz-range-track{background:var(--edge-dk);height:10px;box-shadow:inset 0 0 0 2px var(--edge)}.px-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);width:22px;height:30px;box-shadow:inset -2px -3px 0 #0000004d, inset 2px 2px 0 #fff6, 0 0 0 2px var(--edge-dk);border:0;border-radius:0;margin-top:-10px}.px-range::-moz-range-thumb{background:var(--gold);width:22px;height:30px;box-shadow:inset -2px -3px 0 #0000004d, inset 2px 2px 0 #fff6, 0 0 0 2px var(--edge-dk);border:0;border-radius:0}.px-range:focus-visible{outline-offset:0}.toggles{flex-direction:column;gap:6px;display:flex}.toggle{background:var(--well);min-height:46px;box-shadow:inset 0 2px 0 var(--edge-dk);border:0;justify-content:space-between;align-items:center;padding:0 12px;font-weight:600;display:flex}.toggle i{background:var(--edge-dk);width:44px;height:22px;box-shadow:inset 0 0 0 2px var(--edge);position:relative}.toggle i:after{content:"";background:var(--ink3);width:16px;height:16px;transition:transform .14s var(--ease), background .14s var(--ease);position:absolute;top:3px;left:3px}.toggle[aria-checked=true] i:after{background:var(--liquid);transform:translate(22px)}.title-logo{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.title-mark{background:var(--panel);width:72px;height:72px;color:var(--liquid);box-shadow:-4px 0 0 var(--edge-dk), 4px 0 0 var(--edge-dk), 0 -4px 0 var(--edge-dk), 0 4px 0 var(--edge-dk), inset 0 0 0 3px var(--edge);place-items:center;animation:2.4s steps(4,end) infinite bob;display:grid}.title-mark .pix{font-size:44px}@keyframes bob{50%{transform:translateY(-4px)}}.title-word{letter-spacing:.04em;color:var(--ink);text-shadow:0 4px 0 var(--edge-dk), 4px 0 0 var(--edge-dk), -4px 0 0 var(--edge-dk), 0 -4px 0 var(--edge-dk), 0 8px 0 #00000073;flex-direction:column;font-size:clamp(44px,14vw,76px);font-weight:700;line-height:.86;display:flex}.title-word span:last-child{color:var(--liquid)}.title-tag{color:var(--ink);background:#0b1020c7;max-width:300px;padding:4px 10px;font-size:15px}.title-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.title-sub{text-align:center;color:var(--ink);background:#0b1020c7;padding:4px 8px;font-size:14px}.title-form{background:var(--panel);box-shadow:-4px 0 0 var(--edge-dk), 4px 0 0 var(--edge-dk), 0 -4px 0 var(--edge-dk), 0 4px 0 var(--edge-dk), inset 0 0 0 2px var(--edge);padding:16px}.wx-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.wx-cell{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);align-items:flex-start;gap:8px;min-width:0;padding:8px;display:flex}.wx-cell .pix{margin-top:2px;font-size:22px}.wx-cell-t{flex-direction:column;gap:2px;min-width:0;display:flex}.wx-cell b{font-size:13px;line-height:1.15}.wx-cell small{color:var(--ink2);font-size:13px;display:none}.wx-cell .num{color:var(--ink2);font-size:17px}.wx-cell.is-now{box-shadow:inset 0 2px 0 var(--edge-dk), inset 0 0 0 2px var(--edge-hi);grid-column:1/-1}.wx-cell.is-now small{display:block}.wx-cell.is-now b{font-size:15px}.wx-cell.is-now .pix{font-size:30px}.line-pips{flex-wrap:wrap;gap:6px;display:flex}.line-pip{flex:120px;min-width:0}.line-pip>span,.line-pip>button{text-align:left;border:0;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:44px;padding:4px 10px;font-size:13px;display:flex}.line-pip.is-free>span{color:var(--ink3);box-shadow:inset 0 0 0 2px var(--edge);background-image:repeating-linear-gradient(135deg,#ffffff08 0 4px,#0000 4px 8px)}.line-pip.is-out>button{box-shadow:inset 0 0 0 2px var(--liquid);background:#10303a}.line-pip.is-out>button>span:first-child{overflow-wrap:anywhere;line-height:1.15}.line-pip.is-done>button{box-shadow:inset 0 0 0 2px var(--gold);background:#3a2f10;animation:1.2s steps(2,end) infinite pulse}.line-pip b{color:var(--gold)}.line-pip .until,.line-pip b{white-space:nowrap;flex:none}.zones{flex-direction:column;gap:6px;display:flex}.zone{--zc:var(--tox);text-align:left;background:var(--well);width:100%;box-shadow:inset 4px 0 0 var(--zc), inset 0 2px 0 var(--edge-dk);border:0;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"d main""d req";align-items:center;gap:4px 10px;min-height:56px;padding:8px 10px 8px 8px;display:grid;position:relative}.z-shallows{--zc:var(--tox)}.z-reef{--zc:#3fd0c9}.z-graveyard{--zc:#b06bff}.z-trench{--zc:#4a7dff}.z-core{--zc:#ff4f7b}.zone.is-on{background:var(--panel3);box-shadow:inset 4px 0 0 var(--zc), inset 0 0 0 2px var(--zc)}.zone.is-locked .zone-main b{color:var(--ink2)}.zone-depth{font-family:var(--f-num);color:var(--zc);background:var(--edge-dk);grid-area:d;align-self:stretch;place-items:center;font-size:26px;display:grid}.zone-main{flex-wrap:wrap;grid-area:main;align-items:baseline;column-gap:8px;min-width:0;display:flex}.zone-main b{font-size:15px}.zone-risk{color:var(--ink2);font-size:12px}.risk-high,.risk-extreme{color:var(--bad-ink)}.zone-req{flex-wrap:wrap;grid-area:req;gap:4px;display:flex}.req{background:var(--edge-dk);align-items:center;gap:0;padding:1px 6px;font-size:12px;display:inline-flex}.req .pix{margin-right:4px;font-size:12px}.req.ok{color:var(--ok)}.req.no{color:var(--bad-ink)}.req .num{font-size:15px}.zone-lock{color:var(--ink3);font-size:16px;position:absolute;top:8px;right:10px}.zone-detail{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);margin-top:8px;padding:10px}.zone-blurb{color:var(--ink);font-size:13px}.zone-detail .kv{margin-bottom:4px}.zone-detail .kv>div{background:var(--panel)}.strain-calm{color:var(--ok)}.strain-taut{color:var(--liquid)}.strain-strain{color:var(--gold)}.strain-danger{color:var(--bad-ink)}.vortex{box-shadow:inset 0 0 0 2px var(--r-epic);background:#1d1236;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.vortex-swirl{color:var(--r-epic);flex:none;font-size:44px;line-height:0;animation:1.6s steps(8,end) infinite spin}.vortex b{font-size:16px}.vortex p{color:#d9c9ff;margin-top:4px;font-size:13px}.odds{flex-direction:column;gap:2px;display:flex}.odds .bad{color:var(--bad-ink)}.odds .good{color:var(--ok)}.fish-status{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);padding:10px}.fish-timer{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.fish-state{color:var(--liquid);font-size:14px;font-weight:700}.st-done .fish-state{color:var(--gold)}.st-snapped .fish-state{color:var(--bad-ink)}.fish-timer b{font-size:34px;line-height:.8}.fish-timer b .num{font-size:1em}.fish-status .kv>div{background:var(--panel)}.line-state{flex-direction:column;gap:8px;display:flex}.ls-row{grid-template-columns:72px minmax(0,1fr) 30px;align-items:center;gap:8px;font-size:13px;display:grid}.ls-row>span{color:var(--ink2);align-items:center;gap:6px;display:inline-flex}.ls-row b{text-align:right}.ls-strain{font-size:13px}.log{flex-direction:column;gap:4px;display:flex}.log-row{background:var(--well);animation:log-in .3s var(--spring) both;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:4px 8px 4px 4px;display:grid}@keyframes log-in{0%{opacity:0;transform:translate(-10px)}}.log-row:first-child{box-shadow:inset 0 0 0 2px var(--rc)}.log-n{flex-direction:column;min-width:0;display:flex}.log-n b{overflow-wrap:anywhere;color:var(--rc);font-size:14px}.log-row.r-common .log-n b{color:var(--ink)}.log-n small{font-family:var(--f-num);color:var(--ink2);font-size:15px}.log-g{font-size:18px}.log-row time{color:var(--ink3);font-size:16px}.log-wait{align-items:center;gap:8px;padding:10px;display:flex}.log-wait .pix{color:var(--edge-hi);font-size:22px;animation:1.6s steps(3,end) infinite bob}.haul-grid{cursor:pointer;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.haul-card{text-align:center;background:var(--well);box-shadow:inset 0 0 0 2px var(--rc), inset 0 -4px 0 2px #0003;opacity:0;transition:opacity .2s var(--ease), transform .3s var(--spring);flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;display:flex;position:relative;transform:translateY(10px)scale(.9)}.haul-card.is-in{opacity:1;transform:none}.haul-card.is-big{background:color-mix(in srgb, var(--rc) 14%, var(--well))}@keyframes big-flash{50%{box-shadow:inset 0 0 0 4px var(--rc), 0 0 0 2px var(--rc)}}.hc-new{background:var(--gold);color:#2a1c00;box-shadow:0 0 0 2px var(--edge-dk);padding:1px 6px 2px;font-size:12px;font-weight:700;position:absolute;top:-6px;right:-4px;transform:rotate(4deg)}.haul-card.is-new.is-in .hc-new{animation:new-pop .4s var(--spring) both}@keyframes new-pop{0%{transform:scale(0)rotate(-20deg)}}.hc-n{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.15}.hc-r{font-size:12px}.hc-g{font-family:var(--f-num);font-size:17px}.haul-sum{opacity:0;transition:opacity .3s var(--ease);margin-top:12px}.haul-sum.is-in{opacity:1}.haul-level{background:var(--gold);color:#2a1c00;text-align:center;padding:8px 10px;font-weight:700}.haul-rank{background:var(--well);color:var(--ink2);align-items:center;gap:8px;margin-top:6px;padding:8px 10px;font-size:14px;display:flex}.haul-rank .pix{font-size:18px}.haul-rank.is-up{color:var(--ok);box-shadow:inset 0 0 0 2px var(--ok)}.pillars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.pillar{background:var(--well);min-height:74px;box-shadow:inset 0 2px 0 var(--edge-dk);color:var(--ink2);border:0;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 4px 6px;display:flex;position:relative}.pillar .pix{font-size:22px}.pillar .bar,.pillar-d{width:80%;min-width:0;height:8px}.pillar-l{font-size:13px;font-weight:600}.pillar-s{font-size:15px}.pillar.is-on{background:var(--panel3);color:var(--ink);box-shadow:inset 0 0 0 2px var(--edge-hi), inset 0 -3px 0 2px var(--liquid)}.pillar.is-on .pix{color:var(--liquid)}.pillar-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 0 2px var(--edge-dk);position:absolute;top:5px;right:6px}.ws-kits{color:var(--ink2);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.ws-kits>.pix{color:var(--locked);font-size:16px}.ws-bal{color:var(--liquid);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.gear-card{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);padding:12px}.gear-h{align-items:center;gap:10px;margin-bottom:8px;display:flex}.gear-ic{background:var(--panel3);width:44px;height:44px;color:var(--liquid);box-shadow:inset 0 0 0 2px var(--edge-hi);flex:none;place-items:center;display:grid}.gear-ic .pix{font-size:26px}.gear-t{flex-direction:column;flex:1;min-width:0;display:flex}.gear-t small{color:var(--ink2);font-size:12px}.gear-t b{font-size:17px;line-height:1.15}.gear-lv{color:var(--gold);font-size:22px}.gear-stat{margin:8px 0;font-size:14px}.gear-dur{color:var(--ink2);grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;gap:8px;font-size:13px;display:grid}.gear-dur b{color:var(--ink);text-align:right}.gear-acts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;margin-top:12px;display:grid}.gear-acts .btn-wrap{display:flex}.gear-acts .btn{width:100%}.shop{flex-direction:column;gap:6px;margin-top:8px;display:flex}.shop-row{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"a n""b b";gap:8px 10px;padding:8px;display:grid}.shop-row>.art{grid-area:a}.shop-n{flex-direction:column;grid-area:n;gap:2px;min-width:0;display:flex}.shop-n b{font-size:15px}.shop-n small{color:var(--ink2);font-size:13px}.shop-n .owned{color:var(--ink)}.shop-b{grid-area:b;grid-template-columns:1fr 1fr;gap:8px;display:grid}.shop-b .btn-wrap{display:flex}.shop-b .btn{flex-direction:row;justify-content:space-between;gap:8px;width:100%}.jr-top{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);flex-direction:column;gap:6px;padding:10px;display:flex}.jr-pct{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.jr-pct b{color:var(--gold);font-size:40px;line-height:.9}.jr-pct small{color:var(--ink2);font-size:13px}.jr-top .bar{height:14px}.jr-top .hint{margin-top:0}.ms-list{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--edge-hi) transparent;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.ms{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);scroll-snap-align:start;flex-direction:column;flex:0 0 150px;gap:4px;padding:8px;display:flex}.ms-p{color:var(--ink3);font-size:22px}.ms-t{flex-direction:column;min-height:46px;display:flex}.ms-t b{font-size:13px;line-height:1.15}.ms-t small{color:var(--ink2);font-size:12px;line-height:1.2}.ms-s{color:var(--ink3);align-items:flex-end;min-height:24px;font-size:12px;display:flex}.ms-claimed{box-shadow:inset 0 2px 0 var(--edge-dk), inset 3px 0 0 var(--ok)}.ms-claimed .ms-p,.ms-claimed .ms-s{color:var(--ok)}.ms-ready{box-shadow:inset 0 0 0 2px var(--gold);background:#2e2610}.ms-ready .ms-p{color:var(--gold)}.ms-locked .ms-t b{color:var(--ink2)}.seg-tabs{margin-top:14px}.seg-tabs .seg-item{flex-direction:column;flex:calc(25% - 4px);gap:0;padding:2px 4px;font-size:13px}.jr-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.jr-cell{background:var(--well);width:100%;box-shadow:inset 0 2px 0 var(--edge-dk);border:0;flex-direction:column;align-items:center;gap:4px;min-height:92px;padding:8px 4px 6px;display:flex;position:relative}.jr-cell.is-on{box-shadow:inset 0 0 0 2px var(--gold)}.jr-n{text-align:center;overflow-wrap:anywhere;font-size:12px;line-height:1.15}.jr-cell.is-hidden .jr-n{color:var(--ink3)}.jr-c{color:var(--ink2);font-size:15px;position:absolute;top:4px;left:6px}.jr-wx{font-size:12px;position:absolute;top:4px;right:5px}.jr-detail,.jr-detail-empty{margin-top:10px}.jr-detail{background:var(--well);box-shadow:inset 0 0 0 2px var(--edge-hi);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px;display:flex}.jr-detail b{font-size:15px}.jr-detail span{font-size:12px}.jr-detail p{color:var(--ink2);flex:1 0 100%;font-size:13px}.jr-detail .flavor{color:var(--ink);font-style:italic}.records{flex-direction:column;gap:4px;display:flex}.rec{background:var(--well);grid-template-columns:22px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:grid}.rec-i{text-align:right;color:var(--ink3)}.rec-n{overflow-wrap:anywhere;font-size:14px}.rec b{color:var(--gold)}.rate-table{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.rate-table li{background:var(--well);flex-direction:column;align-items:center;padding:4px 2px;display:flex}.rate-table small{color:var(--ink3);font-size:11px}.rate-table b{font-size:18px}.rate-table .is-zero b{color:var(--ink3)}.rate-table .is-on{box-shadow:inset 0 0 0 2px var(--liquid);background:#10303a}.rate-table .is-on b{color:var(--liquid)}.tbl-wrap{margin-top:10px;overflow-x:auto}.matrix{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:13px}.matrix th,.matrix td{text-align:right;white-space:nowrap;padding:4px 6px}.matrix thead th{color:var(--ink2);font-size:12px;font-weight:600}.matrix thead th:first-child,.matrix tbody th{text-align:left}.matrix tbody tr{background:var(--well)}.matrix tbody th{white-space:normal;align-items:center;gap:6px;min-width:120px;font-weight:600;line-height:1.1;display:flex}.matrix tbody th .art{width:28px;height:28px}.matrix tbody th .art .pix{font-size:16px}.matrix tr.is-owned{box-shadow:inset 3px 0 0 var(--gold)}.matrix td.num{font-size:18px}.pearl-list,.stake-list,.mk-list,.crate-list{flex-direction:column;gap:6px;display:flex}.pearl-row,.stake-row,.mk-row{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.pr-n,.mk-n{flex-direction:column;gap:3px;min-width:0;display:flex}.pr-n b,.mk-n b{font-size:14px}.pr-calc{flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:17px;display:flex}.pr-calc .pix{color:var(--ink3);font-size:10px}.stake-form{margin-top:4px}.stake-form .kv>div{background:var(--panel)}.stake-row{grid-template-columns:minmax(0,1fr) auto auto}.stake-row>span:first-child{flex-direction:column;min-width:0;display:flex}.stake-row small{color:var(--ink2);font-size:12px}.stake-t{font-size:13px}.fee-note{color:var(--ink2);background:var(--well);box-shadow:inset 3px 0 0 var(--gold);margin-bottom:10px;padding:8px 10px;font-size:13px}.mk-row{grid-template-columns:auto minmax(0,1fr) auto auto}.mk-n small{color:var(--ink2);font-size:12px}.mk-p{color:var(--ink);flex-direction:column;align-items:flex-end;font-size:22px;display:flex}.mk-p small{font-family:var(--f-ui);color:var(--ink2);font-size:10px}.picks{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.pick{background:var(--well);min-height:44px;box-shadow:inset 0 0 0 2px var(--edge);text-align:left;border:0;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex}.pick.is-on{background:var(--panel3);box-shadow:inset 0 0 0 2px var(--gold)}.sell-form .kv{grid-template-columns:repeat(2,minmax(0,1fr))}.sell-form .kv>div{background:var(--panel)}.jackpot{text-align:center;box-shadow:inset 0 0 0 2px var(--gold), inset 0 -4px 0 2px #0000004d;background:#241c0a repeating-linear-gradient(90deg,#f2c14e0f 0 4px,#0000 4px 8px);flex-direction:column;align-items:center;gap:4px;padding:14px 12px;display:flex}.jp-l{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:0;font-size:13px;font-weight:700;display:inline-flex}.jp-v{color:var(--gold);text-shadow:0 3px #6a4a00;font-size:46px}.jp-v span{font-family:var(--f-ui);color:#d9b45a;text-shadow:none;font-size:14px}.jackpot small{color:#d8c38f;max-width:360px;font-size:12px}.crate-list{margin-top:10px}.crate-card{background:var(--well);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rc) 40%, transparent), inset 0 -4px 0 2px #0003;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"a n""b b";gap:8px 12px;padding:10px;display:grid}.crate-card>.art{grid-area:a}.crate-n{flex-direction:column;grid-area:n;gap:3px;min-width:0;display:flex}.crate-n b{font-size:16px}.crate-n small{color:var(--ink2);font-size:13px}.crate-n .owned{color:var(--ink)}.crate-b{grid-area:b;grid-template-columns:1fr 1fr;gap:8px;display:grid}.crate-b .btn-wrap{display:flex}.crate-b .btn{width:100%}.crate-open{z-index:5;text-align:center;background:#0b1020f0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.crate-burst{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc) 35%, transparent) 0 10deg, transparent 10deg 30deg);opacity:0;width:220px;height:220px;position:absolute}.crate-open.is-done .crate-burst{opacity:1;animation:8s linear infinite spin}.crate-shake{animation:.18s steps(2,end) infinite shake;position:relative}.crate-open.is-done .crate-shake{animation:pop .4s var(--spring) both}@keyframes shake{0%{transform:translate(-3px)rotate(-3deg)}to{transform:translate(3px)rotate(3deg)}}@keyframes pop{0%{transform:scale(1.4)}}.crate-t{font-size:16px;font-weight:700;position:relative}.loot{flex-direction:column;gap:6px;width:min(300px,100%);display:flex;position:relative}.loot li{background:var(--panel);box-shadow:inset 0 0 0 2px var(--edge-hi);animation:log-in .3s var(--spring) both;animation-delay:calc(var(--i) * .15s);padding:8px 10px;font-size:14px}.crate-open .btn-wrap{width:min(300px,100%);position:relative}.pf-head{align-items:center;gap:12px;display:flex}.pf-ava{background:var(--panel3);width:56px;height:56px;color:var(--gold);box-shadow:inset 0 0 0 2px var(--edge-hi);--ic2:#e2b98f;--ic3:#1a2340;flex:none;place-items:center;display:grid}.pf-ava .pix{font-size:36px}.pf-t{flex-direction:column;min-width:0;display:flex}.pf-t b{overflow-wrap:anywhere;font-size:20px}.pf-t small{color:var(--gold);font-size:13px}.ref-row{align-items:center;gap:8px;display:flex}.ref-code{min-width:0;box-shadow:inset 0 3px 0 #04070f, inset 0 0 0 2px var(--edge);font-family:var(--f-num);letter-spacing:.08em;color:var(--gold);overflow-wrap:anywhere;background:#0a1022;flex:1;padding:8px 10px;font-size:24px}.nft-none,.nft-card{align-items:center;gap:12px;display:flex}.nft-none p{color:var(--ink2);margin-bottom:8px;font-size:13px}.nft-t{flex-direction:column;gap:2px;min-width:0;display:flex}.nft-t b{font-size:17px}.nft-t small{color:var(--ink2);font-size:13px}.fx-list{flex-direction:column;gap:4px;margin:10px 0;font-size:13px;display:flex}.fx-list li{padding-left:14px;position:relative}.fx-list li:before{content:"";background:var(--liquid);width:6px;height:6px;position:absolute;top:.45em;left:2px}.burn-row{flex-direction:column;gap:8px;margin-top:12px;display:flex}.tk-supply,.tk-burned{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.tk-supply small,.tk-burned small{color:var(--ink2);font-size:12px}.tk-supply b{font-size:30px}.tk-burned{margin-top:10px}.tk-burned b{font-size:26px}.tk-bar{background:var(--edge-dk);height:16px;box-shadow:0 0 0 2px var(--edge-dk);margin:8px 0;position:relative}.tk-bar i{box-shadow:inset -2px 0 0 var(--edge-dk);position:absolute;top:0;bottom:0}.tk-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.tk-legend li{grid-template-columns:10px minmax(0,1fr) auto;grid-template-areas:"c l p""c s s";align-items:center;column-gap:6px;font-size:13px;display:grid}.tk-legend i{grid-area:c;align-self:start;width:10px;height:10px;margin-top:3px}.tk-legend span{grid-area:l}.tk-legend b{grid-area:p;font-size:18px}.tk-legend small{color:var(--ink3);grid-area:s;font-size:15px}.offline-note{color:var(--ink2);background:var(--well);box-shadow:inset 3px 0 0 var(--edge-hi);margin-top:16px;padding:8px 10px;font-size:13px}@media (max-width:639px) and (orientation:portrait){.hb-hud{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cur cur""lvl wx";gap:4px 6px;padding:4px 6px}.hud-cur{justify-content:stretch}.cur{flex:1 1 0;justify-content:center;gap:4px;padding:0 6px}.cur-n{display:none}.lvl-xp{flex:1;width:auto;min-width:0}.hud-lvl{min-width:0}.hud-wx{min-height:44px}.wx-name{max-width:120px}.hb-toasts{top:calc(env(safe-area-inset-top,0px) + 108px)}}@media (max-width:479px){.nav-l{display:none}.nav-b{min-height:48px}.kv-4{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-b{padding:10px 10px 14px}.panel-f{padding:8px 10px 10px}.gear-acts{gap:8px 6px}.mk-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"a n p""b b b"}.mk-row>.art{grid-area:a}.mk-row>.mk-n{grid-area:n}.mk-row>.mk-p{grid-area:p}.mk-row>.btn-wrap{grid-area:b;display:flex}.mk-row>.btn-wrap .btn{width:100%}.pearl-row{grid-template-columns:auto minmax(0,1fr)}.pearl-row>.btn-wrap{grid-column:1/-1;display:flex}.pearl-row>.btn-wrap .btn{width:100%}.tk-legend{grid-template-columns:1fr}.matrix th:nth-child(5),.matrix td:nth-child(5){display:none}.matrix th,.matrix td{padding:4px}.matrix tbody th{min-width:0}.amt-row{flex-wrap:wrap}.amt-row .inp,.stake-form .amt-q{flex:100%}.stake-form .amt-q .btn-wrap{flex:1}.sell-form .amt-row .inp{flex:1 1 0;order:0}.sell-form .amt-row{flex-wrap:nowrap}}@media (max-width:359px){.hb-ui{font-size:14px}.cur .pix{font-size:15px}.cur-v .num{font-size:19px}.wx-name{display:none}.pillar-l{font-size:11px}.matrix tbody th .art{display:none}.wx-cell:not(.is-now){flex-direction:column;gap:4px}.hb-nav{gap:0;padding:4px 2px}.rate-table{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:559px){.hb-hud{gap:6px;padding:2px 6px}.lvl-badge{width:32px;height:32px;font-size:20px}.lvl-xp{width:64px}.lvl-xp-t,.cur-n,.wx-name{display:none}.hud-cur{gap:4px}.cur{gap:4px;padding:0 6px}.cur-v .num{font-size:19px}.hud-wx{gap:4px;padding:0 6px}.hb-ui:not(.is-title){grid-template:"hud hud""stage nav"minmax(0,1fr)/minmax(0,1fr) auto}.hb-hud{grid-area:hud;padding:1px 6px}.hb-stage{grid-area:stage}.hb-nav{box-shadow:-2px 0 0 var(--edge), -4px 0 0 var(--edge-dk);scrollbar-width:none;grid-area:nav;grid-template-columns:repeat(2,44px);grid-auto-rows:44px;grid-auto-columns:auto;grid-auto-flow:row;align-content:start;gap:0;padding:0 2px 0 4px;overflow-y:auto}.nav-l{display:none}.nav-b{min-height:44px;padding:0}.nav-b .pix{font-size:20px}.nav-badge{top:2px;right:2px}.hb-lb{top:auto;right:calc(env(safe-area-inset-right,0px) + 2px);bottom:calc(env(safe-area-inset-bottom,0px) + 0px);flex-direction:column-reverse;max-height:calc(100% - 52px);position:fixed}.lb-chip{width:44px;box-shadow:inset 0 0 0 2px var(--edge);justify-content:center;padding:0}.lb-chip>.pix,.lb-climb{display:none}.lb-chip .num{font-size:19px}.hb-lb{max-height:calc(100% - 4px)}.lb-panel{max-height:calc(100vh - 56px)}.lb-h{padding:6px 10px}.lb-f{padding:4px 10px}.lb-row{min-height:24px;padding:1px 6px}.panel-f .btn-sub{display:none}.panel-f .btn{flex-direction:row;gap:10px}.hb-panel.mode-panel{width:min(460px,100% - 12px);max-height:none;animation-name:side-in;inset:6px auto 6px 6px}.hb-panel.mode-panel,.hb-panel.mode-modal{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge-hi) transparent;display:block;overflow-y:auto}.hb-panel.mode-modal{animation:none;top:4px;bottom:4px;transform:translate(-50%)}.hb-panel.mode-panel .panel-b,.hb-panel.mode-modal .panel-b{overflow:visible}.hb-panel.mode-panel .panel-f,.hb-panel.mode-modal .panel-f{z-index:3;position:sticky;bottom:0}.panel-h{min-height:44px}.panel-h h2{font-size:16px}.panel-b{padding:8px 10px 10px}.panel-f{padding:6px 10px 8px}.btn-xl{min-height:44px;font-size:16px}.hb-toasts{width:min(320px,100% - 16px);top:54px;left:auto;right:8px;transform:none}.hb-panel.mode-full .panel-b{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;width:min(640px,100%);display:grid}.title-word{font-size:clamp(34px,9vh,60px)}.title-mark{width:48px;height:48px}.title-mark .pix{font-size:30px}.title-tag{font-size:13px}.title-form{padding:10px}.title-form .fld{margin-bottom:6px}.title-form .fld-h{font-size:12px}}@keyframes side-in{0%{opacity:0;transform:translate(-24px)}}@media (min-width:900px) and (min-height:560px){.hb-hud{padding:6px 14px}.hb-nav{grid-auto-columns:minmax(0,104px);justify-content:center;gap:6px}.hb-panel.mode-panel{width:460px;max-height:calc(100% - 28px);animation-name:side-in;inset:14px auto auto 14px}.hb-lb{top:14px;right:14px}.lb-chip{display:none}.lb-panel{width:280px;display:flex}.hb-toasts{top:86px}}@media (min-width:1500px) and (min-height:800px){.hb-ui{font-size:16px}.hb-panel.mode-panel{width:540px}.lb-panel{width:320px}.lb-name{font-size:15px}.lvl-xp{width:180px}}@media (prefers-reduced-motion:reduce){.hb-ui *,.hb-ui :before,.hb-ui :after{transition:none!important;animation:none!important}.haul-card,.haul-sum{opacity:1;transform:none}}.chip .pix,.jp-l .pix{margin-right:6px}.ms>.btn-wrap,.ms>.ms-s{margin-top:auto}@media (min-width:900px) and (min-height:560px){.hb-panel.mode-full .panel-b{gap:22px;width:min(560px,100%)}.title-word{font-size:112px}.title-mark{width:96px;height:96px}.title-mark .pix{font-size:60px}.title-tag{max-width:420px;font-size:18px}.title-actions .btn-xl{min-height:60px;font-size:22px}}:root{--ease-out:cubic-bezier(.23, 1, .32, 1)}.hb-ui{font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0}.btn:not(:disabled):active,.nav-b:active,.cur:active,.hud-wx:active,.zone:active,.seg-item:not(:disabled):active,.pillar:active,.toggle:active,.wx-row:active{scale:.96}.btn,.nav-b,.cur,.hud-wx,.zone,.seg-item,.pillar,.toggle,.wx-row{transition-property:transform,scale,filter,background-color;transition-duration:.12s;transition-timing-function:var(--ease-out)}.wx-left{white-space:nowrap;align-items:baseline;display:inline-flex}.wx-left .until{color:var(--ink2);font-size:18px}.wx-left-l{color:var(--ink3);margin-left:4px;font-size:12px}.cur.is-pop{animation:cur-pop .36s var(--ease-out)}@keyframes cur-pop{40%{filter:brightness(1.4);scale:1.12}}.cur.is-spend{animation:cur-spend .3s var(--ease-out)}@keyframes cur-spend{40%{filter:brightness(.8);translate:0 2px}}.hud-wx.is-pulse{animation:.5s steps(2,end) 3 pulse}.fly-tok{z-index:40;pointer-events:none;background:var(--locked);width:10px;height:10px;box-shadow:0 0 0 2px var(--edge-dk), inset -2px -2px 0 #0000004d, inset 2px 2px 0 #fff6;will-change:transform;position:fixed}.fly-tok.tok-liquid{background:var(--liquid)}.fly-tok.tok-pearl{background:var(--gold);width:12px;height:12px}.nav-new{background:var(--gold);color:#2a1c00;box-shadow:0 0 0 2px var(--edge-dk);padding:0 4px 1px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:2px;right:calc(50% - 26px)}.nav-badge.is-warn{background:var(--bad);color:#2a0006}.nav-badge.is-warn .pix{font-size:12px}.lb-f{flex-wrap:wrap}.lb-next{color:var(--ok);flex:100%;font-size:13px}.hb-sheet{z-index:25;top:calc(env(safe-area-inset-top,0px) + 60px);pointer-events:auto;background:var(--panel);width:min(360px,100% - 16px);animation:sheet-in .18s var(--ease-out) both;flex-direction:column;gap:8px;padding:12px 14px 14px;font-size:14px;display:flex;position:fixed;left:50%;translate:-50%}.hb-sheet[hidden]{display:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(-6px)}}.hb-sheet h3{align-items:center;gap:8px;font-size:17px;display:flex}.hb-sheet h3 .pix{font-size:22px}.hb-sheet p{color:var(--ink2);text-wrap:pretty}.sheet-wx{flex-direction:column;gap:4px;display:flex}.sheet-wx li{background:var(--well);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.sheet-wx .num{color:var(--ink2);font-size:18px}.hb-sheet .sheet-left .until{color:var(--ink);font-size:18px}.hb-sheet .sheet-prog{color:var(--ink)}.bar-locked>i{background:var(--locked)}.hb-banner{z-index:26;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 70px);color:#ffd3d7;pointer-events:auto;width:min(460px,100% - 16px);box-shadow:0 0 0 2px var(--bad), 0 0 0 4px var(--edge-dk);background:#3a1a22;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:14px;display:flex;position:fixed;translate:-50%}.hb-banner[hidden]{display:none}.hb-banner>span{flex:1}.hb-ui .hb-panel[hidden]{display:none}.hb-over{z-index:30;pointer-events:auto;animation:veil-in .2s var(--ease-out) both;background:#04081480;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.hb-over[hidden]{display:none}@keyframes veil-in{0%{opacity:0}}.away-card,.conf-card{width:min(480px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);animation:card-in .26s var(--ease-out) both;flex-direction:column;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.away-b{background:var(--panel);flex-direction:column;flex:auto;gap:10px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.away-b>p{text-wrap:pretty}.away-lines{flex-direction:column;gap:6px;display:flex}.away-line{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);animation:card-in .3s var(--ease-out) both;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 10px;display:grid}.away-line:nth-child(2){animation-delay:60ms}.away-line:nth-child(3){animation-delay:.12s}.away-line-h{flex-direction:column;gap:1px;display:flex}.away-line-h small{color:var(--ink2);font-size:12px}.away-line-h small:last-child{color:var(--ink3)}.away-line-s{color:var(--ink2);text-align:right;align-self:center;font-size:13px}.away-line-s .num{color:var(--ink);font-size:18px}.away-best{grid-column:1/-1;align-items:center;gap:8px;font-size:13px;display:flex}.away-wx small{color:var(--ink2);margin-bottom:4px;font-size:12px;display:block}.away-wx ol{flex-wrap:wrap;gap:4px;display:flex}.away-wx li{background:var(--well);place-items:center;width:32px;height:32px;display:grid}.away-wx li .pix{font-size:20px}.away-wx li.is-extreme{box-shadow:inset 0 0 0 2px var(--bad)}.away-news li{box-shadow:inset 3px 0 0 var(--ok);padding:4px 0 4px 10px;font-size:13px}.away-rank{color:var(--ink2);align-items:center;gap:8px;display:flex}.away-rank.is-up{color:var(--ok)}.tier-card{text-align:center;width:min(380px,100%);animation:tier-in .42s var(--ease-out) both;flex-direction:column;align-items:center;gap:8px;padding:22px 18px 16px;display:flex;position:relative;overflow:hidden}@keyframes tier-in{0%{opacity:0;transform:scale(.9)}}.tier-burst{background:repeating-conic-gradient(#f2c14e29 0 10deg, transparent 10deg 20deg);pointer-events:none;animation:8s linear infinite tier-spin;position:absolute;inset:-40%}@keyframes tier-spin{to{rotate:360deg}}.tier-kick{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:15px;font-weight:700;position:relative}.tier-ic{background:var(--gold);color:#2a1c00;width:72px;height:72px;box-shadow:inset -3px -4px 0 #0000004d, inset 3px 3px 0 #ffffff59, 0 0 0 3px var(--edge-dk);animation:tier-pop .5s var(--ease-out) .15s both;place-items:center;display:grid;position:relative}@keyframes tier-pop{0%{opacity:0;scale:.6}60%{scale:1.12}}.tier-ic .pix{font-size:44px}.tier-card h2{text-wrap:balance;font-size:24px;position:relative}.tier-card .hint{position:relative}.tier-gains{flex-direction:column;gap:4px;width:100%;margin:4px 0 6px;display:flex;position:relative}.tier-gains li{background:var(--well);padding:6px 10px;font-size:14px}.tier-gains .num{font-size:19px}.tier-card .btn-wrap{width:100%;position:relative}.coach{z-index:28;pointer-events:none;position:fixed;inset:0}.coach[hidden]{display:none}.coach-hole{box-shadow:0 0 0 200vmax #04081473, 0 0 0 3px var(--gold), 0 0 0 5px var(--edge-dk);transition:transform .2s var(--ease-out), width .2s var(--ease-out), height .2s var(--ease-out);position:absolute;top:0;left:0}.coach.is-in .coach-hole{animation:veil-in .25s var(--ease-out) both}.coach-tip{color:#1c1608;pointer-events:none;box-shadow:0 0 0 2px var(--edge-dk), 4px 4px 0 #00000059;background:#fff6dc;flex-direction:column;gap:6px;padding:10px 12px;font-size:15px;font-weight:600;line-height:1.25;display:flex;position:absolute;top:0;left:0}.coach-tip p{text-wrap:pretty}.coach-tip:before{content:"";left:calc(var(--ax,50%) - 7px);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#fff6dc;width:14px;height:14px;position:absolute}.coach-tip[data-side=below]:before{top:-8px}.coach-tip[data-side=above]:before{bottom:-8px}.coach-tip[data-side=none]:before{display:none}.coach.is-in .coach-tip[data-side=below]:before{animation:coach-bob-up 1.2s var(--ease-out) .3s infinite}.coach.is-in .coach-tip[data-side=above]:before{animation:coach-bob 1.2s var(--ease-out) .3s infinite}@keyframes coach-bob{50%{translate:0 4px}}@keyframes coach-bob-up{50%{translate:0 -4px}}.coach-acts{justify-content:flex-end;gap:8px;display:flex}.coach-acts .btn{pointer-events:auto;min-height:44px}.coach-acts .btn-ghost{--b:transparent;--t:#5a4a20;box-shadow:none;text-decoration:underline}.first-catch{z-index:27;pointer-events:auto;position:fixed;top:22%;left:50%;translate:-50%}.hb-ui.is-portrait .first-catch{top:calc(env(safe-area-inset-top,0px) + 96px)}.fc-card{text-align:center;background:var(--panel);width:min(280px,100vw - 24px);box-shadow:inset 0 0 0 2px var(--rc), -2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), 0 0 0 6px color-mix(in srgb, var(--rc) 30%, transparent);animation:fc-in .5s var(--ease-out) both;flex-direction:column;align-items:center;gap:4px;padding:14px 14px 12px;display:flex}@keyframes fc-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}.first-catch.is-out .fc-card{opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);transform:translateY(-8px)}.fc-kick{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.fc-n{font-size:18px}.fc-f{color:var(--ink2);text-wrap:pretty;font-size:13px}.fc-h{color:var(--ink3);font-size:12px}.bob-ic{vertical-align:-1px;background:linear-gradient(var(--bad) 0 50%, var(--ink) 50% 100%);width:8px;height:12px;box-shadow:0 0 0 2px var(--edge-dk);margin-right:8px;animation:1.1s steps(4,end) infinite hb-bob-ui;display:inline-block}@keyframes hb-bob-ui{50%{translate:0 3px}}.hb-panel.scr-haul .panel-f{flex-direction:column;gap:8px;display:flex}.haul-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.haul-grid.is-dim .haul-card.is-in{filter:brightness(.55)saturate(.6)}.haul-card{transition:opacity .18s var(--ease-out), transform .26s var(--ease-out), filter .25s var(--ease-out)}.haul-card.is-big.is-in{animation:big-flash .45s steps(3) 2, big-in .5s var(--ease-out)}@keyframes big-in{0%{transform:scale(1.18)}}.haul-card.is-junk.is-in{opacity:.8}.hc-x{color:var(--ink);font-size:20px;line-height:1;position:absolute;top:4px;left:6px}.hc-f{color:var(--ink2);text-wrap:pretty;font-size:11px;line-height:1.2}.haul-mss{flex-direction:column;gap:6px;margin-top:10px;display:flex}.haul-ms{box-shadow:inset 0 0 0 2px var(--gold);opacity:0;transition:opacity .22s var(--ease-out), transform .3s var(--ease-out);--rc:var(--gold);background:linear-gradient(90deg,#f2c14e47,#f2c14e14);align-items:center;gap:12px;padding:10px 12px;display:flex;transform:translateY(8px)}.haul-ms.is-in{opacity:1;animation:.45s steps(3,end) 2 big-flash;transform:none}.haul-ms-p{color:var(--gold);font-size:30px}.haul-ms-t{flex-direction:column;display:flex}.haul-ms-t small{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.haul-ms-t b{font-size:16px}.haul-ms-t span{color:var(--ink2);font-size:13px}.panel-f .haul-sum{flex-direction:column;gap:6px;margin:0;display:flex}.haul-sum-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.hs-cell{background:var(--well);flex-direction:column;gap:1px;min-width:0;padding:4px 8px 6px;display:flex}.hs-cell small{color:var(--ink2);white-space:nowrap;font-size:11px}.hs-cell b{font-size:22px;line-height:1}.hs-cell em{color:var(--ink2);font-size:14px;font-style:normal}.haul-xp .bar{height:6px;margin-top:3px}.haul-xp .bar>i{transition:width .7s var(--ease-out)}.panel-f .haul-level{text-align:left;opacity:0;transition:opacity .2s var(--ease-out), transform .3s var(--ease-out);align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex;transform:scale(.96)}.panel-f .haul-level.is-in{opacity:1;transform:none}.panel-f .haul-rank{margin:0;padding:6px 10px;font-size:13px}.panel-f .haul-rank.is-up{opacity:.4;transition:opacity .2s var(--ease-out)}.panel-f .haul-rank.is-up.is-in{opacity:1;animation:rank-up .5s var(--ease-out)}@keyframes rank-up{0%{transform:translateY(8px)}}.wx-row{background:var(--well);width:100%;min-height:48px;box-shadow:inset 0 2px 0 var(--edge-dk);text-align:left;border:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;display:flex}.wx-now{align-items:center;gap:8px;min-width:0;display:flex}.wx-now .pix{font-size:24px}.wx-now>span{flex-direction:column;min-width:0;display:flex}.wx-now b{font-size:14px}.wx-now small{color:var(--ink2);font-size:12px}.wx-now .until{font-size:16px}.wx-next{flex:none;gap:8px;display:flex}.wx-mini{flex-direction:column;align-items:center;display:flex}.wx-mini .pix{font-size:16px}.wx-mini .num{color:var(--ink2);font-size:14px}.wx-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.wx-list li{background:var(--well);gap:8px;padding:6px 10px;display:flex}.wx-list li>span{flex-direction:column;display:flex}.wx-list b{font-size:13px}.wx-list small{color:var(--ink2);font-size:12px}.hb-panel.scr-sea .line-pips{margin-top:8px}.zone.is-storm{opacity:.6}.seg-dur{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gear-main{margin-top:10px}.btn-gain .btn-sub{font-family:var(--f-ui);opacity:.92;font-size:13px}.gear-note{margin-top:6px}.ws-bal{color:var(--liquid);align-items:center;gap:6px;margin:8px 0 2px;display:flex}.ws-bal .num{color:var(--ink);font-size:22px}.ws-bal>span:last-child{color:var(--ink2);font-size:12px}.loot li.loot-i{box-shadow:inset 0 0 0 2px var(--rc);animation-delay:calc(var(--i) * .45s + .1s);align-items:center;gap:10px;display:flex}.link-btn{min-height:44px;color:var(--liquid);text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:14px;text-decoration:underline}.toggle>span{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.toggle small{color:var(--ink3);font-size:11px;font-weight:400}.vol-row{background:var(--well);box-shadow:inset 0 2px 0 var(--edge-dk);padding:6px 12px}.hb-dock{z-index:2;pointer-events:auto;animation:drawer-in .22s var(--ease-out) both;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.hb-dock[hidden]{display:none}.dock-lines,.dock-goal{background:var(--panel);box-shadow:-2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), inset 0 0 0 2px var(--edge);padding:10px 12px 12px}.dock-lines .sec-h h3{align-items:center;gap:6px;display:flex}.dock-lines ol{flex-direction:column;gap:6px;margin:6px 0;display:flex}.dock-line{background:var(--well);justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 10px;display:flex}.dock-line.is-done{box-shadow:inset 3px 0 0 var(--ok)}.dock-line-t{flex-direction:column;min-width:0;font-size:14px;display:flex}.dock-line-t small{color:var(--ink2);font-size:12px}.dock-line-t .until{color:var(--ink2)}.dock-goal header{flex-direction:column;margin-bottom:6px;display:flex}.dock-goal header small{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.dock-goal header b{font-size:17px}.dock-checks{flex-direction:column;gap:2px;margin-bottom:8px;font-size:13px;display:flex}.dock-checks li.ok{color:var(--ok)}.dock-checks li.no{color:var(--ink2)}.dock-goal-n{color:var(--ink2);margin:4px 0 8px;font-size:13px}.dock-goal-n .num{color:var(--ink);font-size:18px}.hb-ui.is-portrait .hb-panel.mode-panel,.hb-ui.is-portrait .hb-panel.mode-modal,.hb-ui.is-portrait .hb-dock{left:0;right:0;top:var(--sheet-top,45%);width:auto;max-height:none;animation:drawer-in .22s var(--ease-out) both;bottom:0;transform:none}.hb-ui.is-portrait .hb-dock{background:var(--bg);box-shadow:0 -2px 0 var(--edge), 0 -4px 0 var(--edge-dk);padding:6px 6px 8px;overflow-y:auto}.hb-ui.is-portrait .hb-toasts{top:calc(env(safe-area-inset-top,0px) + 100px)}@media (min-width:900px) and (min-height:560px){.hb-dock{width:360px;max-height:calc(100% - 28px);animation-name:side-in;inset:14px auto auto 14px;overflow-y:auto}.hb-panel.mode-panel.scr-haul{width:520px}.hb-sheet{top:72px}}@media (min-width:1500px) and (min-height:800px){.hb-panel.mode-panel.scr-haul{width:600px}}@media (orientation:landscape) and (max-height:559px){.hb-toasts{width:min(300px,100% - 114px);right:102px}.hb-over{padding:6px}.away-card,.conf-card{width:min(620px,100%);max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.away-b{gap:6px;padding:8px 10px}.tier-card{width:min(560px,100%);max-height:calc(100vh - 12px);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;max-height:calc(100dvh - 12px);padding:10px 14px;display:grid;overflow-y:auto}.tier-ic{grid-area:1/1/span 3;width:52px;height:52px}.tier-ic .pix{font-size:32px}.tier-kick,.tier-card h2,.tier-card .hint{grid-column:2}.tier-kick{font-size:12px}.tier-card h2{font-size:19px}.tier-gains{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0;display:grid}.tier-gains li{padding:4px 8px;font-size:12px}.tier-gains .num{font-size:15px}.tier-card .btn-wrap{grid-column:1/-1}.away-lines{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.hb-dock{gap:6px;width:min(300px,100% - 12px);inset:6px auto 6px 6px;overflow-y:auto}.dock-lines,.dock-goal{padding:6px 8px 8px}.dock-goal header b{font-size:15px}.hb-panel.mode-panel{width:min(560px,100% - 12px)}.sea-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}.sea-cols .zone-req,.sea-cols .zone-risk,.sea-cols .zone-blurb,.sea-cols .zone-depth{display:none}.sea-cols .zone{min-height:44px;padding:4px 8px}.sea-cols .zone-detail .kv{grid-template-columns:1fr}.sea-cols .seg-dur{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-row{min-height:44px}.wx-next .num{display:none}.hb-panel.scr-haul .haul-grid{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.hb-panel.scr-haul .haul-card{flex:0 0 84px;padding:8px 4px 6px}.hb-panel.scr-haul .haul-card .art-lg{width:40px;height:40px}.hb-panel.scr-haul .hc-f,.hb-panel.scr-haul .hc-r{display:none}.hb-panel.scr-haul .hc-n{font-size:11px}.hs-cell{flex-direction:row;align-items:baseline;gap:4px;padding:2px 6px}.hs-cell em,.haul-xp .bar{display:none}.hs-cell b{font-size:17px}.panel-f .haul-rank,.panel-f .haul-level{padding:2px 8px;font-size:12px}.hb-panel.scr-haul .panel-f{gap:4px}.hb-sheet{top:44px}.hb-banner{bottom:8px}.first-catch{top:40px}.fc-card .art-lg{width:40px;height:40px}.fc-f,.wx-left-l,.hb-panel.scr-sea .wx-row,.hb-panel.scr-sea .wx-list{display:none}.hb-panel.scr-sea .banner{padding:4px 8px;font-size:12px}.panel-f .haul-level,.panel-f .haul-rank{display:none}.coach-tip{flex-direction:row;align-items:center;gap:2px;padding:6px 8px;font-size:12px}.coach-tip p{flex:1}.coach-acts{flex-direction:column;gap:0}}html.hb-reduce .hb-ui *,html.hb-reduce .hb-ui :before,html.hb-reduce .hb-ui :after,html.hb-reduce .coach *,html.hb-reduce .first-catch *{transition:none!important;animation:none!important;scale:none!important}html.hb-reduce .haul-card,html.hb-reduce .haul-ms,html.hb-reduce .haul-sum,html.hb-reduce .panel-f .haul-level,html.hb-reduce .panel-f .haul-rank{opacity:1;transform:none}html.hb-reduce .fly-tok{display:none}.px-panel{background-color:var(--panel);box-shadow:-4px 0 0 0 var(--edge-dk), 4px 0 0 0 var(--edge-dk), 0 -4px 0 0 var(--edge-dk), 0 4px 0 0 var(--edge-dk), inset 0 0 0 2px var(--edge-hi), inset 0 0 0 4px var(--edge-dk), inset 4px 4px 0 2px #ffffff0d, 6px 8px 0 0 #02040c59;background-image:repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 4px),repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 6px)}.panel-h{box-shadow:inset 0 -2px 0 var(--edge-dk), inset 0 -4px 0 var(--edge-hi), inset 0 0 0 2px var(--edge-hi), inset 0 0 0 4px var(--edge-dk);background-color:#263262;background-image:linear-gradient(#ffffff12 0 2px,#0000 2px),repeating-linear-gradient(135deg,#00000024 0 4px,#0000 4px 8px);padding-left:16px}.panel-h h2{text-wrap:balance;letter-spacing:.03em}.panel-h:before{content:"";background:var(--gold);width:6px;height:18px;box-shadow:inset -2px -2px 0 #0000004d, 0 0 0 2px var(--edge-dk);flex:none}.panel-f{box-shadow:inset 0 2px 0 var(--edge-hi), inset 0 4px 0 var(--edge-dk), inset 2px 0 0 var(--edge-hi), inset -2px 0 0 var(--edge-hi), inset 0 -2px 0 var(--edge-hi)}.hb-panel.can-more .panel-f{box-shadow:0 -4px 0 0 #04081459, 0 -8px 0 0 #0408142e, inset 0 2px 0 var(--edge-hi), inset 0 4px 0 var(--edge-dk), inset 2px 0 0 var(--edge-hi), inset -2px 0 0 var(--edge-hi), inset 0 -2px 0 var(--edge-hi)}.hb-panel.can-more .panel-b:after{content:"";pointer-events:none;background:linear-gradient(transparent 0 30%, color-mix(in srgb, var(--panel) 60%, transparent) 30% 65%, var(--panel) 65%);height:22px;margin-top:-22px;display:block;position:sticky;bottom:-16px}.hb-panel.can-more .panel-b:before{content:"";z-index:2;float:right;background:var(--ink2);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;width:14px;height:8px;margin:0 -6px -8px 0;display:block;position:sticky;top:calc(100% - 18px)}.cur-v .num,.hs-cell b,.lb-score,.jp-v{font-variant-numeric:tabular-nums}.art img{outline-offset:-1px;outline:1px solid #ffffff0f}.haul-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px 6px;padding-top:6px}.haul-card.is-mini{gap:2px;padding:10px 4px 6px}.haul-card.is-mini .art-lg{width:44px;height:44px}.haul-card.is-mini .art-lg img{width:32px;height:32px}.haul-card.is-mini .hc-n{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.haul-card.is-mini .hc-r,.haul-card.is-mini .hc-f{display:none}.haul-card.is-mini .hc-g{font-size:15px;line-height:1}.haul-card.is-mini .hc-new{padding:0 4px 1px;font-size:10px;top:-6px;right:-3px}.haul-card.is-mini .hc-x{font-size:17px;top:3px;left:4px}.haul-card.is-hero{text-align:left;background:color-mix(in srgb, var(--rc) 12%, var(--well));box-shadow:inset 0 0 0 2px var(--rc), inset 0 0 0 4px var(--edge-dk), inset 0 -6px 0 4px #0000002e;order:-1;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art n""art r""art g""art f";align-content:center;justify-items:start;gap:2px 14px;padding:12px 14px;display:grid}.haul-card.is-hero>.art{grid-area:art;width:88px;height:88px}.haul-card.is-hero>.art img{width:64px;height:64px}.haul-card.is-hero .hc-n{grid-area:n;font-size:18px;font-weight:700}.haul-card.is-hero .hc-r{grid-area:r;font-size:13px}.haul-card.is-hero .hc-g{grid-area:g;font-size:22px}.haul-card.is-hero .hc-f{grid-area:f;font-size:12px}.haul-card.is-hero .hc-x{top:8px;left:auto;right:10px}.haul-card.is-hero .hc-new,.haul-card.is-solo .hc-new{font-size:13px;top:-8px;right:10px}.haul-grid[data-n="1"]{grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:10px}.haul-card.is-solo{background:color-mix(in srgb, var(--rc) 10%, var(--well));width:min(100%,340px);box-shadow:inset 0 0 0 2px var(--rc), inset 0 0 0 4px var(--edge-dk), inset 0 -6px 0 4px #0000002e;gap:6px;padding:18px 16px 14px}.haul-card.is-solo .hc-n{font-size:21px;font-weight:700}.haul-card.is-solo .hc-r{font-size:14px}.haul-card.is-solo .hc-g{font-size:26px}.haul-card.is-solo .hc-f{max-width:30ch;font-size:13px}.haul-card.is-solo .hc-x{font-size:24px;top:10px;left:12px}.haul-card.is-hero,.haul-card.is-solo{transform:translateY(14px)scale(.94)}.haul-card.is-hero.is-in,.haul-card.is-solo.is-in{transform:none}.panel-f .haul-level,.panel-f .haul-rank{padding:5px 10px;font-size:13px}.hs-cell b{font-size:21px}.hb-panel.scr-crates .panel-b{position:static}.crate-open{background-color:#0e1530;background-image:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--rc) 22%, transparent) 0 90px, transparent 91px), repeating-linear-gradient(0deg, #ffffff05 0 2px, transparent 2px 4px);box-shadow:inset 0 0 0 2px var(--edge-hi), inset 0 0 0 4px var(--edge-dk);justify-content:center;top:48px;overflow-y:auto}.crate-open .crate-shake .art-lg{width:112px;height:112px}.crate-open .crate-shake .art-lg img{width:96px;height:96px}.crate-burst{width:260px;height:260px;top:calc(38% - 130px);left:calc(50% - 130px)}.crate-open.is-done{justify-content:flex-start;padding-top:16px}.crate-open.is-done .crate-shake .art-lg{width:88px;height:88px}.crate-open.is-done .crate-shake .art-lg img{width:64px;height:64px}.crate-open.is-done .crate-burst{top:-50px}.crate-t{letter-spacing:.04em;text-shadow:0 2px 0 var(--edge-dk);font-size:18px}.loot{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;width:min(360px,100%);display:grid}.loot li.loot-i{text-align:center;background:color-mix(in srgb, var(--rc) 10%, var(--well));box-shadow:inset 0 0 0 2px var(--rc), inset 0 0 0 4px var(--edge-dk), inset 0 -6px 0 4px #0000002e;flex-direction:column;justify-content:flex-start;gap:6px;padding:12px 6px 10px;font-size:13px;font-weight:600;line-height:1.15}.loot li.loot-i .art-md{width:56px;height:56px}.loot li.loot-i .art-md img{width:48px;height:48px}@media (max-width:479px),(max-height:559px){.coach-tip{gap:4px;padding:8px 10px;font-size:13px}.coach-acts .btn{min-width:44px;min-height:44px}}.hb-ui.is-portrait .hb-panel.mode-panel:not(.scr-fishing),.hb-ui.is-portrait .hb-dock{top:calc(var(--sheet-top,45%) - var(--sheet-lift,0px))}.hb-ui.is-portrait .hb-panel.mode-panel{box-shadow:0 -4px 0 0 var(--edge-dk), inset 0 0 0 2px var(--edge-hi), inset 0 0 0 4px var(--edge-dk), 0 -10px 0 0 #02040c40}.hb-ui.is-portrait .hb-panel.scr-haul .haul-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hb-ui.is-portrait .hb-panel.scr-haul .haul-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}@media (min-width:900px) and (min-height:560px){.hb-ui:not([data-screen=dock]) .lb-panel:not(.is-open){display:none}.hb-ui:not([data-screen=dock]) .lb-chip{display:inline-flex}.hb-ui:not([data-screen=dock]) .lb-panel.is-open{display:flex}.hb-panel.mode-panel.scr-haul .haul-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hb-panel.mode-panel.scr-haul .haul-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}}@media (min-width:1500px) and (min-height:800px){.hb-ui{zoom:1.3;font-size:15px}.hb-panel.mode-panel{width:460px}.hb-panel.mode-panel.scr-haul{width:540px}.lb-panel{width:280px}.lvl-xp{width:150px}}@media (orientation:landscape) and (max-height:559px){.hb-hud{gap:4px;padding:2px 6px}.hud-lvl,.cur,.hud-wx{min-height:34px}.lvl-badge{width:28px;height:28px;font-size:19px}.lvl-badge small{display:none}.cur-v .num{font-size:18px}.hb-nav{padding-top:2px}.hb-panel.mode-panel,.hb-dock{width:clamp(208px,60%,420px);top:4px;bottom:4px;left:4px}.hb-panel.mode-panel .panel-h{min-height:40px}.hb-panel.mode-panel .panel-h h2{font-size:15px}.hb-panel.mode-panel .panel-b{padding:8px 8px 10px}.hb-panel.mode-panel .panel-f{padding:6px 8px 8px}.hb-panel.mode-panel .foot-row{gap:6px}.hb-panel.mode-panel .foot-row>.btn-wrap:first-child:not(.btn-wrap-wide){flex:0 auto}.sea-cols{display:block}.sea-cols>*+*{margin-top:8px}.dock-line{flex-direction:column;align-items:stretch;gap:4px}.dock-line .btn-wrap,.dock-line .btn{width:100%}.hb-panel.mode-panel.scr-haul{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(128px,36%);width:calc(100% - 8px);display:grid;overflow:hidden}.hb-panel.mode-panel.scr-haul .panel-h{grid-column:1/-1}.hb-panel.mode-panel.scr-haul .panel-b{overflow:hidden auto}.hb-panel.mode-panel.scr-haul .panel-f{justify-content:flex-end;position:static;overflow-y:auto}.hb-panel.mode-panel.scr-haul .foot-row{flex-direction:column-reverse;align-items:stretch}.hb-panel.mode-panel.scr-haul .foot-row .btn-wrap,.hb-panel.mode-panel.scr-haul .foot-row .btn{width:100%}.hb-panel.scr-haul .haul-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));display:grid;overflow:visible}.hb-panel.scr-haul .haul-card{flex:none}.hb-panel.scr-haul .haul-card.is-mini{padding:8px 2px 4px}.hb-panel.scr-haul .haul-card.is-mini .art-lg{width:40px;height:40px}.hb-panel.scr-haul .haul-card.is-hero{padding:8px 10px}.hb-panel.scr-haul .haul-card.is-hero>.art{width:56px;height:56px}.hb-panel.scr-haul .haul-card.is-hero>.art img{width:48px;height:48px}.hb-panel.scr-haul .haul-card.is-hero .hc-n{font-size:14px}.hb-panel.scr-haul .haul-card.is-hero .hc-r{font-size:11px;display:block}.hb-panel.scr-haul .haul-card.is-hero .hc-g{font-size:17px}.hb-panel.scr-haul .haul-card.is-solo{text-align:left;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art n""art r""art g""art f";align-content:center;justify-items:start;column-gap:12px;width:100%;padding:10px 12px;display:grid}.hb-panel.scr-haul .haul-card.is-solo>.art{grid-area:art;width:72px;height:72px}.hb-panel.scr-haul .haul-card.is-solo>.art img{width:64px;height:64px}.hb-panel.scr-haul .haul-card.is-solo .hc-n{grid-area:n;font-size:16px}.hb-panel.scr-haul .haul-card.is-solo .hc-r{grid-area:r;display:block}.hb-panel.scr-haul .haul-card.is-solo .hc-g{grid-area:g;font-size:19px}.hb-panel.scr-haul .haul-card.is-solo .hc-f{grid-area:f;font-size:11px;display:block}.hb-panel.scr-haul .haul-sum-row{grid-template-columns:minmax(0,1fr);gap:3px}.hb-panel.scr-haul .haul-ms{padding:6px 8px}.hb-panel.scr-haul .haul-ms-p{font-size:22px}.crate-open{gap:6px;padding:8px;top:40px}.crate-open .crate-shake .art-lg,.crate-open.is-done .crate-shake .art-lg{width:56px;height:56px}.crate-open .crate-shake .art-lg img,.crate-open.is-done .crate-shake .art-lg img{width:48px;height:48px}.loot{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.loot li.loot-i{padding:6px 4px;font-size:11px}.loot li.loot-i .art-md{width:40px;height:40px}.loot li.loot-i .art-md img{width:32px;height:32px}}.big-stat.drip-chest{text-align:left;flex-direction:row;justify-content:center;align-items:center;gap:16px;display:flex}.drip-chest>.art-lg{width:88px;height:88px}.drip-chest>.art-lg img{width:64px;height:64px}.drip-chest.is-ready>.art-lg{box-shadow:inset 0 0 0 2px var(--gold), inset 0 -4px 0 2px #00000040, 0 0 0 2px var(--edge-dk), 0 0 0 4px color-mix(in srgb, var(--gold) 45%, transparent)}.drip-chest-t{flex-direction:column;gap:2px;display:flex}.drip-when{font-size:14px}.drip-calc{margin-top:6px}.sec-fold>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;list-style:none;display:flex}.sec-fold>summary::-webkit-details-marker{display:none}.sec-fold>summary .pix{transition:transform .2s var(--ease);transform:rotate(180deg)}.sec-fold[open]>summary .pix{transform:none}.fee-note{color:var(--ink3);margin-top:10px;font-size:12px}@media (orientation:landscape) and (max-height:559px){.hb-panel.mode-panel.scr-haul{grid-template-columns:minmax(0,1fr) 132px}.hb-panel.mode-panel.scr-haul .panel-f{justify-content:flex-start;gap:4px}.hb-panel.scr-haul .hs-cell{padding:1px 6px}.hb-panel.scr-haul .hs-cell b{font-size:16px}.hb-panel.mode-panel.scr-haul .foot-row .btn{min-height:40px}.hb-panel.scr-haul .haul-card.is-hero .hc-n{overflow-wrap:normal;font-size:13px}.hb-panel.scr-haul .haul-card.is-hero .hc-f{display:none}.big-stat.drip-chest{padding:6px}.big-stat.drip-chest b{font-size:30px}.drip-chest>.art-lg{width:56px;height:56px}.drip-chest>.art-lg img{width:48px;height:48px}}.title-tag{text-wrap:balance}.hb-ui.is-portrait .hb-panel.scr-haul .haul-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 4px}.hb-ui.is-portrait .hb-panel.scr-haul .haul-card.is-mini{padding:8px 2px 4px}.hb-ui.is-portrait .hb-panel.scr-haul .haul-card.is-mini .art-lg{width:40px;height:40px}.hb-ui.is-portrait .hb-panel.scr-haul .haul-card.is-mini .hc-n{-webkit-line-clamp:1;font-size:10px}.hb-ui.is-portrait .hb-panel.scr-haul .haul-card.is-hero{padding:10px 12px}@media (orientation:landscape) and (max-height:559px){.hb-ui[data-screen=haul] .hb-nav,.hb-ui[data-screen=haul] .hb-lb{display:none}.hb-ui[data-screen=haul]{grid-template-columns:minmax(0,1fr);grid-template-areas:"hud""stage"}.hb-panel.mode-panel.scr-haul{grid-template-columns:minmax(0,1fr) 140px}.hb-panel.scr-haul .haul-card.is-solo{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art n""art r""art g";width:min(100%,300px)}.hb-panel.scr-haul .haul-card.is-solo .hc-f{display:none}.hb-panel.scr-haul .haul-card.is-solo>.art{width:64px;height:64px}.hb-panel.scr-haul .haul-card.is-solo>.art img{width:48px;height:48px}}@media (min-width:900px) and (min-height:560px){.hb-hud{box-shadow:none;pointer-events:none;background:0 0;padding:10px 14px 0}.hud-lvl,.cur,.hud-wx{pointer-events:auto;background-color:var(--panel);box-shadow:-2px 0 0 var(--edge-dk), 2px 0 0 var(--edge-dk), 0 -2px 0 var(--edge-dk), 0 2px 0 var(--edge-dk), inset 0 0 0 2px var(--edge-hi), 4px 5px 0 #02040c59}.hud-lvl{padding:4px 12px 4px 4px}.hb-nav{background-color:var(--panel);width:max-content;box-shadow:-4px 0 0 var(--edge-dk), 4px 0 0 var(--edge-dk), 0 -4px 0 var(--edge-dk), 0 4px 0 var(--edge-dk), inset 0 0 0 2px var(--edge-hi), 6px 8px 0 #02040c59;justify-self:center;margin:0 0 10px;padding:4px 6px}}@media (orientation:landscape) and (max-height:559px){.hb-panel.scr-haul .haul-card>.art{align-self:center}.hb-panel.scr-haul .haul-card.is-solo{row-gap:0;padding:8px 10px}.hb-panel.scr-haul .haul-card.is-solo .hc-n{font-size:14px}.hb-panel.scr-haul .haul-card.is-solo .hc-r{font-size:11px}.hb-panel.scr-haul .haul-card.is-solo .hc-g{font-size:17px}.hb-panel.scr-haul .haul-grid[data-n="1"]{padding-top:4px}}.btn-fold{display:none}@media (orientation:landscape) and (max-height:559px){.btn-fold{display:inline-grid}.btn-fold .pix{transform:rotate(-90deg)}.hb-panel.is-folded .btn-fold .pix{transform:rotate(90deg)}.hb-panel.mode-panel.is-folded{width:auto;max-width:calc(100% - 8px);bottom:auto;overflow:hidden}.hb-panel.is-folded .panel-b,.hb-panel.is-folded .panel-f{display:none}.hud-lvl,.cur,.hud-wx{min-height:30px}.hb-hud{padding:1px 6px}.lvl-badge{width:24px;height:24px;font-size:17px}.hud-wx .pix,.cur .pix{font-size:16px}.cur-v .num{font-size:17px}.hb-panel.mode-panel .panel-h{min-height:36px;padding:0 0 0 10px}.hb-panel.mode-panel .panel-h .btn-x{width:40px;height:36px}.hb-panel.mode-panel .panel-h:before{width:4px;height:14px}.hb-panel.mode-panel,.hb-dock{width:clamp(236px,66%,440px)}.hb-panel.mode-panel .seg-item,.hb-panel.mode-panel .seg button{font-size:12px}.hb-panel.mode-panel .panel-f .btn{min-height:40px}}.hb-panel:has(.crate-open){overflow:hidden}.hb-panel:has(.crate-open) .panel-b{overflow:hidden}.crate-open:not(.is-done) .crate-burst{opacity:.45;animation:14s linear infinite spin}.crate-open:not(.is-done) .crate-shake:after{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--rc) 40%, transparent) 0 40%, transparent 41%);animation:.5s steps(2,end) infinite alternate crate-glow;position:absolute;inset:-14px}@keyframes crate-glow{to{opacity:.6;transform:scale(1.25)}}.crate-open:not(.is-done) .crate-t{font-size:20px}.hb-ui.is-portrait .hb-panel.scr-haul .haul-card.is-mini .hc-n{-webkit-line-clamp:2;min-height:2.3em;font-size:10px}.haul-card.is-mini .hc-x{background:var(--well);padding:0 2px;font-size:15px;top:2px;left:3px}.hb-ui.is-portrait .hb-panel.scr-haul .hs-cell{flex-direction:row;align-items:baseline;gap:6px;padding:4px 8px}.hb-ui.is-portrait .hb-panel.scr-haul .hs-cell em,.hb-ui.is-portrait .hb-panel.scr-haul .haul-xp .bar,.hb-ui.is-portrait .panel-f .haul-rank{display:none}.hb-ui.is-portrait .hb-panel.scr-haul .hs-cell b{font-size:19px}.mk-p{text-align:right;min-width:72px}@media (max-width:479px){.mk-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"a n b""a p b";row-gap:2px}.mk-row>.mk-p{flex-direction:row;align-items:baseline;gap:6px;min-width:0;font-size:19px}.mk-row>.btn-wrap{display:block}.mk-row>.btn-wrap .btn{width:auto;min-width:72px}}@media (min-width:900px) and (min-height:560px){.hb-panel.mode-full{justify-content:flex-start;padding-top:4vh}.first-catch{top:96px}}.hb-over{background:#040814b8}@media (orientation:landscape) and (max-height:559px){.hb-panel.scr-haul .haul-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}.hb-panel.mode-panel .panel-h h2{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;font-size:14px;overflow:hidden}.hb-panel.scr-sea .sec-h{display:none}.hb-panel.scr-sea .zone{min-height:38px}}.hb-panel.scr-journal .panel-b{flex-direction:column;display:flex}.hb-panel.scr-journal .panel-b>*{order:5}.hb-panel.scr-journal .panel-b>.jr-top{order:0}.hb-panel.scr-journal .panel-b>.seg-wrap{order:1;margin-top:10px}.hb-panel.scr-journal .panel-b>p.hint{order:2}.hb-panel.scr-journal .panel-b>.jr-grid,.hb-panel.scr-journal .panel-b>.records{order:3}.hb-panel.scr-journal .panel-b>.jr-detail{order:4}.hb-panel.scr-journal .panel-b:after,.hb-panel.scr-journal .panel-b:before{order:9;align-self:flex-end}.ms-list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.coach-tip,.coach-tip:before{background:#1d2850}.coach-tip{color:var(--ink);box-shadow:0 0 0 2px var(--gold), 0 0 0 4px var(--edge-dk), 5px 6px 0 #0006}.coach-tip:before{box-shadow:none;background:var(--gold)}.coach-acts .btn-ghost{--t:var(--ink2)}.hb-panel.scr-haul .hs-cell{flex-direction:row;align-items:baseline;gap:6px;padding:4px 8px}.hb-panel.scr-haul .hs-cell em,.hb-panel.scr-haul .haul-xp .bar,.panel-f .haul-rank{display:none}.haul-sum{opacity:.35}.haul-card.is-solo>.art{width:84px;height:84px}.haul-card.is-solo>.art img{width:64px;height:64px}.haul-card.is-hero>.art{width:76px;height:76px}@media (min-width:900px) and (min-height:560px){.hb-panel.mode-panel.scr-haul .haul-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.hb-panel.scr-haul .haul-card.is-mini .art-lg{width:40px;height:40px}.hb-panel.scr-haul .haul-card.is-mini .hc-n{min-height:2.3em;font-size:10px}}@media (orientation:landscape) and (max-height:559px){.hb-panel.scr-haul .haul-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px 4px}.hb-panel.scr-haul .haul-card.is-mini{padding:4px 2px}.hb-panel.scr-haul .haul-card.is-mini .hc-n,.hb-panel.scr-haul .haul-card.is-mini .hc-g{display:none}.hb-panel.scr-haul .haul-card.is-mini .art-lg{width:36px;height:36px}.hb-panel.scr-haul .haul-card.is-hero>.art{width:52px;height:52px}.hb-panel.scr-haul .haul-card.is-hero>.art img{width:48px;height:48px}.hb-panel.scr-haul .haul-mss{margin-top:6px}.mk-n small{display:none}}:is(.foot-row:has(.btn-primary:disabled) .btn-ghost,.foot-row:has(.btn-primary[aria-disabled=true]) .btn-ghost){--b:var(--liquid);--t:#04201f}.lb-season{padding:2px 10px 0}.nft-none .art.is-hidden img{filter:grayscale()brightness(.55);opacity:.7}@media (min-width:900px) and (min-height:560px){.crate-open.is-done{justify-content:center}.crate-open .crate-shake .art-lg,.crate-open.is-done .crate-shake .art-lg{width:144px;height:144px}.crate-open .crate-shake .art-lg img,.crate-open.is-done .crate-shake .art-lg img{width:128px;height:128px}.crate-burst,.crate-open.is-done .crate-burst{width:340px;height:340px;top:calc(50% - 230px);left:calc(50% - 170px)}.loot li.loot-i .art-md{width:72px;height:72px}.loot li.loot-i .art-md img{width:64px;height:64px}.loot{width:min(400px,100%)}.hb-panel.mode-full{justify-content:center;align-items:flex-end;padding:0 6vw 0 0}}@media (orientation:landscape) and (max-height:559px){.hb-panel.scr-haul .haul-grid:not([data-n="1"]){grid-template-columns:112px repeat(auto-fill,minmax(42px,1fr));grid-auto-flow:dense;align-items:start}.hb-panel.scr-haul .haul-card.is-hero{text-align:center;flex-direction:column;grid-area:1/1/span 3;align-items:center;gap:2px;padding:10px 6px 8px;display:flex}.hb-panel.scr-haul .haul-card.is-hero .hc-r,.hb-panel.scr-haul .haul-card.is-hero .hc-f{display:none}.hb-panel.scr-haul .haul-card.is-hero .hc-n{font-size:12px}.hb-panel.scr-haul .haul-card.is-hero .hc-new{font-size:11px;right:-4px}.hb-panel.scr-haul .haul-card.is-mini .art-lg{width:34px;height:34px}.hb-panel.scr-haul .haul-card.is-mini .art-lg img{width:32px;height:32px}.hb-panel.mode-panel.scr-haul .panel-f>.foot-row{flex-direction:column;order:-1}.hb-panel.mode-panel.scr-haul .panel-f .why,.hb-panel.mode-panel.scr-haul .haul-level{display:none}.hb-panel.mode-panel.scr-haul .foot-row .btn{min-height:38px}.hb-panel.scr-haul .hs-cell{padding:0 6px}.hb-panel.scr-haul .hs-cell small{font-size:10px}.hb-panel.scr-haul .hs-cell b{font-size:15px}.hb-panel.scr-workshop .pillar-l,.hb-panel.scr-workshop .pillar .bar,.hb-panel.scr-workshop .pillar-d,.hb-panel.scr-workshop .ws-bal,.hb-panel.scr-workshop .ws-kits,.hb-panel.scr-workshop .gear-stat,.hb-panel.scr-workshop .gear-note{display:none}.hb-panel.scr-workshop .pillar{min-height:44px;padding:4px 2px}.hb-panel.scr-workshop .gear-card{margin-top:6px}.crate-open.is-done{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);place-items:center;column-gap:10px;padding:8px;display:grid}.crate-open.is-done .crate-shake{grid-area:1/1/span 2}.crate-open.is-done .crate-t{grid-area:1/2;font-size:14px}.crate-open.is-done .loot{grid-area:2/2}.crate-open.is-done .btn-wrap{grid-area:3/1/auto/-1;width:100%}.crate-open.is-done .crate-burst{top:-40px;left:-60px}}@media (max-width:479px){.mk-row>.btn-wrap{flex-direction:column;align-items:flex-end;max-width:104px;display:flex}.mk-row>.btn-wrap .why{text-align:right;font-size:10px;line-height:1.1}}.hb-ui.is-portrait .hb-panel.scr-haul{top:calc(var(--sheet-top,45%) - var(--sheet-lift,0px) - 28px)}.hb-ui.is-portrait .hb-panel.scr-haul .haul-card.is-hero>.art{width:68px;height:68px}.fc-card{background-color:var(--panel)}.hb-ui.is-portrait .hb-panel.scr-haul .haul-grid:not([data-n="1"]){grid-template-columns:repeat(var(--cols-p,4), minmax(0, 1fr))}@media (min-width:900px) and (min-height:560px){.hb-panel.mode-panel.scr-haul .haul-grid:not([data-n="1"]){grid-template-columns:repeat(var(--cols-d,4), minmax(0, 1fr))}.hb-panel.scr-haul .haul-card.is-mini .hc-n{font-size:11px}.mk-row{grid-template-columns:auto minmax(0,1fr) 92px 112px}.mk-row>.btn-wrap{flex-direction:column;align-items:stretch;display:flex}.mk-row>.btn-wrap .why{text-align:center;font-size:11px}}.foot-row:has(.btn-primary:disabled)>.btn-wrap-wide{flex:0 auto}.foot-row:has(.btn-primary:disabled)>.btn-wrap:first-child{flex:auto}.foot-row:has(.btn-primary:disabled)>.btn-wrap:first-child .btn{width:100%}.hb-panel.scr-profile .sec .hint{color:var(--ink3);font-size:12px;line-height:1.3}@media (orientation:landscape) and (max-height:559px){.hb-panel.scr-workshop .gear-t b{font-size:13px}.hb-panel.scr-workshop .gear-lv{white-space:nowrap;font-size:14px}.hb-panel.scr-workshop .gear-t{min-width:0}.crate-open.is-done .crate-t{display:none}.crate-open.is-done .loot{grid-row:1/span 2;align-self:center}.crate-open.is-done{align-content:center}.crate-open.is-done .loot{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.crate-open.is-done .loot li.loot-i{gap:2px;padding:4px 2px;font-size:10px}.crate-open.is-done .loot li.loot-i .art-md{width:36px;height:36px}.crate-open.is-done .loot li.loot-i .art-md img{width:32px;height:32px}}