/* 1.5 compact game workspaces. New layers do not intercept the whole battlefield. */
.shell150{width:min(1580px,100%);--wb-cell:40px}.shell150 .wb-header{height:55px;padding:7px 13px;gap:12px}.shell150 .wb-header h1{font-size:19px}.shell150 .wb-header h1 small{font-size:11px}.shell150 .wb-round{font-size:25px}.shell150 .wb-tabs{height:38px;padding:0 12px;align-items:stretch}.shell150 .wb-tabs button{padding:8px 16px;min-width:140px}.shell150 .wb-footer{height:49px;padding:6px 13px}.shell150 .wb-footer>.primary{height:35px;min-width:150px}.wallet150{font-size:12px;color:#c5cbc6}.wallet150 b{color:#edcf84}.potion-state150{margin:auto 8px auto auto;font-size:11px;color:#d4c987}.shell150 .wb-body{padding:0}.inspect150{height:92vh;width:min(1500px,96vw)}
.growth150{display:grid;grid-template-columns:minmax(0,1fr) 230px;height:100%;min-height:0}.growth150>.wb-skill-workbench{grid-template-columns:minmax(0,1fr) 248px;min-width:0}.growth150 .wb-tree-panel{padding:5px 10px 8px}.growth150 .wb-core-tree{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px}.growth150 .wb-panel-title{height:37px;gap:7px}.growth150 .wb-panel-title h3 small{display:none}.growth150 .wb-common-tree{--wb-cell:30px;flex-basis:calc(var(--common-rows)*55px);gap:3px}.growth150 .wb-core-label>span:last-child{display:none}.growth150 .wb-node-name{font-size:10px}.growth150 .wb-node-gate{font-size:9px}.growth150 .wb-quickbar{gap:4px;height:58px;padding-top:5px;margin-top:4px}.growth150 .wb-quickbar>span{display:none}.growth150 .wb-quickslot{flex:1;width:auto;height:48px}.growth150 .wb-quickslot .wb-icon{width:30px;height:30px}.growth150 .wb-quickslot small{font-size:8px}.growth150 .wb-skill-details{padding:9px 10px;overflow:auto}.growth150 .wb-section-kicker{margin-bottom:7px}.growth150 .wb-skill-title h2{font-size:18px}.growth150 .wb-skill-title .wb-icon{width:40px;height:40px}.growth150 .wb-rank-line{margin:8px 0}.growth150 .wb-number-table td{padding:5px 3px;font-size:11px}.growth150 .wb-description110{font-size:11px;line-height:1.6;margin:6px 0;padding:6px 8px}.growth150 .wb-detail-footer{gap:5px;padding-top:6px}.growth150 .wb-detail-footer button{height:32px;font-size:11px}.growth150 .wb-detail-footer small{font-size:9px}.growth150 .wb-run-mods{max-height:70px;overflow:auto}.owned-panel150{border-left:1px solid #a1b6ac35;background:#0b202ad9;display:flex;flex-direction:column;min-height:0;min-width:0;padding:8px}.owned-panel150>header{display:flex;align-items:center;justify-content:space-between;height:29px}.owned-panel150 h3{font-size:13px}.owned-panel150 header>span,.owned-filter150>span{font-size:10px;color:#a8b8ad}.owned-filter150{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:5px 0 8px}.owned-filter150 select{font-size:10px;padding:4px 6px;max-width:120px}.owned-list150{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.owned-list150>button{display:flex;width:100%;gap:7px;align-items:center;text-align:left;padding:6px 5px;border-radius:3px;margin-bottom:4px;border:1px solid #6178793c;background:#18313d}.owned-list150 .wb-icon{width:29px;height:29px}.owned-list150 button>span{min-width:0;flex:1}.owned-list150 b{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owned-list150 small{font-size:9px;color:#a3b6aa}.owned-list150 em{font-size:11px;font-style:normal;color:#efd393}.owned-panel150 footer{font-size:10px;line-height:1.5;color:#d4c09a;padding:7px 3px;border-top:1px solid #5877784d}.empty-owned150{text-align:center;font-size:12px;line-height:1.9;color:#91aaaa;padding:40px 5px}
.armory150{height:100%;display:grid;grid-template-columns:minmax(240px,.88fr) minmax(375px,1.45fr) 188px;gap:0;min-height:0}.armory150>section,.wear150{padding:9px 10px;min-width:0;min-height:0}.armory150 header{display:flex;align-items:center;justify-content:space-between;height:27px;gap:8px;flex:none}.armory150 header h3{font-size:14px}.armory150 header span{font-size:10px;color:#a7bab0}.catalog150{display:flex;flex-direction:column;background:#122c355c;border-right:1px solid #78908330}.shop-goods150{display:grid;grid-template-columns:1fr 1.3fr;gap:5px;margin:5px 0 8px}.shop-goods150 button{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px;font-size:11px;min-width:0}.shop-goods150 small{display:block;font-size:9px;color:#d6c294;margin-top:3px}.shop-goods150 img{width:28px;height:28px;image-rendering:pixelated}.ticket-icon150{font:bold 17px Georgia,serif;color:#e8d494;border:1px solid #9e8d5d;background:#384236;display:grid;place-items:center;width:29px;height:33px;border-radius:2px;flex-shrink:0}.catalog-grid150{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(39px,1fr);gap:6px;flex:1;min-height:0}.catalog150>footer{height:33px;flex:none;font-size:10px;line-height:1.6;color:#9fb6aa;padding-top:5px}.item150{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px!important;border:1px solid var(--quality,#d6c494)!important;border-radius:3px;background:linear-gradient(135deg,#18313e,#0c1b24)!important;min-width:0;min-height:0;box-shadow:inset 0 0 8px color-mix(in srgb,var(--quality,#c3b07c) 8%,transparent);overflow:hidden}.item150:hover,.item150.selected{outline:1px solid var(--quality,#ecd99c);outline-offset:1px;background:#27424d!important}.item150 .wb-gear-art{border:0;border-radius:0;background:none;box-shadow:none;max-height:calc(100% - 10px);width:100%;height:100%;min-height:0}.item150 .wb-icon{width:min(40px,75%);height:auto;aspect-ratio:1}.item150>small{font-size:9px;line-height:11px;color:var(--quality,#e8d4a0);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.stack150{position:absolute;top:1px;right:2px;line-height:14px;min-width:13px;padding:0 2px;color:#fff6ce;font-size:11px;text-shadow:0 1px 3px #000;background:#081720d4;border-radius:2px}.enhance150{position:absolute;left:2px;bottom:11px;font-size:9px;font-style:normal;color:#b8e6c4;text-shadow:0 1px 2px #000}.empty150{display:block;border:1px solid #78918e23;border-radius:3px;background:#0b1c264f;min-width:0;min-height:0;color:#4b6774}.stock-panel150{display:flex;flex-direction:column;min-height:0}.stock-filter150{display:flex;justify-content:space-between;gap:6px;margin:5px 0 8px}.stock-filter150>div{display:flex;gap:3px;flex:1}.stock-filter150 button{padding:5px 6px;font-size:10px;flex:1}.stock-filter150 button[aria-pressed=true]{color:#efd095;border-color:#b79a61;background:#514b373d}.stock-filter150 select{padding:4px;font-size:10px;width:77px}.stock-grid150{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));flex:1;gap:4px;min-height:0}.stock-paging150{display:flex;align-items:center;justify-content:space-between;height:31px;flex:none;font-size:10px;color:#8fa9a9}.stock-paging150>div{display:flex;gap:7px;align-items:center}.stock-paging150 button{font-size:13px;padding:1px 8px}.buyback150{border-top:1px solid #7f968d30;height:78px;flex:none}.buyback150>header{height:22px}.buyback150 b{font-size:10px}.buyback150 small{font-size:9px;color:#9cb3ab}.buyback150>div{display:flex;gap:5px;overflow-x:auto;height:51px;scrollbar-width:thin}.buyback150 .item150{flex:0 0 48px;height:45px}.buyback150 .muted{font-size:11px;margin:14px 0}.wear150{border-left:1px solid #78908330;background:#0a1f28a8}.wear-portrait150{height:130px;display:flex;justify-content:center}.wear-portrait150 canvas{height:100%;width:140px;object-fit:contain;image-rendering:pixelated}.wear-grid150{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.wear-slot150{display:flex;align-items:center;gap:5px;font-size:9px;color:#a7bcb2}.wear-slot150 .item150,.wear-slot150>.empty150{width:48px;height:48px;text-align:center;line-height:48px}.wear150 dl{margin:11px 0;display:grid;gap:4px}.wear150 dl>div{display:flex;justify-content:space-between;font-size:11px}.wear150 dt{color:#8fada9}.wear150 dd{margin:0;color:#dccfa3}.wear150>p{font-size:9px;color:#8fada9;text-align:center}
.popover150{position:fixed;z-index:155;width:520px;max-width:95vw;max-height:84vh;overflow:auto;background:linear-gradient(125deg,#233b45,#10232d);border:1px solid #ab9a6f;border-radius:6px;box-shadow:0 18px 65px #000c;color:#d9e1d7;padding:9px;scrollbar-width:thin}.popover150[hidden]{display:none}.popover-head150{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:0 2px 7px}.popover-head150 button{padding:2px 8px;font-size:17px}.compare150{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compare-card150{border:1px solid color-mix(in srgb,var(--quality,#9badb3) 40%,transparent);background:#0f242bd9;padding:9px;min-width:0}.compare-card150>small{font-size:10px;color:#9aafa8}.compare-card150 header{display:flex;gap:8px;align-items:center;margin:7px 0}.compare-card150 header>.wb-gear-art{width:35px;height:35px;flex:none}.compare-card150 h3{color:var(--quality,#a9bcb5);font-size:12px;line-height:1.5;margin:0}.compare-card150>p{font-size:10px;color:#abbeb4;line-height:1.6;margin:5px 0}.compare-card150 dl{font-size:11px;display:grid;gap:5px}.compare-card150 dl>div{display:flex;justify-content:space-between;gap:5px}.compare-card150 dt{color:#a7bbb3}.compare-card150 dd{margin:0;color:#e5ddb1}.compare-card150 .special150{border-top:1px solid #7799913d;padding-top:6px;color:#d2c899}.set150{border-top:1px solid #78998b35;margin-top:8px;padding-top:7px;font-size:10px}.set150 b{color:#ceb980}.set150 p{font-size:10px;line-height:1.7;margin:5px 0}.set150 small{font-size:9px;color:#8fa9a9}.popup-actions150{display:flex;gap:6px;margin-top:10px}.popup-actions150 button{flex:1;padding:8px 6px;font-size:11px}.popup-note150{font-size:10px;color:#acc1b6;line-height:1.7;margin:7px 2px 0}.variants150{display:flex;gap:5px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #7f938b3c;padding:3px 0 7px;margin-bottom:8px;font-size:10px}.variants150 button{font-size:10px;padding:4px 7px}.variants150 button[aria-pressed=true]{border-color:#d3b875;color:#f2d89c}
.choice150{position:fixed;z-index:120;left:0;right:0;top:24%;display:flex;justify-content:center;pointer-events:none}.choice150[hidden]{display:none}.choice150>section{width:min(744px,88vw);pointer-events:auto;padding:8px;background:#10222bdf;border:1px solid #d3bb7b77;border-radius:6px;box-shadow:0 6px 35px #0007}.choice150 header,.choice150 footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:4px 5px}.choice150 header span{font-weight:bold;color:#efcb78}.choice150 footer{font-size:10px;padding-top:8px;color:#a5bab0}.choice150 footer>span{color:#cfe7a9}.choice-cards150{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:6px}.choice-cards150 article{padding:9px 10px;background:#1b3540ed;border:1px solid #738e8a63;border-radius:4px;display:flex;flex-direction:column;min-width:0}.choice-title150{display:flex;gap:9px;align-items:center;height:36px}.choice-title150 .wb-icon{width:32px;height:32px;flex:none}.choice-title150 b{display:block;font-size:13px;line-height:1.5;word-break:break-all}.choice-title150 small{font-size:9px;color:#baaa80}.choice-common150{font-style:normal;font-size:25px;color:#ddc68d}.choice-cards150 p{height:58px;overflow:auto;scrollbar-width:thin;font-size:11px;line-height:1.7;color:#d2dcca;margin:9px 0 5px}.choice-rank150{font-size:9px;color:#a7bdb2;margin-bottom:6px}.choice-cards150 button{width:100%;font-size:11px;padding:6px 4px;margin-top:4px}.choice-cards150 button:disabled{opacity:.4}.loot-feed150{position:fixed;right:15px;top:68px;width:292px;z-index:30;background:#06141fd6;border:1px solid #8299894a;border-radius:5px;color:#dae2dc;pointer-events:auto}.loot-feed150[hidden]{display:none}.loot-feed150 header{height:27px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px}.loot-feed150 header small{font-size:9px;color:#99b0a8}.loot-scroll150{height:110px;overflow-y:auto;scrollbar-width:thin;border-top:1px solid #66857938;padding:0 5px}.loot-scroll150>div{height:22px;display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.loot-scroll150>div>small{color:#839c94;font-size:9px;width:26px;flex:none}.loot-scroll150 span{overflow:hidden;text-overflow:ellipsis}.loot-scroll150 b{font-size:10px;font-weight:500}.loot-empty150{color:#809b9f}.card-reports150{position:fixed;left:24%;right:27%;top:96px;z-index:32;pointer-events:none}.card-reports150>div{display:flex;align-items:center;gap:7px;justify-content:center;font-size:11px;padding:5px 7px;margin:3px auto;border-radius:4px;background:#0a1d27d9;border:1px solid #a58e5b45;width:fit-content;max-width:100%;text-shadow:0 1px 2px #000}.card-reports150 b{color:#e4c785;white-space:nowrap}.card-reports150 span{color:#e2e5cf}.card-reports150 small{font-size:9px;color:#a5b9ae}.practice-class150{font-size:11px;padding:4px 7px}.xp-window150{color:#c9d695}.xp-potion150{color:#c8b2ed}



.owned-list150>button>.wb-icon{flex:0 0 29px;width:29px;height:29px;min-width:29px}

.loot-scroll150{box-sizing:content-box;height:110px}.item150 .wb-icon{height:100%;width:auto;max-height:36px;max-width:95%;aspect-ratio:1;flex:0 0 auto}.catalog-grid150 .item150 .wb-gear-art{max-height:calc(100% - 12px)}

.shop-chaos150{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 5px;flex:none}.shop-chaos150 button{padding:5px 3px;font-size:10px;border-color:#9b88b16b;color:#d4b6ea}.shop-chaos150 span,.shop-chaos150 small{display:block}.shop-chaos150 small{font-size:9px;color:#c3ad86;margin-top:3px}.shop-result150{height:35px;flex:none;padding:1px 3px 5px;font-size:9px;line-height:1.55;color:#d4c493;overflow:auto;scrollbar-width:thin}.shop-result150 small{font-size:8px;color:#829f9f;display:block}.shop-result150>span{display:block}.rainbow150{border:1px solid transparent!important;background:linear-gradient(#17313c,#10232d) padding-box,linear-gradient(115deg,#70e2d9,#7caff6,#c093f9,#ef90d1,#f3d17c,#8ee3ad,#70e2d9) border-box!important;background-size:auto,300% 100%!important;animation:fortuneBorder150 7s linear infinite;box-shadow:0 0 7px #bc95f929}.rainbow150 h3,.rainbow150 .choice-title150 b,.owned-list150 .rainbow150 b{color:#f1dafa}.rainbow150:hover{box-shadow:0 0 11px #cfb4ff47}@keyframes fortuneBorder150{0%{background-position:0 0,0 0}100%{background-position:0 0,300% 0}}@media(prefers-reduced-motion:reduce){.rainbow150{animation:none}}