.is-hud .stage .gw-ui .btn.btn.btn { --tone-top: #3e3324; --tone-mid: #2e2519; --tone-bottom: #231b12; --tone-edge: #8b6a3e; --tone-text: #f2d48e; --tone-glow: rgba(233, 196, 106, .25); min-height: 1.9rem; padding: .3rem .75rem; border-radius: .45rem; box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 230, 180, .1); text-shadow: none; font-size: .8rem; font-weight: 600; }
.is-hud .stage .gw-ui .btn.btn.btn:hover:not(:disabled) { --tone-edge: var(--fw-gold); filter: brightness(1.1); }
.is-hud .stage .gw-ui .btn.btn.btn:is(.btn-primary, .btn-gold) { --tone-top: #ffdc7c; --tone-mid: #f6b53a; --tone-bottom: #c27810; --tone-edge: #6a3e08; --tone-text: #2c1600; font-family: var(--font-display); letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 255, 240, .55), inset 0 -2px 0 rgba(120, 60, 0, .4); }
.is-hud .stage .gw-ui .btn.btn.btn.btn-danger { --tone-top: #80281a; --tone-mid: #641c12; --tone-bottom: #4c120c; --tone-edge: #b06a3a; --tone-text: #f8dcbc; }
.is-hud .stage .gw-ui .btn.btn.btn.btn-ghost { --tone-top: transparent; --tone-mid: transparent; --tone-bottom: transparent; --tone-edge: #5c4226; box-shadow: none; }
.is-hud .stage .gw-ui .btn.btn.btn:disabled { filter: saturate(.3) brightness(.7); opacity: .75; cursor: not-allowed; }
.is-hud .stage .gw-ui .btn.btn.btn.btn-lg { min-height: 2.5rem; font-size: .95rem; }
.is-hud .stage .gw-ui .btn.btn.btn.btn-sm { min-height: 1.6rem; padding: .15rem .5rem; font-size: .74rem; }
.is-hud .stage .gw-ui .btn.btn.btn.btn-icon { padding: 0; width: 1.9rem; }
.is-hud .stage .gw-ui .btn-block { width: 100%; }
.is-hud .stage .gw-ui .btn .ia-glyph { width: .9rem; height: .9rem; }
.is-hud .stage .gw-ui .btn .ia-emblem { width: 1.1rem; height: 1.1rem; }
.is-hud .stage .gw-ui .segmented.segmented { flex-wrap: wrap; gap: .25rem; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; opacity: 1; }
.is-hud .stage .gw-ui .segmented.segmented button { flex: 1; justify-content: center; min-height: 1.75rem; padding: 0 .55rem; border: 1px solid #5c4226; border-radius: .45rem; background: linear-gradient(#2e2f32, #1c1d1f); color: #cfc8b8; font: 700 .78rem var(--font-ui); letter-spacing: 0; box-shadow: 0 0 0 1px #000; }
.is-hud .stage .gw-ui .segmented.segmented button:hover:not(:disabled) { border-color: var(--fw-edge-hi); color: #f2ead8; background: linear-gradient(#36373a, #222325); }
.is-hud .stage .gw-ui .segmented.segmented button[aria-pressed="true"] { border-color: #6a3e08; background: linear-gradient(#ffd977, #d88a16); color: #2c1600; box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 255, 240, .5); }
.is-hud .stage .gw-ui .segmented.segmented button .tab-level { color: inherit; opacity: .75; }
.is-hud .stage .gw-ui .input, .is-hud .stage .gw-ui .select { min-height: 1.85rem; padding: 0 .5rem; border: 1px solid #5c4226; border-radius: .45rem; background-color: #0b0b0c; color: #f2ead8; font-size: .82rem; box-shadow: inset 0 1px 3px #000, 0 0 0 1px #000; }
.is-hud .stage .gw-ui .input::placeholder { color: #7a7368; }
.is-hud .stage .gw-ui .input:focus, .is-hud .stage .gw-ui .select:focus { border-color: var(--fw-gold); box-shadow: inset 0 1px 3px #000, 0 0 0 1px #000, 0 0 .5rem rgba(240, 200, 98, .3); outline: none; }
.is-hud .stage .gw-ui .select { background-image: linear-gradient(45deg, transparent 50%, #e9c46a 50%), linear-gradient(135deg, #e9c46a 50%, transparent 50%), linear-gradient(#141516, #0b0b0c); }
.is-hud .stage .gw-ui .select option { background: #141516; color: #f2ead8; }
.is-hud .stage .gw-ui .search .ia-glyph { color: #c9a462; }
.is-hud .stage .gw-ui .search .input { padding-left: 1.9rem; }
.is-hud .stage .gw-ui .toggle { border-color: #5c4226; }
.is-hud .stage .gw-ui .win-caps { display: flex; align-items: center; justify-content: center; height: 1.5rem; margin: 0; padding: 0 .5rem; font: 400 .8rem/1 var(--font-ui); letter-spacing: .02em; text-transform: none; color: #dcd6c8; background: linear-gradient(#48494d, #2c2d30); border: 1px solid #000; border-radius: .6rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), inset 0 -1px 0 rgba(0, 0, 0, .4); }
.is-hud .stage .gw-ui .t-caps { color: #c9a462; }
.is-hud .stage .gw-ui .empty { color: var(--fw-dim); }
.is-hud .stage .gw-ui .empty strong { color: #e6dfcf; }
.is-hud .stage .gw-ui .empty .ia-emblem { filter: grayscale(.2) drop-shadow(0 .1rem .1rem #000); }
.is-hud .stage .gw-ui kbd.key { color: #f2d48e; background: linear-gradient(#3e3324, #231b12); border-color: #8b6a3e; box-shadow: 0 1px 0 #000; }
.is-hud .stage .gw-ui { scrollbar-width: thin; scrollbar-color: #b8893e #0d0d0e; }
.is-hud .stage .gw-ui ::-webkit-scrollbar { width: 9px; height: 9px; }
.is-hud .stage .gw-ui ::-webkit-scrollbar-track { background: #0d0d0e; }
.is-hud .stage .gw-ui ::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #e3b65e, #9a6c28); border: 1px solid #000; border-radius: .45rem; }
.is-hud .stage .gw-ui .well { border-radius: .45rem; border-color: var(--fw-edge); background: radial-gradient(circle at 50% 38%, #2a2b2e, #0e0f10 76%); box-shadow: inset 0 0 0 1px #000, inset 0 0 .7rem rgba(0, 0, 0, .85); }
.is-hud .stage .gw-ui button.well:hover, .is-hud .stage .gw-ui .well.is-hover { border-color: var(--fw-edge-hi); background: radial-gradient(circle at 50% 38%, #34353a, #121315 76%); box-shadow: inset 0 0 0 1px #000, inset 0 0 .7rem rgba(0, 0, 0, .85); }
.is-hud .stage .gw-ui .well > img { filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .7)); transition: transform .12s; }
.is-hud .stage .gw-ui button.well:hover > img { transform: scale(1.06); }
.is-hud .stage .gw-ui .well.is-selected { border-color: var(--fw-sel); box-shadow: inset 0 0 0 1px #000, 0 0 0 1px rgba(240, 200, 98, .55), 0 0 .7rem rgba(240, 200, 98, .32), inset 0 0 .9rem rgba(240, 200, 98, .14); }
.is-hud .stage .gw-ui .well.r-epic:not(.is-selected) { border-color: #6b4a8a; box-shadow: inset 0 0 0 1px #000, inset 0 0 .7rem rgba(0, 0, 0, .85), 0 0 .5rem rgba(195, 140, 255, .22); }
.is-hud .stage .gw-ui .well.r-legendary:not(.is-selected) { border-color: #a0702a; box-shadow: inset 0 0 0 1px #000, inset 0 0 .7rem rgba(0, 0, 0, .85), 0 0 .6rem rgba(255, 179, 71, .3); }
.is-hud .stage .gw-ui .well.r-mythic:not(.is-selected) { border-color: #a0407a; }
.is-hud .stage .gw-ui .well:is(.r-uncommon, .r-crafted, .r-rare, .r-epic, .r-legendary, .r-mythic)::before { left: auto; right: .3rem; top: .3rem; }
.is-hud .stage .gw-ui .well .qty { left: 3px; right: auto; top: 2px; bottom: auto; font: 700 .72rem/1 var(--font-ui); color: var(--fw-count); text-shadow: 1px 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000, 1px 0 0 #000; }
.is-hud .stage .gw-ui .well .qty[data-tone="many"], .is-hud .stage .gw-ui .well .qty[data-tone="lots"] { color: var(--fw-count); }
.is-hud .stage .gw-ui .well.is-ghost { border-color: #3c2e20; }
.is-hud .stage .gw-ui .well.is-empty { background: radial-gradient(circle at 50% 38%, #1c1d1f, #0a0b0c 76%); }
.is-hud .stage .gw-ui .bank-grid .well > img { width: 80%; height: 80%; }

.gw-win.is-bank { width: 100%; }
.is-hud .gw-body.is-bank { grid-template-columns: minmax(0, 1fr) 23rem; }
.is-hud .gw-col.is-vault { display: flex; flex-direction: column; min-height: 0; overflow: hidden; padding: .4rem .45rem .35rem; }
.is-hud .gw-bank-strip { flex: none; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .35rem .8rem; padding: 0 0 .35rem; border-bottom: 1px solid #000; box-shadow: 0 1px 0 #2c2d30; }
.is-hud .gw-bank .bank-tabs { display: flex; align-items: flex-end; gap: .25rem; padding: 0; border: 0; overflow: visible; }
.is-hud .gw-bank .bank-tab { position: relative; display: flex; align-items: center; gap: .35rem; flex: none; height: 2.1rem; margin: 0; padding: 0 .6rem 0 .35rem; border: 1px solid var(--fw-edge); border-radius: .45rem .45rem 0 0; background: linear-gradient(#2c2a27, #1a1917); color: #d8d0bf; font: 600 .78rem/1 var(--font-ui); box-shadow: inset 0 1px 0 rgba(255, 230, 180, .08); transition: none; }
.is-hud .gw-bank .bank-tab:hover { border-color: var(--fw-edge-hi); color: #f2ead8; background: linear-gradient(#36332f, #1f1d1a); }
.is-hud .gw-bank .bank-tab.is-active, .is-hud .gw-bank .bank-tab.is-active:hover { height: 2.1rem; margin: 0; color: #2c1600; background: linear-gradient(#ffd977, #d88a16); border-color: #6a3e08; }
.is-hud .gw-bank .bank-tab.is-active::before { display: none; }
.is-hud .gw-bank .bank-tab.has-match { border-color: #4f9a46; background: linear-gradient(#24401f, #162a12); color: #b8f0a8; box-shadow: none; }
.is-hud .gw-bank .bank-tab.has-match small { color: #94e27e; }
.is-hud .gw-bank .bank-tab.is-add { padding: 0 .55rem; color: #f2d48e; }
.is-hud .gw-bank .bank-tab.is-add .ia-glyph { width: .9rem; height: .9rem; }
.is-hud .gw-bank .tab-icon { width: 1.5rem; height: 1.5rem; border-radius: .45rem; background: radial-gradient(circle at 50% 38%, #2a2b2e, #0e0f10 76%); border: 1px solid #000; }
.is-hud .gw-bank .bank-tab.is-active .tab-icon { background: radial-gradient(circle at 50% 38%, #5a4620, #2a1e0a 76%); }
.is-hud .gw-bank .tab-icon img, .is-hud .gw-bank .tab-icon .ia-emblem { width: 1.2rem; height: 1.2rem; }
.is-hud .gw-bank .tab-icon .ia-glyph { width: .85rem; height: .85rem; color: #c9a462; }
.is-hud .gw-bank .tab-name { font-weight: 600; font-size: .78rem; }
.is-hud .gw-bank .bank-tab small { font: 700 .66rem var(--font-num); color: var(--fw-count); }
.is-hud .gw-bank .bank-tab.is-active small { color: #5a3a10; }
.is-hud .gw-bank .tab-rename { width: 6.5rem; height: 1.5rem; padding: 0 .35rem; border: 1px solid var(--fw-gold); border-radius: .45rem; background: #0b0b0c; color: #f2ead8; font-size: .78rem; outline: none; }
.is-hud .gw-bank .bank-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; padding: 0 0 .15rem; }
.is-hud .gw-bank .filter-chip { display: inline-flex; align-items: center; gap: .3rem; height: 1.7rem; padding: 0 .55rem; border: 1px solid #5c4226; border-radius: .45rem; background: linear-gradient(#2e2f32, #1c1d1f); color: #cfc8b8; font-size: .74rem; font-weight: 600; box-shadow: 0 0 0 1px #000; transition: none; }
.is-hud .gw-bank .filter-chip:hover { border-color: var(--fw-edge-hi); color: #f2ead8; }
.is-hud .gw-bank .filter-chip.is-active { border-color: #6a3e08; background: linear-gradient(#ffd977, #d88a16); color: #2c1600; }
.is-hud .gw-bank .filter-chip small { font: 700 .64rem var(--font-num); color: var(--fw-count); }
.is-hud .gw-bank .filter-chip.is-active small { color: #5a3a10; }
.is-hud .gw-bank .filter-toggle { display: inline-flex; align-items: center; gap: .35rem; font-size: .74rem; color: var(--fw-dim); }
.is-hud .gw-bank .bank-scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: .5rem .3rem .5rem .1rem; scrollbar-width: thin; scrollbar-color: #b8893e #0d0d0e; }
.is-hud .gw-bank .bank-scroll::-webkit-scrollbar { width: 9px; }
.is-hud .gw-bank .bank-scroll::-webkit-scrollbar-track { background: #0d0d0e; border-left: 1px solid #000; }
.is-hud .gw-bank .bank-scroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #e3b65e, #9a6c28); border: 1px solid #000; border-radius: .45rem; }
.is-hud .gw-bank .bank-grid { grid-template-columns: repeat(auto-fill, 3.75rem); gap: .35rem; align-content: start; justify-content: start; min-height: 100%; border-radius: .45rem; }
.is-hud .gw-bank .bank-grid .well { width: 3.75rem; height: 3.75rem; }
.is-hud .gw-bank .bank-grid .qty { font-size: .74rem; }
.is-hud .gw-bank .bank-grid.is-drop { outline: 1px dashed var(--fw-gold); outline-offset: -2px; }
.is-hud .gw-bank .bank-grid .empty { padding-top: 4rem; }
.is-hud .gw-bank-foot { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; padding: .45rem 0 .1rem; border-top: 1px solid #000; box-shadow: inset 0 1px 0 #2c2d30; }
.is-hud .gw-bank-foot .search { width: 14rem; }
.is-hud .gw-bank-foot .search .input { width: 100%; }
.is-hud .gw-bank-room { display: grid; grid-template-columns: auto auto auto; grid-template-areas: "icon used cap" "icon bar bar"; align-items: center; column-gap: .3rem; padding: .2rem .5rem .25rem .4rem; border: 1px solid #000; border-radius: .45rem; background: linear-gradient(#232426, #1a1b1d); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
.is-hud .gw-bank-room .ia-emblem { grid-area: icon; width: 1.5rem; height: 1.5rem; margin-right: .2rem; }
.is-hud .gw-bank-room > b { grid-area: used; font-size: .86rem; color: var(--fw-count); }
.is-hud .gw-bank-room > b.t-bad { color: var(--fw-bad); }
.is-hud .gw-bank-room > span { grid-area: cap; font-size: .74rem; color: var(--fw-dim); }
.is-hud .gw-bank .gw-bank-bar { grid-area: bar; width: 6.5rem; height: .4rem; margin: .15rem 0 0; border: 1px solid #000; border-radius: .45rem; background: #09090a; box-shadow: 0 0 0 1px #3c2c1a; overflow: hidden; }
.is-hud .gw-bank .gw-bank-bar > i { display: block; height: 100%; border-radius: 0; background: var(--fill, #d39a3e); }
.is-hud .gw-bank .gw-bank-bar > i::after { display: none; }
.is-hud .gw-bank-room .perk-note { grid-column: 1 / -1; font-size: .62rem; color: var(--fw-dim); }
.is-hud .gw-bank-foot .btn { min-height: 2.2rem; }
.is-hud .stage .gw-bank-foot .btn.btn.btn.btn-gold { --tone-top: #3e3324; --tone-mid: #2e2519; --tone-bottom: #231b12; --tone-edge: #8b6a3e; --tone-text: #f2d48e; font-family: var(--font-ui); letter-spacing: 0; text-transform: none; box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 230, 180, .1); }
.is-hud .gw-bank-worth { display: flex; gap: .4rem; margin-left: auto; }
.is-hud .gw-bank-worth > span { display: grid; grid-template-columns: auto auto; grid-template-areas: "icon n" "label label"; align-items: center; column-gap: .25rem; padding: .2rem .55rem; border: 1px solid #000; border-radius: .45rem; background: linear-gradient(#232426, #1a1b1d); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
.is-hud .gw-bank-worth .ia-emblem { grid-area: icon; width: 1rem; height: 1rem; }
.is-hud .gw-bank-worth b { grid-area: n; font-size: .86rem; color: var(--fw-gold); }
.is-hud .gw-bank-worth small { grid-area: label; font-size: .6rem; color: var(--fw-dim); white-space: nowrap; }
.is-hud .gw-bank .bank-hints { flex: none; gap: .75rem; padding: .3rem .1rem 0; border: 0; background: none; border-radius: 0; font-size: .68rem; color: #7a7368; }
.is-hud .gw-bank .bank-side { display: flex; flex-direction: column; gap: .45rem; min-width: 0; min-height: 0; }
.is-hud .gw-bank .bank-gear { flex: 0 1 auto; display: flex; flex-direction: column; gap: .45rem; min-height: 0; overflow-y: auto; padding: .45rem; background: rgba(8, 9, 10, .62); border: 1px solid #000; border-radius: .45rem; box-shadow: inset 0 0 0 1px #2c2d30, inset 0 .2rem .8rem rgba(0, 0, 0, .6); scrollbar-width: thin; scrollbar-color: #b8893e #0d0d0e; }
.is-hud .gw-bank .bank-gear-head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: .35rem; }
.is-hud .gw-bank .bank-gear-head .win-caps { justify-content: flex-start; }
.is-hud .gw-bank .bank-gear-head .meta { font-size: .74rem; color: var(--fw-dim); white-space: nowrap; }
.is-hud .gw-bank .bank-gear-head .meta b { color: var(--fw-count); }
.is-hud .gw-bank .bank-gear-head .btn { min-height: 1.5rem; padding: 0 .5rem; font-size: .72rem; }
.is-hud .gw-bank .bank-gear-head .btn-icon { width: 1.6rem; padding: 0; }
.is-hud .gw-bank .bank-gear-head .btn-icon span { display: none; }
.is-hud .gw-bank .gear-stats { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .2rem .6rem; padding: .35rem .5rem; background: linear-gradient(#232426, #1a1b1d); border: 1px solid #000; border-radius: .45rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
.is-hud .gw-bank .gear-power { display: contents; font: 700 1.5rem/1 var(--font-display); color: #f4dc98; }
.is-hud .gw-bank .gear-power small { grid-column: 1 / -1; overflow: hidden; font: 400 .66rem var(--font-ui); letter-spacing: .08em; text-transform: uppercase; color: #c9a462; white-space: nowrap; text-overflow: ellipsis; }
.is-hud .gw-bank .gear-hp { grid-area: 1 / 2; gap: .35rem; font-size: .76rem; color: var(--fw-text); }
.is-hud .gw-bank .gear-hp .eq-hp-bar { width: 4.2rem; height: .4rem; border: 1px solid #000; border-radius: .45rem; background: #09090a; }
.is-hud .gw-bank .gear-hp b { white-space: nowrap; }
.is-hud .gw-bank .bank-gear-doll { padding-top: .2rem; }
.is-hud .gw-bank .eqd-bones path { stroke: rgba(201, 164, 98, .25); }
.is-hud .gw-bank .eqd-cell > .well { border-radius: .45rem; }
.is-hud .gw-bank .eqd-cell > .well > img { width: 62%; height: 62%; }
.is-hud .gw-bank .ledger-block, .is-hud .gw-bank .dock-headlines { font-size: .74rem; }
.is-hud .gw-bank .bank-inspect { flex: 1 1 0; min-height: 12rem; display: flex; flex-direction: column; padding: .45rem 0 0; background: rgba(8, 9, 10, .62); border: 1px solid #000; border-radius: .45rem; box-shadow: inset 0 0 0 1px #2c2d30, inset 0 .2rem .8rem rgba(0, 0, 0, .6); }
.is-hud .gw-bank .bank-inspect > .win-caps { margin: 0 .45rem; }
.is-hud .gw-bank .bank-inspect > .empty { flex: 1; align-content: center; }
.is-hud .gw-bank .inspect-scroll { padding: .55rem .6rem .7rem; gap: .6rem; scrollbar-width: thin; scrollbar-color: #b8893e #0d0d0e; }
.is-hud .gw-bank .inspect-scroll > .inspect-sell { bottom: -.7rem; margin: 0 -.6rem -.7rem; padding: .5rem .6rem .7rem; background: #141516; border-top: 1px solid #3a2c1c; }
.is-hud .gw-bank .owned-grid div { border: 1px solid #000; border-radius: .45rem; background: linear-gradient(#232426, #1a1b1d); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
.is-hud .gw-bank .owned-grid dt { font-weight: 400; letter-spacing: .1em; color: #c9a462; }
.is-hud .gw-bank .owned-grid dd { font-size: .92rem; color: #f2ead8; }
.is-hud .gw-bank .inspect-section { gap: .4rem; padding-top: .45rem; border-top: 1px solid #2c2d30; }
.is-hud .gw-bank .inspect-section .t-caps { font-size: .62rem; letter-spacing: .1em; color: #c9a462; }
.is-hud .gw-bank .sell-quote { border: 1px solid #000; border-radius: .45rem; background: linear-gradient(#232426, #1a1b1d); color: var(--fw-dim); }
.is-hud .gw-bank .sell-quote b { color: var(--fw-gold); }
.is-hud .gw-bank .inspect-note { color: var(--fw-dim); }
.is-hud .gw-bank .inspect-market-btns { display: grid; gap: .35rem; }
.is-hud .gw-bank .inspect-foot { flex: none; display: grid; gap: .4rem; padding: .5rem .6rem .6rem; border-top: 1px solid #000; box-shadow: inset 0 1px 0 #2c2d30; background: linear-gradient(#19191b, #121314); }
.is-hud .gw-bank .inspect-foot .btn-primary { min-height: 2.4rem; font-size: .9rem; letter-spacing: .14em; }
.is-hud .gw-bank .inspect-foot .inspect-section { border-top: 0; padding-top: .1rem; }
.is-hud .gw-bank .inspect-foot .inspect-qty { gap: .3rem; }
.is-hud .gw-bank .inspect-foot .inspect-sell { gap: .35rem; }
.is-hud .gw-bank .inspect-foot .hold-buy { min-height: 2.4rem; font-size: .88rem; }
.is-hud .gw-bank .hold-buy.is-holding { box-shadow: 0 0 0 1px #000, 0 0 1rem rgba(242, 198, 106, .6); }
.is-hud .gw-bank .bank-inspect.item-card .tip-block:first-child { border-top-color: #2c2d30; }
.is-hud .gw-bank .ic.is-panel .ic-plate, .is-hud .gw-bank .ic.is-panel .plate { background: none; }

@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .gw-bank .bank-gear, .gw-bank .bank-scroll, .gw-bank .inspect-scroll { overflow: visible; }
}

.is-hud .gw-win.is-place { width: 100%; }
.is-hud .gw-win.is-place .gw-page > .page { inset: .8rem .9rem .8rem; }

.is-hud .stage .gw-framed .win-head .win-emblem, .is-hud .stage .gw-framed .win-head h1 { display: none; }
.is-hud .stage .gw-framed .win-head { align-items: center; gap: .8rem; }
.is-hud .stage .gw-framed .win-name { gap: .6rem; }
.is-hud .stage .gw-framed .win-name .t-caps { color: #c9a462; }
.is-hud .stage .gw-framed .win-level { color: #f4dc98; }
.is-hud .stage .gw-framed .win-sub, .is-hud .stage .gw-framed .win-blurb { color: var(--fw-dim); font-size: .86rem; }
.is-hud .stage .gw-framed .win-stats { display: flex; gap: .4rem; }
.is-hud .stage .gw-framed .win-stats > div { display: grid; justify-items: end; gap: .1rem; min-width: 6rem; padding: .3rem .6rem; border: 1px solid #000; border-radius: .45rem; background: linear-gradient(#232426, #1a1b1d); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
.is-hud .stage .gw-framed .win-stats > div small { font-size: .6rem; letter-spacing: .1em; color: #c9a462; white-space: nowrap; }
.is-hud .stage .gw-framed .win-stats > div b { font-size: .95rem; color: var(--fw-gold); }
.is-hud .stage .gw-framed .win-progress .bar { height: .45rem; border: 1px solid #000; border-radius: .45rem; background: #09090a; box-shadow: 0 0 0 1px #3c2c1a; }
.is-hud .stage .gw-framed .win-progress small { color: var(--fw-dim); }
.is-hud .stage .gw-framed .win-progress small b { color: #f2ead8; }
.is-hud .stage .gw-framed :is(.panel, .win-side, .win-card, .res-card, .win-grid .res-card.is-future) { border-radius: .45rem; border: 1px solid #000; background: linear-gradient(#1f2022, #161718); box-shadow: inset 0 0 0 1px #2c2d30; }
.is-hud .stage .gw-framed :is(.win-card, .res-card):hover { border-color: var(--fw-edge-hi); background: linear-gradient(#242528, #1a1b1d); }
.is-hud .stage .gw-framed :is(.win-card, .res-card).is-selected { border-color: var(--fw-sel); background: linear-gradient(#252320, #1a1917); box-shadow: inset 0 0 0 1px #000, 0 0 0 1px rgba(240, 200, 98, .45), 0 0 .8rem rgba(240, 200, 98, .22); }
.is-hud .stage .gw-framed .panel.choose { border: 0; background: none; box-shadow: none; }
.is-hud .stage .gw-framed .plaque, .is-hud .stage .gw-framed .win-side > .win-caps { display: flex; align-items: center; justify-content: center; gap: .4rem; height: 1.5rem; margin: .45rem .45rem 0; padding: 0 .5rem; font: 400 .8rem/1 var(--font-ui); letter-spacing: .02em; text-transform: none; color: #dcd6c8; background: linear-gradient(#48494d, #2c2d30); border: 1px solid #000; border-radius: .6rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), inset 0 -1px 0 rgba(0, 0, 0, .4); }
.is-hud .stage .gw-framed .panel.choose > .plaque { margin: 0 0 .45rem; }
.is-hud .stage .gw-framed .detail > .plaque { font: 600 1.05rem/1 var(--font-display); color: #f2e8d2; background: none; border: 0; box-shadow: none; justify-content: flex-start; height: auto; margin: .75rem .75rem 0; padding: 0; }
.is-hud .stage .gw-framed .ornament-rule { color: #c9a462; }
.is-hud .stage .gw-framed .ornament-rule::before, .is-hud .stage .gw-framed .ornament-rule::after { background: #3a2c1c; }
.is-hud .stage .gw-framed :is(.choose-tools, .journal-tools, .lb-tools, .journal-list, .disco-head) .segmented.segmented button { flex: none; min-height: 1.9rem; padding: 0 .8rem; border: 1px solid #5c4226; border-radius: .45rem; background: linear-gradient(#2e2f32, #1c1d1f); color: #cfc8b8; font: 600 .8rem var(--font-ui); box-shadow: 0 0 0 1px #000; }
.is-hud .stage .gw-framed :is(.choose-tools, .journal-tools, .lb-tools, .journal-list, .disco-head) .segmented.segmented button:hover:not(:disabled) { border-color: var(--fw-edge-hi); color: #f2ead8; background: linear-gradient(#36373a, #222325); }
.is-hud .stage .gw-framed :is(.choose-tools, .journal-tools, .lb-tools, .journal-list, .disco-head) .segmented.segmented button[aria-pressed="true"] { border-color: #6a3e08; background: linear-gradient(#ffd977, #d88a16); color: #2c1600; box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 255, 240, .5); }
.is-hud .stage .gw-framed .win-go { height: 2rem; padding: 0 .8rem; border: 1px solid #8b6a3e; border-radius: .45rem; background: linear-gradient(#3e3324, #231b12); color: #f2d48e; font-size: .84rem; box-shadow: 0 0 0 1px #000; }
.is-hud .stage .gw-framed .win-go:hover:not(:disabled) { border-color: var(--fw-gold); background: linear-gradient(#4a3d2a, #2a2014); }
.is-hud .stage .gw-framed .win-state.is-working { border-radius: .45rem; }
.is-hud .stage .gw-framed :is(.fact, .drop-row, .craft-row, .skill-summary-row, .lb-row, .chronicle-entry, .highlight, .disco-card) { border-radius: 0; }
.is-hud .stage .gw-framed .fact, .is-hud .stage .gw-framed .detail .fact, .is-hud .stage .gw-framed .win-side .fact { border: 0; border-left: 2px solid #4a3520; background: linear-gradient(90deg, #232427, #1c1d1f); }
.is-hud .stage .gw-framed .fact small, .is-hud .stage .gw-framed .detail .fact small { color: #c9a462; }
.is-hud .stage .gw-framed .callout { border-radius: .45rem; border-color: #3a2c1c; background: #141516; }
.is-hud .stage .gw-framed .chip { border-radius: .45rem; }
.is-hud .stage .gw-framed .detail-action, .is-hud .stage .gw-framed .win-side .detail-action { border-top: 1px solid #000; box-shadow: inset 0 1px 0 #2c2d30; background: linear-gradient(#19191b, #121314); }
.is-hud .stage .gw-framed .bar { border-radius: .45rem; }
.is-hud .stage .gw-framed .bar > i { border-radius: 0; }

.is-hud .stage .gw-framed.is-store .store-cat { border-radius: .45rem; border: 1px solid #000; border-left: 2px solid #4a3520; background: linear-gradient(90deg, #232427, #1c1d1f); color: #d8d0bf; transition: none; }
.is-hud .stage .gw-framed.is-store .store-cat:hover { border-color: #000; border-left-color: var(--fw-edge-hi); background: linear-gradient(90deg, #2a2b2f, #202124); transform: none; }
.is-hud .stage .gw-framed.is-store .store-cat.is-active { color: #ffe7a6; border-color: var(--fw-sel); border-left-color: var(--fw-sel); background: linear-gradient(90deg, #2e2a20, #1f1c16); box-shadow: 0 0 0 1px rgba(240, 200, 98, .35); }
.is-hud .stage .gw-framed.is-store .store-cat-icon { border-radius: .45rem; border: 1px solid var(--fw-edge); background: radial-gradient(circle at 50% 38%, #2a2b2e, #0e0f10 76%); box-shadow: inset 0 0 0 1px #000; }
.is-hud .stage .gw-framed.is-store .store-cat-group { color: #c9a462; }
.is-hud .stage .gw-framed.is-store .ul-head { padding: .2rem .1rem .4rem; border-bottom: 1px solid #3a2c1c; }
.is-hud .stage .gw-framed.is-store .ul-head h3 { color: #f0e4c8; text-shadow: none; }
.is-hud .stage .gw-framed.is-store .upgrade-card { border-radius: .45rem; border: 1px solid #000; background: linear-gradient(#1f2022, #161718); box-shadow: inset 0 0 0 1px #2c2d30; }
.is-hud .stage .gw-framed.is-store .upgrade-card::before { left: 0; right: 0; height: 2px; border-radius: 0; background: linear-gradient(90deg, transparent, var(--tier, #8b6a3e), transparent); opacity: .8; }
.is-hud .stage .gw-framed.is-store .upgrade-card.is-next { border-color: var(--fw-edge-hi); box-shadow: inset 0 0 0 1px #000, 0 0 0 1px rgba(240, 200, 98, .3); }
.is-hud .stage .gw-framed.is-store .upgrade-card.is-next:hover { transform: none; border-color: var(--fw-sel); }
.is-hud .stage .gw-framed.is-store .upgrade-card.is-owned { border-color: #2f5a2a; background: linear-gradient(#1c241a, #141814); }
.is-hud .stage .gw-framed.is-store .upgrade-card.is-locked { background: linear-gradient(#1a1b1d, #121314); }
.is-hud .stage .gw-framed.is-store .uc-icon { border-radius: .45rem; border: 1px solid var(--fw-edge); background: radial-gradient(circle at 50% 38%, #2a2b2e, #0e0f10 76%); box-shadow: inset 0 0 0 1px #000; }
.is-hud .stage .gw-framed.is-store .uc-roman { border-radius: .45rem; }
.is-hud .stage .gw-framed.is-store .uc-title strong { color: #f2ead8; }
.is-hud .stage .gw-framed.is-store .uc-section > .t-caps { color: #c9a462; }
.is-hud .stage .gw-framed.is-store .tool-summary, .is-hud .stage .gw-framed.is-store .ts-stat { border-radius: .45rem; border: 1px solid #000; background: linear-gradient(#232426, #1a1b1d); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
.is-hud .stage .gw-framed.is-store .ts-stat b { color: #f2ead8; text-shadow: none; }
.is-hud .stage .gw-framed.is-store .ts-tier { border-radius: .45rem; }
.is-hud .stage .gw-framed.is-store .store-hint { color: var(--fw-dim); }

.is-hud .stage .gw-framed.is-market :is(.mk-card, .mk-offer, .mk-feed-card, .mk-piece, .mk-better-card) { border-radius: .45rem; border: 1px solid #000; background: linear-gradient(#1f2022, #161718); box-shadow: inset 0 0 0 1px #2c2d30; }
.is-hud .stage .gw-framed.is-market .mk-offer.is-sell { border-top: 2px solid #c8902e; }
.is-hud .stage .gw-framed.is-market .mk-offer.is-buy { border-top: 2px solid #3f7fa8; }
.is-hud .stage .gw-framed.is-market .mk-offer.is-piece { border-top-color: #7a5aa8; }
.is-hud .stage .gw-framed.is-market .mk-offer.is-empty { border-style: dashed; border-color: #3a2c1c; background: none; box-shadow: none; }
.is-hud .stage .gw-framed.is-market .mk-side-block { border-top-color: #2c2d30; }
.is-hud .stage .gw-framed.is-market .mk-chip { border-radius: .45rem; }
.is-hud .stage .gw-framed.is-market :is(.mk-tabs button, .mk-tab, .mk-cat, .mk-filters button) { border-radius: .45rem; }
.is-hud .stage .gw-framed.is-market .mk-item strong { color: #f2ead8; }

.is-hud .stage .gw-framed.is-leaderboards .lb-tab { border-radius: .45rem; border: 1px solid transparent; }
.is-hud .stage .gw-framed.is-leaderboards .lb-tab:hover { background: linear-gradient(90deg, #2a2b2f, #202124); }
.is-hud .stage .gw-framed.is-leaderboards .lb-tab.is-active { color: #ffe7a6; border-color: var(--fw-sel); background: linear-gradient(90deg, #2e2a20, #1f1c16); box-shadow: 0 0 0 1px rgba(240, 200, 98, .3); }
.is-hud .stage .gw-framed.is-leaderboards .lb-page-btn { border: 1px solid #5c4226; border-radius: .45rem; background: linear-gradient(#2e2f32, #1c1d1f); color: #cfc8b8; box-shadow: 0 0 0 1px #000; }
.is-hud .stage .gw-framed.is-leaderboards .lb-page-btn:hover:not(:disabled) { border-color: var(--fw-edge-hi); color: #f2ead8; }
.is-hud .stage .gw-framed.is-leaderboards .lb-table th { color: #c9a462; }
.is-hud .stage .gw-framed.is-leaderboards .lb-table td { background: linear-gradient(90deg, #232427, #1c1d1f); }
.is-hud .stage .gw-framed.is-leaderboards .lb-table td:first-child { border-left: 2px solid #4a3520; }
.is-hud .stage .gw-framed.is-leaderboards .lb-table tr.is-you td, .is-hud .stage .gw-framed.is-leaderboards .lb-row.is-you td { background: linear-gradient(90deg, #2e2a20, #1f1c16); }

.is-hud .stage .gw-framed.is-enchanting .ench-tabs.segmented button { flex: none; min-height: 2.3rem; padding: .25rem .7rem; }
.is-hud .stage .gw-framed.is-enchanting .ench-tab-count { border-radius: .45rem; background: #0e0f10; color: var(--fw-count); border: 1px solid #3a2c1c; }
.is-hud .stage .gw-framed.is-enchanting .ench-tabs button[aria-pressed="true"] .ench-tab-count { background: rgba(44, 22, 0, .35); color: #2c1600; border-color: #6a3e08; }

.is-hud .stage .gw-framed.is-well .wl-amount .input { height: 2.9rem; padding-left: 2.5rem; font-size: 1.15rem; }
.is-hud .stage .gw-framed.is-well .win-caps { height: auto; min-height: 1.5rem; flex-wrap: wrap; padding: .2rem .5rem; }
.is-hud .stage .gw-framed.is-well .win-caps small { color: var(--fw-dim); font-weight: 400; }

.is-hud .tooltip, .is-hud .context-menu, .is-hud .launcher.is-pop, .is-hud .popover.settings-popover {
  border: 1px solid #000; border-radius: .6rem;
  background: var(--fw-noise, none), linear-gradient(#202123, #18191b);
  box-shadow: 0 0 0 2px #7d5f36, 0 0 0 3px #050403, inset 0 0 0 1px rgba(201, 164, 98, .38), 0 1rem 2.5rem rgba(0, 0, 0, .7);
}
.is-hud .tooltip .tip-head { border-bottom: 1px solid #000; box-shadow: inset 0 -1px 0 #2c2d30; }
.is-hud .tooltip .tip-head .well, .is-hud .context-menu .well { border-radius: .45rem; border-color: var(--fw-edge); background: radial-gradient(circle at 50% 38%, #2a2b2e, #0e0f10 76%); box-shadow: inset 0 0 0 1px #000, inset 0 0 .7rem rgba(0, 0, 0, .85); }
.is-hud .tooltip .tip-head .well .qty { left: 3px; right: auto; top: 2px; bottom: auto; color: var(--fw-count); }
.is-hud .tooltip .tip-head small, .is-hud .tooltip .tip-body { color: #b8b0a0; }
.is-hud .tooltip .tip-body { color: #ddd6c6; }
.is-hud .tooltip .tip-block + .tip-block { border-top-color: #2c2d30; }
.is-hud .tooltip .t-caps { color: #c9a462; }
.is-hud .tooltip .tip-foot, .is-hud .tooltip .ic-foot { border-top-color: #2c2d30; background: linear-gradient(#19191b, #121314); }
.is-hud .tooltip kbd.key { color: #f2d48e; background: linear-gradient(#3e3324, #231b12); border-color: #8b6a3e; box-shadow: 0 1px 0 #000; }
.is-hud .context-menu header { color: #f4dc98; font: 600 .86rem var(--font-display); border-bottom: 1px solid #2c2d30; }
.is-hud .context-menu button { border-radius: .45rem; color: #ddd6c6; }
.is-hud .context-menu button:hover:not(:disabled), .is-hud .context-menu button:focus-visible { background: linear-gradient(90deg, #3e3324, #231b12); color: #ffe7a6; box-shadow: inset 2px 0 0 var(--fw-edge-hi); }
.is-hud .context-menu button:disabled { color: #6e675c; }
.is-hud .context-menu button .ia-glyph, .is-hud .context-menu button .ia-emblem { color: #c9a462; }
.is-hud .launcher.is-pop { padding: 1rem 1.05rem .9rem; }
.is-hud .launcher.is-pop::before { background: #1f2022; border-left-color: #7d5f36; border-top-color: #7d5f36; }
.is-hud .launcher .ln-group h4 { color: #c9a462; }
.is-hud .launcher .ln-tile { border-radius: .45rem; border: 1px solid var(--fw-edge); background: radial-gradient(circle at 50% 30%, #2a2b2e, #121315 80%); box-shadow: inset 0 0 0 1px #000, inset 0 0 .7rem rgba(0, 0, 0, .6); color: #ddd6c6; }
.is-hud .launcher .ln-tile:hover:not(:disabled), .is-hud .launcher .ln-tile:focus-visible, .is-hud .launcher .ln-tile.is-open { border-color: var(--fw-sel); background: radial-gradient(circle at 50% 30%, #35332c, #15140f 80%); box-shadow: inset 0 0 0 1px #000, 0 0 0 1px rgba(240, 200, 98, .4), 0 0 .6rem rgba(240, 200, 98, .25); color: #ffe7a6; }
.is-hud .launcher .ln-tile.is-soon { border-style: dashed; border-color: #3c2e20; background: none; box-shadow: none; }
.is-hud .launcher .ln-glyph { border-radius: .45rem; background: #0e0f10; box-shadow: inset 0 0 0 1px #5c4226; color: #e6c57a; }
.is-hud .launcher .ln-foot { border-top: 1px solid #000; box-shadow: inset 0 1px 0 #2c2d30; color: #ddd6c6; }
.is-hud .launcher .ln-support { border-radius: .45rem; }
.is-hud .popover.settings-popover h3 { color: #f4dc98; font-family: var(--font-display); letter-spacing: .12em; text-transform: uppercase; font-size: .95rem; text-align: center; }
.is-hud .popover.settings-popover .settings-tabs { gap: .25rem; margin-bottom: .6rem; border-bottom: 0; }
.is-hud .popover.settings-popover .settings-tabs button { padding: .35rem .3rem; border: 1px solid #5c4226; border-radius: .45rem; background: linear-gradient(#2e2f32, #1c1d1f); color: #cfc8b8; box-shadow: 0 0 0 1px #000; }
.is-hud .popover.settings-popover .settings-tabs button:hover { border-color: var(--fw-edge-hi); color: #f2ead8; }
.is-hud .popover.settings-popover .settings-tabs button[aria-selected="true"] { border-color: #6a3e08; background: linear-gradient(#ffd977, #d88a16); color: #2c1600; }
.is-hud .popover.settings-popover .settings-tabs button[aria-selected="true"]::after { display: none; }
.is-hud .popover.settings-popover .row { border-color: #2c2d30; color: #ddd6c6; }
.is-hud .popover.settings-popover .row small { color: var(--fw-dim); }
.is-hud .popover.settings-popover .window-close { border-radius: .45rem; border-color: #c08a48; background: linear-gradient(#86281a, #4e130c); color: #f8dcb6; box-shadow: 0 0 0 1px #000; }
.is-hud .popover.settings-popover .btn { --tone-top: #3e3324; --tone-mid: #2e2519; --tone-bottom: #231b12; --tone-edge: #8b6a3e; --tone-text: #f2d48e; border-radius: .45rem; box-shadow: 0 0 0 1px #000; text-shadow: none; }
.is-hud .popover.settings-popover .btn.btn-gold { --tone-top: #ffdc7c; --tone-mid: #f6b53a; --tone-bottom: #c27810; --tone-edge: #6a3e08; --tone-text: #2c1600; }
.is-hud .popover.settings-popover .segmented { padding: 0; gap: .25rem; border: 0; background: none; box-shadow: none; }
.is-hud .popover.settings-popover .segmented button { border: 1px solid #5c4226; border-radius: .45rem; background: linear-gradient(#2e2f32, #1c1d1f); color: #cfc8b8; box-shadow: 0 0 0 1px #000; }
.is-hud .popover.settings-popover .segmented button[aria-pressed="true"] { border-color: #6a3e08; background: linear-gradient(#ffd977, #d88a16); color: #2c1600; }
.is-hud .popover.settings-popover .select, .is-hud .popover.settings-popover .input { border: 1px solid #5c4226; border-radius: .45rem; background-color: #0b0b0c; color: #f2ead8; box-shadow: inset 0 1px 3px #000; }

.is-hud .stage .gw-page > .page:not(.win-page) { gap: 1.2rem; padding-top: 0; }
.is-hud .stage .gw-page > .run-page { display: flex; flex-direction: column; gap: 1.1rem; }
.is-hud .stage .gw-page > .ench-page { grid-template-rows: auto auto minmax(0, 1fr); gap: 1rem; }
.is-hud .stage .gw-framed.is-clan .win-head h1 { display: block; font-size: 1.5rem; color: #f4dc98; }