@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;800&family=Yuji+Syuku&family=Zen+Old+Mincho:wght@400;700&display=swap";:root{--yx-paper:#efe4cc;--yx-paper-bright:#fff4e2;--yx-gold:#d9a441;--yx-gold-pale:#f3d58a;--yx-gold-gain:#ffe08a;--yx-gold-dark:#b8862e;--yx-brass:#b88a2e;--yx-vermilion:#c0311f;--yx-hot:#e8563c;--yx-seal:#8c1f15;--yx-board:#19140f;--yx-frame:#5c4a36;--yx-plate:#4a3c2e;--yx-panel:#1c1712;--yx-ink:#0c0907;--yx-track:#0a0806;--yx-dim:#9a8a72;--yx-hover:#b8a584;--yx-selected:#fff;--yx-button:#3a2e22;--yx-up:#8fd58a;--yx-down:#e0705f;--yx-me:#fff4e2;--yx-ally:#8fc7ff;--yx-foe:#ff9a8a;--yx-sky-top:#1b2142;--yx-sky-mid:#6d3a55;--yx-sky-low:#f0955a;--yx-ground:#2b2119;--yx-extracted:#1f4a2e;--yx-health:#7d1a12;--yx-stamina:#8a6a2a;--yx-tier1:#a08462;--yx-tier2:#b9b2a4;--yx-tier3:#d9a441;--yx-font-brush:"Yuji Syuku", serif;--yx-font-bold:"Shippori Mincho B1", serif;--yx-font-body:"Zen Old Mincho", serif;--yx-px:2px;--yx-corner:22px;--yx-dither:.08;--pm-reveal-ms:1.5s;--pm-marker-ms:.38s;--pm-count-ms:1.2s;--pm-fill-ms:1.4s;--pm-line-y:42px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body.yx{background:var(--yx-board);color:var(--yx-paper);font:400 16px/1.45 var(--yx-font-body);-webkit-font-smoothing:antialiased}.yx a{color:var(--yx-gold-pale)}.yx button{font:inherit;cursor:pointer}.num,.yx .num{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:is(.hub-stash .tiles,#loot-window,.pm-body,.pm-rows,.pm-cargo-items){scrollbar-width:none}:is(.hub-stash .tiles,#loot-window,.pm-body,.pm-rows,.pm-cargo-items)::-webkit-scrollbar{display:none}.yx-board{background:var(--yx-board);border:6px solid var(--yx-frame);box-shadow:0 0 0 var(--yx-px) var(--yx-ink), inset 0 0 0 var(--yx-px) var(--yx-ink), 0 8px 0 var(--yx-ink), 0 14px 24px #0009;position:relative}.yx-board:before{content:"";pointer-events:none;opacity:var(--yx-dither);background-image:repeating-conic-gradient(#fff4e280 0 25%, transparent 0 50%);background-size:4px 4px;position:absolute;inset:0}.yx-corner{width:var(--yx-corner);height:var(--yx-corner);background:var(--yx-brass);box-shadow:0 0 0 var(--yx-px) var(--yx-ink);z-index:2;position:absolute}.yx-corner.tl{top:-8px;left:-8px}.yx-corner.tr{top:-8px;right:-8px}.yx-corner.bl{bottom:-8px;left:-8px}.yx-corner.br{bottom:-8px;right:-8px}.yx-corner:after{content:"";background:var(--yx-ink);width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.yx-head{align-items:baseline;gap:12px;margin:0;display:flex}.yx-head .k{font:400 26px/1 var(--yx-font-brush);color:var(--yx-paper)}.yx-head .e{font:800 15px/1 var(--yx-font-bold);color:var(--yx-gold);letter-spacing:.12em;text-transform:uppercase}.yx-head .n{font:500 14px/1 var(--yx-font-bold);color:var(--yx-dim);letter-spacing:.04em;margin-left:auto}.yx-btn{min-width:200px;height:52px;color:var(--yx-paper-bright);background:var(--yx-button);box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 6px 0 var(--yx-ink);font:800 17px/1 var(--yx-font-bold);letter-spacing:.2em;text-transform:uppercase;border:0;justify-content:center;align-items:center;padding:0 28px 0 calc(28px + .2em);transition:transform 80ms ease-out,background-color .12s;display:inline-flex}.yx-btn:hover{box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 9px 0 var(--yx-ink);transform:translateY(-3px)}.yx-btn:active{box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 3px 0 var(--yx-ink);transform:translateY(2px)}.yx-btn.primary{background:var(--yx-vermilion)}.yx-btn.primary:hover{background:var(--yx-hot)}.yx-btn:focus-visible{outline:2px solid var(--yx-selected);outline-offset:3px}.yx-tip{position:relative}.yx-tip[data-tip]:hover:after{content:attr(data-tip);white-space:nowrap;z-index:20;color:var(--yx-paper-bright);box-shadow:0 0 0 var(--yx-px) var(--yx-brass), 0 0 0 4px var(--yx-ink);font:800 14px/1.2 var(--yx-font-bold);background:#15100c;padding:7px 12px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.yx-tile{aspect-ratio:1;width:100%;color:var(--yx-paper);box-shadow:0 0 0 3px var(--yx-ink);cursor:pointer;user-select:none;background:#4a3c2ecc;flex-direction:column;justify-content:flex-end;gap:2px;padding:8px 9px;transition:box-shadow .1s;display:flex;position:relative}.yx-tile:hover{box-shadow:0 0 0 3px var(--yx-hover)}.yx-tile.selected,.yx-tile:focus-visible{box-shadow:0 0 0 3px var(--yx-selected);outline:0}.yx-tile .t-name{font:800 14px/1.15 var(--yx-font-bold);color:var(--yx-paper-bright)}.yx-tile .t-value{font:500 13px/1 var(--yx-font-bold);color:var(--yx-gold-pale);font-variant-numeric:tabular-nums}.yx-tile .t-tier{background:var(--tier,var(--yx-tier1));width:100%;height:5px;position:absolute;top:0;left:0}.yx-tile .t-icon{width:30px;height:30px;color:var(--tier,var(--yx-tier1));opacity:.9;position:absolute;top:9px;right:7px}.yx-tile .t-icon svg{width:100%;height:100%;display:block}.yx-tile[data-tier="1"]{--tier:var(--yx-tier1)}.yx-tile[data-tier="2"]{--tier:var(--yx-tier2)}.yx-tile[data-tier="3"]{--tier:var(--yx-tier3)}.yx-tile.keep{cursor:default;opacity:.78}.yx-tile.keep:after{content:"stays in the stash";font:500 11px/1 var(--yx-font-bold);color:var(--yx-dim);letter-spacing:.04em}.yx-tile.free .t-value:after{content:" · free kit";color:var(--yx-dim)}.yx-tile.dragging{opacity:.4}#postmatch,.pm{z-index:50;color:var(--yx-paper);font-family:var(--yx-font-body);background:radial-gradient(at 50% 0,#f3d58a24,#0000 55%),linear-gradient(#0c0907e6,#19140ff5 40%,#0c0907f7);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.pm:before{content:"";pointer-events:none;opacity:var(--yx-dither);background-image:repeating-conic-gradient(#fff4e259 0 25%, transparent 0 50%);background-size:4px 4px;position:absolute;inset:0}.pm-tabs{border-bottom:var(--yx-px) solid var(--yx-ink);background:#0c090799;justify-content:center;gap:72px;padding:18px 0 0;display:flex;position:relative}.pm-tab{color:var(--yx-dim);font:800 15px/1 var(--yx-font-bold);letter-spacing:.25em;text-transform:uppercase;background:0 0;border:0;padding:8px 6px 16px;position:relative}.pm-tab .k{font:400 20px/1 var(--yx-font-brush);letter-spacing:0;color:var(--yx-paper);opacity:.6;margin-right:10px}.pm-tab:hover{color:var(--yx-paper)}.pm-tab[aria-selected=true]{color:var(--yx-gold)}.pm-tab[aria-selected=true] .k{opacity:1}.pm-tab[aria-selected=true]:after{content:"";background:var(--yx-gold);clip-path:polygon(0 0,100% 0,50% 100%);width:14px;height:9px;margin-left:-7px;position:absolute;bottom:-2px;left:50%}.pm-body{min-height:0;overflow-y:auto}.pm-pane{padding:22px 56px 24px;display:none;position:relative}.pm-pane[data-active=true]{display:block}.pm-pane-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:10px;display:flex}.pm-pane-head .yx-head .sub{font:400 14px/1.2 var(--yx-font-body);color:var(--yx-dim);margin-top:6px;font-style:italic;display:block}.pm-party{text-align:right}.pm-party .l{font:500 12px/1 var(--yx-font-bold);color:var(--yx-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;display:block}.pm-party .b{background:var(--yx-paper);color:var(--yx-ink);box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-brass);font:800 15px/1 var(--yx-font-bold);align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.pm-party .b .xp{background:var(--yx-ink);color:var(--yx-paper);letter-spacing:.08em;padding:2px 5px;font-size:11px}.pm-track{height:var(--pm-track-h,300px);margin:4px 24px 0;position:relative}.pm-track .line{left:-24px;right:-24px;bottom:calc(var(--pm-line-y) - 1px);height:var(--yx-px);background:var(--yx-paper);opacity:.55;position:absolute}.pm-track .line:before,.pm-track .line:after{content:"";background:var(--yx-paper);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:10px;height:10px;position:absolute;top:-4px}.pm-track .line:before{left:0}.pm-track .line:after{right:0}.pm-track .tick{bottom:calc(var(--pm-line-y) - 8px);background:var(--yx-paper);opacity:.3;width:2px;height:8px;position:absolute;transform:translate(-50%)}.pm-track .tick span{font:500 11px/1 var(--yx-font-bold);color:var(--yx-dim);white-space:nowrap;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pm-cluster{animation:pm-drop var(--pm-marker-ms) cubic-bezier(.2, 1.4, .4, 1) both;animation-delay:calc(var(--x) * var(--pm-reveal-ms));flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.pm-cluster:hover,.pm-cluster:focus-within{z-index:6}.pm.skip .pm-cluster{animation:none}.pm-flag{background:var(--yx-paper);color:var(--yx-ink);box-shadow:0 0 0 var(--yx-px) var(--yx-ink);font:800 13px/1 var(--yx-font-bold);font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:4px;padding:4px 8px 5px;position:relative}.pm-flag:after{content:"";background:var(--yx-paper);clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:6px;margin-left:-5px;position:absolute;bottom:-6px;left:50%}.pm-mark{cursor:default;flex-direction:column;align-items:center;gap:3px;width:88px;display:flex;position:relative}.pm-mark:focus-visible{outline:0}.pm-mark .why{font:500 10px/1 var(--yx-font-bold);color:var(--yx-dim);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.pm-mark .ico{background:var(--yx-panel);width:40px;height:40px;color:var(--yx-paper);box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-frame);place-items:center;display:grid}.pm-mark .ico svg{width:26px;height:26px;display:block}.pm-mark .tip{white-space:nowrap;z-index:20;color:var(--yx-paper-bright);box-shadow:0 0 0 var(--yx-px) var(--yx-brass), 0 0 0 4px var(--yx-ink);font:800 13px/1.2 var(--yx-font-bold);background:#15100c;padding:7px 12px;display:none;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.pm-mark:hover .tip,.pm-mark.open .tip,.pm-mark:focus-visible .tip{display:block}.pm-cluster.flip .pm-mark .tip{left:auto;right:calc(100% + 8px)}.pm-fold{position:relative}.pm-fold .chip{background:var(--yx-plate);color:var(--yx-paper-bright);box-shadow:0 0 0 var(--yx-px) var(--yx-ink);font:800 11px/1 var(--yx-font-bold);letter-spacing:.04em;white-space:nowrap;cursor:pointer;border:0;padding:4px 8px 5px;display:block}.pm-fold:hover .chip,.pm-fold.open .chip{box-shadow:0 0 0 var(--yx-px) var(--yx-hover)}.pm-fold-list{z-index:20;min-width:230px;box-shadow:0 0 0 var(--yx-px) var(--yx-brass), 0 0 0 4px var(--yx-ink);background:#15100c;padding:6px;display:none;position:absolute;top:0;left:calc(100% + 8px)}.pm-fold:hover .pm-fold-list,.pm-fold.open .pm-fold-list{display:block}.pm-cluster.flip .pm-fold-list{left:auto;right:calc(100% + 8px)}.pm-fold-row{font:500 13px/1 var(--yx-font-bold);color:var(--yx-paper);white-space:nowrap;grid-template-columns:22px 40px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.pm-fold-row+.pm-fold-row{border-top:1px solid #efe4cc1f}.pm-fold-row .ico{width:22px;height:22px;color:var(--yx-paper);place-items:center;display:grid}.pm-fold-row .ico svg{width:18px;height:18px;display:block}.pm-fold-row .t{color:var(--yx-dim);font-variant-numeric:tabular-nums}.pm-fold-row .xp{color:var(--yx-paper-bright);font-variant-numeric:tabular-nums;font-weight:800}.pm-mark[data-kind=extract] .ico{color:var(--yx-gold);box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-brass)}.pm-mark[data-kind=raider] .ico{color:var(--yx-foe)}.pm-mark[data-kind=died] .ico{color:var(--yx-down);background:var(--yx-seal)}.pm-mark .xp{font:800 15px/1 var(--yx-font-bold);color:var(--yx-paper-bright);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-top:2px;display:inline-flex}.pm-mark .xp i{letter-spacing:.08em;background:var(--yx-ink);color:var(--yx-paper);padding:2px 4px;font-size:10px;font-style:normal}.pm-mark .xp .plus{color:var(--yx-dim);font-weight:500}.pm-mark:hover .ico{box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-hover)}@keyframes pm-drop{0%{opacity:0;transform:translate(-50%,-34px)}to{opacity:1;transform:translate(-50%)}}.pm-levels{height:92px;margin:18px 40px 0;position:relative}.pm-levels .rail{background:var(--yx-track);height:6px;box-shadow:0 0 0 var(--yx-px) var(--yx-ink);position:absolute;top:30px;left:0;right:0}.pm-levels .had,.pm-levels .gain{height:6px;position:absolute;top:30px;left:0}.pm-levels .had{background:var(--yx-gold-dark);width:var(--from)}.pm-levels .gain{background:var(--yx-gold-gain);width:var(--from);transition:width var(--pm-fill-ms) cubic-bezier(.2, .8, .3, 1);box-shadow:0 0 14px #ffe08ab3}.pm-levels.go .gain{width:var(--to)}.pm.skip .pm-levels .gain{width:var(--to);transition:none}.pm-levels .tip{top:22px;left:var(--from);width:4px;height:22px;box-shadow:0 0 10px #fff, 0 0 22px var(--yx-gold-gain);transition:left var(--pm-fill-ms) cubic-bezier(.2, .8, .3, 1);background:#fff;position:absolute;transform:translate(-50%)}.pm-levels.go .tip{left:var(--to)}.pm.skip .pm-levels .tip{left:var(--to);transition:none}.pm-levels .at{top:52px;left:var(--from);white-space:nowrap;font:800 14px/1 var(--yx-font-bold);color:var(--yx-paper-bright);font-variant-numeric:tabular-nums;transition:left var(--pm-fill-ms) cubic-bezier(.2, .8, .3, 1);position:absolute;transform:translate(-50%)}.pm-levels.go .at,.pm.skip .pm-levels .at{left:var(--to)}.pm.skip .pm-levels .at{transition:none}.pm-levels .at span{color:var(--yx-dim);font-weight:500}.pm-lv{background:var(--yx-panel);width:30px;height:30px;box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-dim);place-items:center;display:grid;position:absolute;top:33px;transform:translate(-50%,-50%)rotate(45deg)}.pm-lv b{font:800 13px/1 var(--yx-font-bold);color:var(--yx-dim);font-variant-numeric:tabular-nums;transform:rotate(-45deg)}.pm-lv.done{box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-gold);background:var(--yx-board)}.pm-lv.done b{color:var(--yx-gold-pale)}.pm-lv.now{box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-gold-gain), 0 0 18px #ffe08a99}.pm-lv.now b{color:var(--yx-paper-bright)}.pm-lv .name{transform-origin:0 0;position:absolute;top:44px;left:50%;transform:translate(-50%)rotate(-45deg)}.pm-total{text-align:center;width:460px;margin:14px auto 0;padding:10px 0 18px;position:relative}.pm-total:after{content:"";height:var(--yx-px);background:linear-gradient(90deg, transparent, var(--yx-gold-gain), transparent);box-shadow:0 0 18px var(--yx-gold-gain);position:absolute;bottom:0;left:0;right:0}.pm-total .v{font:800 38px/1 var(--yx-font-bold);color:var(--yx-paper-bright);font-variant-numeric:tabular-nums}.pm-total .v .plus{color:var(--yx-gold-pale);margin-right:6px;font-weight:500}.pm-total .v i{letter-spacing:.12em;background:var(--yx-ink);color:var(--yx-paper);vertical-align:middle;margin-left:8px;padding:3px 6px;font-size:13px;font-style:normal}.pm-total .l{font:500 12px/1 var(--yx-font-bold);color:var(--yx-dim);letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.pm-filters{font:500 14px/1 var(--yx-font-bold);color:var(--yx-paper);justify-content:flex-end;align-items:center;gap:22px;margin:-4px 0 12px;display:flex}.pm-filters .l{color:var(--yx-dim);font-style:italic;font-family:var(--yx-font-body)}.pm-filters label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.pm-filters input{appearance:none;background:var(--yx-panel);width:16px;height:16px;box-shadow:0 0 0 var(--yx-px) var(--yx-paper);cursor:pointer;margin:0}.pm-filters input:checked{background:var(--yx-paper);box-shadow:0 0 0 var(--yx-px) var(--yx-paper), inset 0 0 0 3px var(--yx-panel)}.pm-rows{flex-direction:column;gap:6px;max-height:calc(100vh - 290px);padding:0 8px 4px 0;display:flex;position:relative;overflow-y:auto}.pm-rows:before{content:"";width:var(--yx-px);background:var(--yx-paper);opacity:.35;position:absolute;top:0;bottom:0;left:86px}.pm-row{height:44px;box-shadow:0 0 0 var(--yx-px) var(--yx-ink);font:500 15px/1 var(--yx-font-bold);background:#1c1712d9;grid-template-columns:66px 20px 48px minmax(150px,1.2fr) 90px minmax(150px,1.2fr) 150px 90px;align-items:center;gap:10px;padding-right:12px;display:grid;position:relative}.pm-row:after{content:"";pointer-events:none;opacity:var(--yx-dither);background-image:repeating-conic-gradient(#fff4e259 0 25%, transparent 0 50%);background-size:4px 4px;position:absolute;inset:0}.pm-row.fatal{box-shadow:0 0 0 var(--yx-px) var(--yx-seal);background:#8c1f158c}.pm-row.hidden{display:none}.pm-row .time{background:var(--yx-paper);color:var(--yx-ink);box-shadow:0 0 0 var(--yx-px) var(--yx-ink);font:800 13px/1 var(--yx-font-bold);font-variant-numeric:tabular-nums;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);justify-self:start;margin-left:10px;padding:5px 16px 6px 10px}.pm-row .dot{background:var(--yx-paper);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.6;justify-self:center;width:10px;height:10px}.pm-row .ico{width:34px;height:34px;color:var(--yx-paper);place-items:center;display:grid}.pm-row .ico svg{width:26px;height:26px;display:block}.pm-row.fatal .ico{color:var(--yx-foe)}.pm-row .who{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.pm-row .who.a{justify-self:end}.pm-row .lv{background:var(--yx-panel);width:22px;height:22px;box-shadow:0 0 0 var(--yx-px) currentColor;flex:none;place-items:center;display:inline-grid;transform:rotate(45deg)}.pm-row .lv b{font:800 11px/1 var(--yx-font-bold);font-variant-numeric:tabular-nums;transform:rotate(-45deg)}.pm-row .name{font-weight:800}.pm-row .me{color:var(--yx-me)}.pm-row .foe{color:var(--yx-foe)}.pm-row .ally{color:var(--yx-ally)}.pm-row .pve{color:var(--yx-paper);font-weight:500}.pm-row .verb{text-align:center;font:italic 400 15px/1 var(--yx-font-body);color:var(--yx-dim)}.pm-row .weapon{color:var(--yx-paper);align-items:center;gap:8px;font-weight:500;display:inline-flex}.pm-row .weapon svg{opacity:.85;width:60px;height:20px;display:block}.pm-row .dmg{font:800 16px/1 var(--yx-font-bold);color:var(--yx-paper-bright);font-variant-numeric:tabular-nums;justify-self:end}.pm-row .dmg span{color:var(--yx-dim);margin-left:4px;font-size:12px;font-weight:500}.pm-empty{text-align:center;color:var(--yx-dim);padding:30px;font-style:italic}.pm-banner{border-top:var(--yx-px) solid var(--yx-ink);box-shadow:0 -2px 0 var(--yx-brass);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:16px 56px;display:grid;position:relative}.pm-banner.extracted{background:var(--yx-extracted)}.pm-banner.died,.pm-banner.timeout{background:var(--yx-seal)}.pm-banner .state{font:800 22px/1 var(--yx-font-bold);letter-spacing:.3em;text-transform:uppercase;color:var(--yx-gold-pale)}.pm-banner.died .state,.pm-banner.timeout .state{color:var(--yx-paper-bright)}.pm-banner .state .k{font:400 30px/1 var(--yx-font-brush);letter-spacing:0;vertical-align:-3px;margin-right:14px}.pm-banner .facts{font:500 15px/1 var(--yx-font-bold);color:var(--yx-paper-bright);flex-wrap:wrap;align-items:center;gap:0;display:flex}.pm-banner .facts span{border-left:var(--yx-px) solid #fff4e24d;white-space:nowrap;padding:0 18px}.pm-banner .facts span:first-child{border-left:0;padding-left:0}.pm-banner .facts .line{font-weight:800}.pm-banner .yx-btn{min-width:300px}body.hub{min-height:100vh;overflow-x:hidden}.hub-backdrop{z-index:0;object-fit:cover;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:fixed;inset:0}.hub-shade{z-index:0;pointer-events:none;background:linear-gradient(#0c090726,#0c090740 50%,#0c0907bf);position:fixed;inset:0}.hub-wrap{z-index:1;grid-template-rows:auto 1fr;gap:18px;min-height:100vh;padding:22px 48px 28px;display:grid;position:relative}.hub-top{grid-template-columns:auto 1fr auto;align-items:center;gap:36px;display:grid}.hub-title{text-shadow:0 3px 0 var(--yx-ink), 0 0 18px #000c;align-items:baseline;gap:16px;display:flex}.hub-title .k{font:400 54px/1 var(--yx-font-brush);color:var(--yx-paper-bright)}.hub-title h1{font:800 20px/1 var(--yx-font-bold);letter-spacing:.4em;text-transform:uppercase;color:var(--yx-paper);margin:0}.hub-title small{font:400 14px/1 var(--yx-font-body);letter-spacing:0;text-transform:none;color:var(--yx-dim);margin-top:8px;font-style:italic;display:block}.hub-me{box-shadow:0 0 0 var(--yx-px) var(--yx-ink);background:#16140fb8;justify-self:center;align-items:center;gap:22px;padding:12px 22px;display:flex}.hub-me label{font:800 12px/1 var(--yx-font-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--yx-dim);align-items:center;gap:10px;display:flex}.hub-me input{background:var(--yx-panel);width:190px;height:36px;color:var(--yx-paper-bright);box-shadow:0 0 0 var(--yx-px) var(--yx-ink);font:800 17px/1 var(--yx-font-bold);border:0;padding:0 10px}.hub-me input:focus{box-shadow:0 0 0 var(--yx-px) var(--yx-gold);outline:0}.hub-level{grid-template-columns:auto 220px auto;align-items:center;gap:12px;display:grid}.hub-level .lvl{background:var(--yx-seal);width:40px;height:40px;box-shadow:0 0 0 var(--yx-px) var(--yx-ink), 0 0 0 4px var(--yx-brass);place-items:center;display:inline-grid}.hub-level .lvl b{font:800 17px/1 var(--yx-font-bold);color:var(--yx-paper-bright);font-variant-numeric:tabular-nums}.hub-level .bar{background:var(--yx-track);height:10px;box-shadow:0 0 0 var(--yx-px) #efe4cc4d;position:relative}.hub-level .bar i{width:var(--w,0%);background:linear-gradient(90deg, var(--yx-stamina), var(--yx-gold));transition:width .6s ease-out;position:absolute;top:0;bottom:0;left:0}.hub-level .xp{font:500 13px/1.3 var(--yx-font-bold);color:var(--yx-paper);white-space:nowrap;font-variant-numeric:tabular-nums}.hub-level .xp small{color:var(--yx-dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px;display:block}.hub-status{box-shadow:0 0 0 var(--yx-px) var(--yx-ink);font:500 14px/1.3 var(--yx-font-bold);color:var(--yx-dim);background:#16140fb8;justify-self:end;max-width:340px;padding:8px 14px}.hub-status.ok{color:var(--yx-up)}.hub-status.bad{color:var(--yx-down)}.hub-status code{color:var(--yx-paper-bright);background:var(--yx-ink);padding:2px 6px;font:700 13px/1 ui-monospace,Consolas,monospace}.hub-main{grid-template-columns:minmax(380px,1fr) minmax(560px,1.25fr);align-self:end;align-items:start;gap:36px;display:grid}.hub-board{padding:22px 24px 24px}.hub-board .yx-head{margin-bottom:16px}.hub-stash .tiles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;max-height:52vh;padding:4px;display:grid;overflow-y:auto}.hub-stash .tiles.dim .yx-tile:not(.keep){opacity:.6}.hub-stash .tiles.dim .yx-tile:not(.keep):hover{opacity:1}.hub-stash .empty{color:var(--yx-dim);padding:26px 8px;font-style:italic}.hub-group{margin-top:16px}.hub-group .yx-head{margin-bottom:10px}.hub-group .yx-head .k{font-size:22px}.hub-group .yx-head .e{font-size:13px}.hub-slots{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.hub-slots.two{grid-template-columns:repeat(2,1fr);max-width:calc(33.3333% - 3.33333px)}.hub-slot{aspect-ratio:1;box-shadow:inset 0 0 0 var(--yx-px) var(--yx-frame);background:#0c09078c;place-items:center;padding:6px;transition:box-shadow .1s;display:grid;position:relative}.hub-slot .label{font:500 10px/1 var(--yx-font-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--yx-dim);pointer-events:none;position:absolute;top:7px;left:8px}.hub-slot .glyph{width:34px;height:34px;color:var(--yx-frame);opacity:.8}.hub-slot .glyph svg{width:100%;height:100%;display:block}.hub-slot.over{box-shadow:inset 0 0 0 var(--yx-px) var(--yx-hover), 0 0 0 var(--yx-px) var(--yx-hover)}.hub-slot.fits{box-shadow:inset 0 0 0 var(--yx-px) var(--yx-gold)}.hub-slot.no{box-shadow:inset 0 0 0 var(--yx-px) var(--yx-seal)}.hub-slot .yx-tile{aspect-ratio:auto;width:auto;position:absolute;inset:0}.hub-slot .yx-tile.free{cursor:default;background:#2a2118cc}.hub-slot .yx-tile.free .t-name{color:var(--yx-paper)}.hub-kit{box-shadow:0 0 0 var(--yx-px) var(--yx-ink);font:500 15px/1.3 var(--yx-font-bold);background:#0c090773;align-items:center;gap:14px;margin:4px 0 2px;padding:10px 14px;display:flex}.hub-kit input{appearance:none;background:var(--yx-panel);width:18px;height:18px;box-shadow:0 0 0 var(--yx-px) var(--yx-paper);cursor:pointer;flex:none;margin:0}.hub-kit input:checked{background:var(--yx-gold);box-shadow:0 0 0 var(--yx-px) var(--yx-paper), inset 0 0 0 3px var(--yx-panel)}.hub-kit input:disabled{cursor:default;opacity:.7}.hub-kit .why{color:var(--yx-dim);font-weight:400;font-family:var(--yx-font-body);font-style:italic}.hub-kit b{color:var(--yx-paper-bright)}.hub-go{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.hub-go .sum{font:500 14px/1.4 var(--yx-font-bold);color:var(--yx-dim)}.hub-go .sum b{color:var(--yx-gold-pale);font-variant-numeric:tabular-nums}.hub-go .yx-btn{min-width:300px;height:60px;font-size:20px}@media (height<=820px){:root{--pm-track-h:280px}.pm-tabs{padding-top:10px}.pm-tab{padding-bottom:12px}.pm-pane{padding-top:12px}.pm-pane-head{margin-bottom:2px}.pm-mark .ico{width:36px;height:36px}.pm-mark .ico svg{width:24px;height:24px}.pm-mark .xp{font-size:14px}.pm-levels{height:84px;margin-top:10px}.pm-total{margin-top:4px;padding:6px 0 12px}.pm-total .v{font-size:32px}.pm-banner{padding-top:12px;padding-bottom:12px}.pm-rows{max-height:calc(100vh - 250px)}}@media (width<=1400px){.hub-wrap{padding:18px 28px 24px}.hub-main{grid-template-columns:minmax(340px,1fr) minmax(520px,1.2fr);gap:24px}.pm-pane{padding:18px 32px 20px}.pm-banner{padding:14px 32px}.pm-row{grid-template-columns:66px 20px 48px minmax(120px,1.2fr) 80px minmax(120px,1.2fr) 120px 80px}}
