@font-face{font-family:Tibia;src:url(/assets/Tibia-8zhrQm29.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:BaFill;src:url(/assets/tibia-outlined-fill-DEaroWK1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:BaOutline;src:url(/assets/tibia-outlined-LgDqzsqM.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0e1210;color:#f3ebd5}:root{--k-font: Arial, "Helvetica Neue", sans-serif;--k-text-shadow: 1px 1px 0 #000;--k-tex: repeating-linear-gradient(135deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 4px), repeating-linear-gradient(45deg, rgba(0, 0, 0, .12) 0 1px, transparent 1px 5px);--k-btn-face: linear-gradient(180deg, #565656, #3d3d3d 50%, #262626);--k-btn-face-hover: linear-gradient(180deg, #646464, #454545 50%, #2c2c2c);--k-bevel: inset 1px 1px 0 #868686, inset -1px -1px 0 #101010;--k-bevel-pressed: inset -1px -1px 0 #868686, inset 1px 1px 0 #101010;--k-btn-ring: inset 0 0 0 2px rgba(255, 255, 255, .035);--k-active-face: linear-gradient(180deg, #686868, #3a3a3a);--k-active-shadow: inset 1px 1px 0 #bdbdbd, inset -1px -1px 0 #101010, inset 0 -4px 0 #21c72a, 0 0 0 1px #000;--k-green: #21c72a;--k-gold-face: linear-gradient(180deg, #e2d17c, #b69535 48%, #7b5b1e);--k-gold-bevel: inset 1px 1px 0 #fff0a2, inset -1px -1px 0 #3e3010, inset 0 0 0 2px rgba(255, 255, 255, .08);--k-danger-face: linear-gradient(180deg, #733030, #2b1515);--k-danger-bevel: inset 1px 1px 0 #a05555, inset -1px -1px 0 #150808;--k-panel-face: linear-gradient(180deg, rgba(58, 58, 58, .94), rgba(32, 32, 32, .92)), repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 5px);--k-panel-ring: inset 0 0 0 1px #6f6f6f, inset 0 0 0 2px #2a2a2a;--k-panel-shadow: inset 0 0 0 1px #6f6f6f, inset 0 0 0 2px #2a2a2a, 0 22px 46px rgba(0, 0, 0, .5);--k-title-face: repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 4px), repeating-linear-gradient(45deg, rgba(0, 0, 0, .14) 0 1px, transparent 1px 5px), linear-gradient(180deg, #5a5a5a, #2b2b2b);--k-title-shadow: inset 1px 1px 0 #858585, inset -1px -1px 0 #101010, inset 0 -3px 0 #20ad27;--k-slot-face: radial-gradient(circle, #505050, #242424);--k-slot-item: radial-gradient(circle, rgba(215, 196, 111, .32), #252525 62%);--k-slot-sel: inset 0 0 0 2px #d7c46f, inset 0 0 0 1px #111;--k-bar-track: #202020;--k-bar-ring: inset 0 0 0 1px #555;--k-bar-life: linear-gradient(90deg, #19d426, #07820d);--k-bar-mana: linear-gradient(90deg, #1d4dff, #1020a8);--k-gold-ink: #d4b04f;--k-ink: #e4e4e4;--k-ink-strong: #fff;--k-muted: #b5b5b5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 72% 15%,rgba(133,162,88,.09),transparent 28rem),linear-gradient(145deg,#171d19,#090c0a 70%)}.desktop{width:100vw;height:100vh;height:100svh;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.game-shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:#171913}.game-header,.hud{display:flex;align-items:center}.game-header{min-height:52px;padding:8px 18px;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;border-bottom:2px solid #111;background:var(--k-panel-face);box-shadow:var(--k-panel-ring)}.game-header div:first-child{display:flex;align-items:baseline;gap:14px;min-width:min(100%,330px)}.game-header strong{color:var(--k-ink-strong);font:700 15px var(--k-font);text-shadow:var(--k-text-shadow)}.game-header small{color:#ffd869;font:700 10px var(--k-font);text-transform:uppercase;text-shadow:var(--k-text-shadow)}.game-header div>span{color:var(--k-muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--k-text-shadow)}.header-meta{display:flex;align-items:center}.header-meta{gap:16px 20px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.map-block{position:relative;width:16px;height:6px;border:1px solid #4b4d41;background:#151611}.map-block.completed{border-color:#596d48;background:#35422d}.map-block.active{border-color:#d1b35d;background:#8a7132;box-shadow:0 0 7px #c8a84c66}.map-block.active:after{content:"";position:absolute;width:3px;height:3px;top:1px;left:5px;background:#fff4c2}.map-block.boss{border-color:#76503d}.map-block.boss.active{border-color:#df895d;background:#843e2d}.wave{display:flex;align-items:center;gap:8px}.wave span{color:var(--k-muted);font:700 9px var(--k-font);letter-spacing:.15em;text-shadow:var(--k-text-shadow)}.wave strong{color:var(--k-ink-strong);font:700 13px var(--k-font);text-shadow:var(--k-text-shadow)}.repeat-toggle{min-width:0;padding:4px 10px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-btn-face);color:var(--k-ink);box-shadow:var(--k-bevel);font:700 9px var(--k-font);letter-spacing:.12em;text-transform:uppercase;text-shadow:var(--k-text-shadow);cursor:pointer}.repeat-toggle:hover{background:var(--k-tex),var(--k-btn-face-hover)}.repeat-toggle:active{box-shadow:var(--k-bevel-pressed)}.repeat-toggle.on{color:var(--k-ink-strong);background:var(--k-tex),var(--k-active-face);box-shadow:var(--k-active-shadow)}#game{display:block;position:relative;width:100%;height:100%;overflow:hidden;image-rendering:pixelated;background:#25271c}.dr-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.dr-parallax{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.dr-world>.dr-ground,.dr-world>.dr-decals,.dr-world>.dr-impact,.dr-actors,.dr-flight{position:absolute;top:0;left:0}.dr-world>.dr-impact{pointer-events:none}.dr-world>.dr-ground,.dr-world>.dr-decals{image-rendering:pixelated;transform-origin:0 0}.dr-sprite{position:absolute;top:0;left:0;overflow:hidden;transform-origin:0 0;will-change:transform}.dr-sprite>.dr-sheet{position:absolute;top:0;left:0;image-rendering:pixelated}.dr-sprite.flash>.dr-sheet{filter:brightness(0) invert(1)}.dr-props{position:absolute;top:0;left:0}.dr-prop{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.dr-prop-shadow{position:absolute;inset:52% 18% 14%;background:#000;border-radius:50%;opacity:0}.dr-prop-sprite{position:absolute;image-rendering:pixelated;background-repeat:no-repeat;will-change:transform}.dr-prop-sprite.block{background:#111208;box-shadow:inset 0 0 0 1px #3c3820}.dr-shake-layer,.dr-gates{position:absolute;top:0;left:0}.dr-gate{position:absolute;top:0;left:0;image-rendering:pixelated;transform-origin:0 0;pointer-events:none}.dr-bars{position:absolute;top:0;left:0}.dr-bar-group .dr-bar{position:absolute;top:0;left:0;width:20px;height:4px;transform-origin:0 0}.dr-bar-group .dr-fill{position:absolute;top:1px;left:1px;height:2px}.dr-bar-group .dr-breath .dr-fill{transition:width .2s linear}.dr-markers{position:absolute;top:0;left:0}.dr-chevron{position:absolute;top:0;left:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid transparent;opacity:.95}.dr-frame{position:absolute;top:0;left:0;box-sizing:border-box;border:1px solid transparent;opacity:.95}.dr-drops,.dr-shadows,.dr-frames{position:absolute;top:0;left:0}.dr-flight{z-index:5}.dr-shadow{position:absolute;top:0;left:0;width:30px;height:4px;border-radius:50%;background:#00000080}.dr-effects,.dr-text{position:absolute;top:0;left:0}.dr-label{position:absolute;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.dr-label>canvas{display:block;image-rendering:pixelated}.dr-bossbar{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.dr-bossbar-inner{position:absolute;inset:0}.dr-bossbar-inner .bb-rank,.dr-bossbar-inner .bb-name,.dr-bossbar-inner .bb-num{position:absolute;top:0;left:0;line-height:0}.dr-bossbar-inner canvas{display:block;image-rendering:pixelated}.dr-bossbar-inner .bb-frame{position:absolute;top:0;left:0;padding:3px;background:linear-gradient(#2a2016,#170f09);border:1px solid #000}.dr-bossbar-inner.boss .bb-frame{border-color:#7a2b22;box-shadow:inset 0 0 0 1px #b1503f,0 0 22px #961e1459}.dr-bossbar-inner.miniboss .bb-frame{border-color:#7c6023;box-shadow:inset 0 0 0 1px #b89b4e,0 0 16px #8c6e1e47}.dr-bossbar-inner .bb-trough{position:relative;height:22px;background:#0b0906;box-shadow:inset 0 2px 5px #000000d9;overflow:hidden}.dr-bossbar-inner.miniboss .bb-trough{height:16px}.dr-bossbar-inner .bb-fill{height:100%;width:0;transition:width .15s linear,background .15s}.dr-bossbar-inner .bb-special{position:relative;height:5px;margin-top:2px;background:#14081a;box-shadow:inset 0 1px 3px #000000d9;overflow:hidden}.dr-bossbar-inner .bb-special .bb-sfill{height:100%;width:0;transition:width .15s linear,background .15s}.dr-bossbar-inner.no-special .bb-special{display:none}.scene{position:relative;overflow:hidden;background:#080a08;flex:1 1 auto;min-height:0}.loading-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(111,120,78,.14),transparent 190px),linear-gradient(180deg,#12150ff0,#070907fa);opacity:1;pointer-events:auto;transition:opacity .22s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.reconnect-overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#080a068c;pointer-events:none}.reconnect-overlay.hidden{display:none}.reconnect-box{display:flex;flex-direction:column;gap:4px;align-items:center;padding:14px 22px;border:2px solid #111;border-radius:0;background:var(--k-panel-face);box-shadow:var(--k-panel-shadow);color:#ffd869;font:700 14px var(--k-font);text-shadow:var(--k-text-shadow);text-align:center}.reconnect-box small{color:var(--k-muted);font-weight:400;font-size:11px}.sandbox-banner{position:absolute;top:0;left:0;right:0;z-index:55;display:none;justify-content:center;padding:8px;pointer-events:none}.sandbox-banner.show{display:flex}.sandbox-box{display:flex;flex-direction:column;gap:3px;align-items:center;padding:8px 18px;border:2px solid #111;background:linear-gradient(180deg,#6b4a12,#4a3209);box-shadow:var(--k-panel-shadow);color:#ffd869;font:700 13px var(--k-font);text-shadow:var(--k-text-shadow);text-align:center}.sandbox-box small{color:#e8d8a8;font-weight:400;font-size:10px}.sandbox-exit{pointer-events:auto;margin-top:3px;min-width:0;padding:3px 12px;border:2px solid #111;background:var(--k-panel-face);color:#ffd869;font:700 11px var(--k-font);text-shadow:var(--k-text-shadow);cursor:pointer}.sandbox-exit:hover{background:#3a3f2c}@media(max-width:700px){.sandbox-box{padding:6px 12px;font-size:11px}.sandbox-box small{display:none}}.loading-box{width:min(360px,88%);display:grid;gap:10px;text-align:center}.loading-title{color:#f3ebd5;font:700 18px var(--k-font);text-shadow:var(--k-text-shadow)}.loading-track{height:9px;padding:1px;overflow:hidden;border:1px solid #111;border-radius:0;background:var(--k-bar-track);box-shadow:var(--k-bar-ring)}.loading-fill{position:relative;display:block;min-width:8px;height:100%;overflow:hidden;border-radius:0;background:var(--k-bar-life);box-shadow:none;transition:width .16s ease}.loading-fill:after{content:"";position:absolute;inset:0;width:42px;background:linear-gradient(90deg,transparent,rgba(255,244,194,.5),transparent);animation:loading-shine 1s linear infinite}.loading-box small{min-height:15px;color:var(--k-muted);font:700 10px var(--k-font);text-transform:uppercase}@keyframes loading-shine{0%{transform:translate(-48px)}to{transform:translate(380px)}}.equipment-panel,.inventory-panel{position:absolute;z-index:10;width:260px;min-height:292px;padding:10px;border:2px solid #111;border-radius:0;background:var(--k-panel-face);box-shadow:var(--k-panel-shadow);opacity:0;pointer-events:none;transition:opacity .18s ease}.inventory-panel{width:300px}.equipment-panel.open,.inventory-panel.open{opacity:1;pointer-events:auto}.hero-panel{position:absolute;z-index:10;width:min(300px,94%);min-width:min(260px,94%);max-height:92%;padding:8px;border:2px solid #111;border-radius:0;background:var(--k-panel-face);box-shadow:var(--k-panel-shadow);display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .16s ease;overflow-y:auto}.hero-panel.open{opacity:1;pointer-events:auto}.hero-top{display:flex;align-items:center;gap:8px;padding:4px 2px 8px}.hero-avatar{width:30px;height:40px;border:1px solid #54563f;border-radius:3px;background:linear-gradient(#3a4a2e,#23241a);image-rendering:pixelated;flex:none}.hero-id{display:flex;flex-direction:column;gap:1px;line-height:1;min-width:0;flex:1}.hero-id strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-id strong{font:700 13px var(--k-font);text-shadow:var(--k-text-shadow)}.hero-arrow{min-width:18px;width:18px;height:46px;padding:0;font:700 14px monospace}.hero-lv{font:700 9px var(--k-font);color:var(--k-muted)}.hero-rarity{font:700 8px monospace;text-transform:capitalize;color:#9a9788}.hero-rarity.r-uncommon{color:#5fae6a}.hero-rarity.r-rare{color:#4a7fd0}.hero-rarity.r-epic{color:#a05fd0}.hero-rarity.r-legendary{color:#d0a23f}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0 8px}.equip-grid .equip-cell.blank{visibility:hidden}.equip-grid .equipment-slot{width:auto;height:44px}.hero-tabs{display:flex;gap:4px}.hero-tab{flex:1;min-width:0;height:24px;padding:0;font:700 10px var(--k-font);text-shadow:var(--k-text-shadow)}.hero-tab.on{color:#fff;background:var(--k-tex),var(--k-active-face);box-shadow:var(--k-active-shadow);border-color:#111}.hero-body{display:flex;flex-direction:column;gap:4px}.hero-body[hidden]{display:none}.hero-body .inventory-grid{margin:4px 0}.hero-body .party-frames{flex-wrap:wrap}.equipment-panel>header,.inventory-panel>header{display:flex;align-items:center;justify-content:space-between}.equipment-panel>header>div,.inventory-panel>header>div:first-child{display:grid;gap:2px}.equipment-panel>header span,.inventory-panel>header span{color:#858a7f;font:700 8px monospace;letter-spacing:.14em}.equipment-panel>header strong,.inventory-panel>header strong{font:600 15px Georgia,serif}.equipment-panel>header button,.inventory-panel>header button{min-width:25px;width:25px;height:25px;padding:0}.inventory-actions{display:flex;align-items:center;gap:8px}.inventory-actions b{color:#aaa68e;font:700 9px monospace}.equipment-grid{width:156px;margin:10px auto;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(4,43px);gap:3px 6px}.equipment-slot{position:relative;min-width:48px;width:48px;height:43px;padding:4px;overflow:visible;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-slot-face);box-shadow:var(--k-bevel)}.equipment-slot.filled{background:var(--k-tex),var(--k-slot-item)}.equipment-slot:hover{border-color:#d7c46f}.equipment-slot small{position:absolute;left:3px;bottom:2px;color:#74796f;font:700 6px monospace;text-transform:uppercase}.item-crop{width:32px;height:32px;margin:0 auto;overflow:hidden;image-rendering:pixelated}.item-crop img{display:block;width:auto;height:32px;max-width:none;image-rendering:pixelated}@keyframes item-sprite-cycle{0%{transform:translate(0)}to{transform:translate(calc(var(--frames) * var(--frame-size) * -1))}}.item-crop img.item-sprite-animated{--frame-size: 32px;animation:item-sprite-cycle calc(var(--frames) * .18s) steps(var(--frames)) infinite}.item-details{min-height:38px;padding:6px 7px;border:1px solid #111;background:var(--k-bar-track);box-shadow:var(--k-bar-ring);color:#cfcfcf;font:9px/1.35 var(--k-font)}.item-details strong{color:#ffd869;text-transform:capitalize}.item-tooltip{position:fixed;display:none;z-index:80;pointer-events:none;max-width:300px;padding:4px;border:2px solid #111;border-radius:0;background:linear-gradient(180deg,#3a3a3af7,#202020f5);box-shadow:var(--k-panel-ring),0 3px 10px #0009}.item-tooltip.open{display:block}.item-tooltip.open.compare{display:flex;gap:6px}.item-tooltip .item-details{min-height:0;border:0;padding:4px 6px;background:transparent;box-shadow:none}.item-tooltip.compare .item-details{min-width:110px}.item-tooltip.compare .item-details+.item-details{border-left:1px solid #555}.item-tooltip .tt-head{display:block;margin-bottom:2px;color:var(--k-muted);font:700 7px var(--k-font);letter-spacing:.4px;text-transform:uppercase}.equipment-totals{display:flex;justify-content:space-between;padding-top:8px;color:#8e9388;font:8px monospace}.equipment-totals b{color:#d8c98f}.outfit-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:8px;border-top:1px solid #3e4037;margin-top:8px}.outfit-color-slot{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.outfit-color-swatch{position:relative;width:36px;height:20px;border:1px solid #494b40;border-radius:2px;overflow:hidden;cursor:pointer;transition:border-color .12s}.outfit-color-swatch:hover{border-color:#8e8c6e}.outfit-color-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:none}.outfit-color-slot small{color:#74796f;font:700 6px monospace;text-transform:uppercase}.slot-head{grid-column:2;grid-row:1}.slot-necklace{grid-column:1;grid-row:2}.slot-backpack{grid-column:3;grid-row:2}.slot-hand{grid-column:1;grid-row:3}.slot-armor{grid-column:2;grid-row:2}.slot-shield{grid-column:3;grid-row:3}.slot-ring{grid-column:1;grid-row:4}.slot-legs{grid-column:2;grid-row:3}.slot-ammo{grid-column:3;grid-row:4}.slot-feet{grid-column:2;grid-row:4}.inventory-grid{margin:12px 0 10px;display:grid;grid-template-columns:repeat(auto-fill,40px);justify-content:center;gap:4px;max-height:190px;overflow-y:auto}.inventory-slot{position:relative;min-width:40px;width:40px;height:40px;padding:3px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-slot-face);box-shadow:var(--k-bevel)}.inventory-slot.filled{background:var(--k-tex),var(--k-slot-item)}.inventory-slot.filled:hover,.inventory-slot.filled:focus{border-color:#d7c46f}.inventory-slot.empty{cursor:default;opacity:.48}.inventory-slot .item-crop{pointer-events:none}.chest-dock{position:absolute;z-index:2;left:10px;bottom:10px;display:flex;gap:5px;padding:5px;border:1px solid #4d4f43;border-radius:3px;background:#11130ed9;box-shadow:0 5px 18px #0009}.chest-slot{position:relative;min-width:48px;width:48px;height:49px;padding:2px 3px 10px;border-color:#5d5342;background:#202119}.chest-slot img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.chest-slot span{position:absolute;top:2px;right:3px;min-width:14px;padding:1px 3px;border-radius:7px;background:#090a08e8;color:#f1dfa6;font:700 8px monospace}.chest-slot small{position:absolute;left:0;right:0;bottom:2px;color:#898d82;font:700 6px monospace;text-transform:uppercase}.chest-slot.miniboss{border-color:#8c7540}.chest-slot.boss{border-color:#c2993f}.chest-slot:disabled{opacity:.45;cursor:default}.chest-slot.received{animation:chest-received .4s ease-out}@keyframes chest-received{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.16);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}.scene-banner{position:absolute;z-index:4;top:50%;left:50%;width:100%;padding:13px 20px;translate:-50% -50%;transform:scaleY(.7);border-top:1px solid transparent;border-bottom:1px solid transparent;background:linear-gradient(90deg,transparent,#080a08e8 18%,#080a08e8 82%,transparent);opacity:0;pointer-events:none;text-align:center;transition:opacity .18s ease,transform .22s ease}.scene-banner span{font:700 clamp(22px,4vw,42px)/1 Georgia,serif;letter-spacing:.18em;text-shadow:0 2px 8px #000}.scene-banner.visible{opacity:1;transform:scaleY(1)}.scene-banner.dead{border-color:#8c3328;color:#df6c59}.scene-banner.finished{border-color:#8a743c;color:#e1c472}.scene-banner.phase{border-color:#b89b4e;color:#f3dd8f}.scene-fade{position:absolute;inset:0;z-index:3;pointer-events:none;background:#070907;opacity:0;transition:opacity .32s ease-in-out}.scene-fade.visible{opacity:1}.hud{min-height:76px;gap:12px;padding:11px 14px;border-top:2px solid #111;background:var(--k-panel-face);box-shadow:var(--k-panel-ring);flex-wrap:wrap}.hud-btn{min-width:60px;height:48px;padding:5px 10px;gap:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-btn-face);color:var(--k-ink);box-shadow:var(--k-bevel),var(--k-btn-ring);font:700 10px/1 var(--k-font);text-shadow:var(--k-text-shadow);cursor:pointer}.hud-btn .ic{width:22px;height:22px;display:grid;place-items:center;image-rendering:pixelated;color:var(--k-gold-ink);font-size:16px;line-height:1;text-shadow:none}.hud-btn:hover{background:var(--k-tex),var(--k-btn-face-hover)}.hud-btn:active{box-shadow:var(--k-bevel-pressed),var(--k-btn-ring)}.hud-btn.on{color:var(--k-ink-strong);background:var(--k-tex),var(--k-active-face);box-shadow:var(--k-active-shadow)}.hud-btn.on .ic{color:var(--k-gold-ink)}@media(max-width:900px){.hud-btn{min-width:0;width:44px;height:44px;padding:0}.hud-btn .lbl{display:none}}.bar{position:relative;height:11px;overflow:hidden;border:1px solid #090a08;background:#080908}.bar i{display:block;width:100%;height:100%;transition:width .18s linear}.bar span{position:absolute;inset:0;text-align:center;color:#fff;font:700 8px/10px monospace;text-shadow:1px 1px #000}.hp i{background:linear-gradient(90deg,#7d251c,#c74935)}.xp i{width:0;background:linear-gradient(90deg,#866925,#d0aa42)}.stats{display:flex;gap:20px;margin-right:auto;color:var(--k-muted);font-size:10px;font-family:var(--k-font)}.stats span{display:grid;gap:3px;text-shadow:var(--k-text-shadow)}.stats strong{color:var(--k-ink-strong);font:700 15px var(--k-font);text-shadow:var(--k-text-shadow)}.party-frames{display:flex;gap:6px;align-items:stretch}.party-frame{position:relative;width:64px;min-height:52px;padding:4px 5px 5px;border:1px solid #4d4f43;border-radius:3px;background:#202119;display:flex;flex-direction:column;gap:3px;cursor:grab;-webkit-user-select:none;user-select:none}.party-frame.leader{background:#2c3320}.party-frame.active{border-color:#e6c873}.party-frame.dead{opacity:.4}.party-tactics{display:flex;gap:4px;align-items:center;margin-right:6px}.pt-btn{min-width:0;width:26px;height:26px;padding:0;font:700 11px monospace;border:1px solid #4d4f43;border-radius:3px;background:#202119;color:#9a9788}.pt-btn.on{border-color:#e6c873;color:#f0dc82;background:#2c3320}.pf-accent{display:block;height:3px;border-radius:2px;margin:-1px -1px 1px}.pf-tactic{position:absolute;top:2px;right:2px;min-width:0;width:14px;height:14px;padding:0;font:700 8px monospace;line-height:1;border:1px solid #4d4f43;border-radius:3px;background:#161712;color:#8f8c7e}.pf-tactic.override{border-color:#e6c873;color:#f0dc82}.pf-order{display:flex;gap:3px;justify-content:center;margin-top:1px}.pf-arrow{min-width:0;width:18px;height:14px;padding:0;font:700 11px/1 monospace;border:1px solid #4d4f43;border-radius:3px;background:#202119;color:#cfc8b6}.pf-arrow:hover:not(:disabled){background:#34362a}.pf-arrow:disabled{opacity:.3;cursor:default}.item-pop{position:fixed;transform:translate(-50%);z-index:60;pointer-events:none;padding:3px;border-radius:4px;background:#1c2a14;border:1px solid #e6c873;box-shadow:0 2px 6px #00000080;animation:itemPop 1.05s ease-out forwards}.item-pop .item-crop{width:32px;height:32px}@keyframes itemPop{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.05)}35%{transform:translate(-50%,-12px) scale(1)}to{opacity:0;transform:translate(-50%,-48px) scale(1)}}.pf-label{color:#d6d2c7;font:700 8px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button{min-width:82px;height:34px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-btn-face);color:var(--k-ink);box-shadow:var(--k-bevel);font-family:var(--k-font);cursor:pointer}button:hover{background:var(--k-tex),var(--k-btn-face-hover);border-color:#111}button:active{box-shadow:var(--k-bevel-pressed)}.chest-slot,.map-pin,.pt-btn,.pf-tactic,.pf-arrow{box-shadow:none}.chest-slot{border-radius:3px}button:where(.chest-slot,.pt-btn,.pf-tactic,.pf-arrow):hover{background:#34362a;border-color:#6f7155}.chest-slot:active,.map-pin:active,.pt-btn:active,.pf-tactic:active,.pf-arrow:active{box-shadow:none}.map-pin:hover{background:none}.wheel-panel{position:absolute;z-index:10;width:min(560px,94%);max-height:94%;padding:10px;border:2px solid #111;border-radius:0;background:var(--k-panel-face);box-shadow:var(--k-panel-shadow);display:flex;flex-direction:column;gap:8px;opacity:0;pointer-events:none;transition:opacity .18s ease}.wheel-panel.open{opacity:1;pointer-events:auto}.wheel-stage{flex:1;display:flex;justify-content:center;align-items:center;min-height:0}.wheel-stage svg{width:100%;height:100%;max-height:480px}.wheel-node{cursor:pointer;transition:fill-opacity .12s ease}.wheel-node:hover{fill:#fff;fill-opacity:.18}.wheel-node.locked{cursor:default}@keyframes gem-pop{0%{opacity:0}to{opacity:1}}.gem-pop{animation:gem-pop .26s ease-out}@keyframes slot-pop{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}.slot-pop{transform-box:fill-box;transform-origin:center;animation:slot-pop .46s ease-out forwards}#accountPanel .wheel-node{cursor:pointer}#accountPanel .wheel-node.locked{cursor:default}.magias-panel{width:min(560px,94%)}.magias-grid{display:flex;flex-direction:column;gap:6px;padding:8px;max-height:60vh;overflow-y:auto}.magias-band{display:flex;align-items:center;gap:6px}.magias-band .band-lvl{width:22px;text-align:right;opacity:.6;font-size:11px}.magias-band .skill{min-width:0;flex:1;padding:6px;font-size:11px;cursor:pointer}.magias-band .skill.locked{opacity:.35;filter:grayscale(1);cursor:not-allowed}.magias-band .skill.active{outline:2px solid var(--k-green)}.hotbar{display:flex;flex-wrap:wrap;gap:12px 16px;padding:4px 2px}.hb-group{display:flex;flex-direction:column;gap:4px}.hb-group-title{font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.hb-row{display:flex;gap:5px}.hb-slot{display:flex;flex-direction:column;gap:3px;width:74px;padding:5px;background:#303030;border:1px solid #111;border-radius:2px;box-shadow:var(--k-bar-ring)}.hb-slot.filled{border-color:#d7c46f;background:#383838}.hb-slot.soon{opacity:.4}.hb-label{font-size:8px;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.hb-slot.filled .hb-label{color:#ead89e;opacity:.9}.hb-select{width:100%;padding:3px 4px;font-size:11px;border-radius:3px;background:linear-gradient(180deg,#484848,#2a2a2a);color:var(--k-ink);border:1px solid #111;cursor:pointer}.hb-select:hover{border-color:#d7c46f}.hb-cond{display:flex;align-items:center;gap:3px;font-size:9px;color:#9aa}.hb-cond-inp{width:34px;padding:2px 3px;font-size:10px;text-align:center;background:linear-gradient(180deg,#484848,#2a2a2a);color:#ffd869;border:1px solid #111;border-radius:3px}.hb-cond-inp::-webkit-inner-spin-button,.hb-cond-inp::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.collection-panel{position:absolute;z-index:10;width:min(360px,94%);max-height:86%;padding:10px;border:2px solid #111;border-radius:0;background:var(--k-panel-face);box-shadow:var(--k-panel-shadow);display:flex;flex-direction:column;gap:8px;opacity:0;pointer-events:none;transition:opacity .18s ease}.collection-panel.open{opacity:1;pointer-events:auto}.collection-panel>header{display:flex;justify-content:space-between;align-items:center;color:#d9d2a8}.collection-panel .cp-actions{display:flex;gap:8px;align-items:center}.collection-panel .cp-actions button{display:inline-flex;align-items:center;gap:4px}.cp-core{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle}.cp-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,120px);gap:8px;align-content:start}.cp-card{border:1px solid #111;border-radius:2px;padding:6px;background:linear-gradient(180deg,#3a3a3a,#282828);font:10px var(--k-font);color:var(--k-ink)}.cp-card.active{border-color:#d7c46f}.cp-card.sel{outline:2px solid #8fd9bd}.cp-card.r-uncommon{border-left:3px solid #5fae6a}.cp-card.r-rare{border-left:3px solid #4a7fd0}.cp-card.r-epic{border-left:3px solid #a05fd0}.cp-card.r-legendary{border-left:3px solid #d0a23f}.inventory-slot.r-uncommon,.equipment-slot.r-uncommon{box-shadow:inset 0 0 0 2px #5fae6a}.inventory-slot.r-rare,.equipment-slot.r-rare{box-shadow:inset 0 0 0 2px #4a7fd0}.inventory-slot.r-epic,.equipment-slot.r-epic{box-shadow:inset 0 0 0 2px #a05fd0}.inventory-slot.r-legendary,.equipment-slot.r-legendary{box-shadow:inset 0 0 0 2px #d0a23f}.item-details strong.r-uncommon{color:#5fae6a}.item-details strong.r-rare{color:#4a7fd0}.item-details strong.r-epic{color:#a05fd0}.item-details strong.r-legendary{color:#d0a23f}.cp-name{text-transform:capitalize}.cp-stam{height:5px;background:var(--k-bar-track);border:1px solid #111;margin:4px 0}.cp-stam i{display:block;height:100%;background:linear-gradient(90deg,#7da33a,#d0c842)}.cp-row{display:flex;gap:4px}.cp-row button{flex:1;min-width:0;height:auto;padding:3px 2px;font:700 9px monospace}.collection-panel footer{color:#8f948a;font:10px monospace}.cp-edit{width:100%;margin-top:4px;padding:3px 2px;height:auto;font:700 9px monospace;background:#2b2238;color:#cdb6e6;border:1px solid #5a4a6e}.fusion-panel .forge-grid{display:grid;grid-template-columns:repeat(3,48px);gap:6px;padding:8px;justify-content:center}.forge-cell{width:48px;height:48px;min-width:0;padding:0;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-slot-face);box-shadow:var(--k-bevel);display:grid;place-items:center;cursor:pointer}.forge-cell.empty{opacity:.5}.forge-cell.r-uncommon{box-shadow:inset 0 0 0 2px #5fae6a}.forge-cell.r-rare{box-shadow:inset 0 0 0 2px #4a7fd0}.forge-cell.r-epic{box-shadow:inset 0 0 0 2px #a05fd0}.forge-cell.r-legendary{box-shadow:inset 0 0 0 2px #d0a23f}.forge-inv{display:flex;flex-wrap:wrap;gap:4px;padding:8px;max-height:160px;overflow:auto;border-top:1px solid #2a2c22}.forge-inv-item{width:40px;height:40px;min-width:0;padding:0;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-slot-face);box-shadow:var(--k-bevel);cursor:pointer}.forge-inv-item.used{opacity:.35}.forge-inv-item.r-uncommon{box-shadow:inset 0 0 0 2px #5fae6a}.forge-inv-item.r-rare{box-shadow:inset 0 0 0 2px #4a7fd0}.forge-inv-item.r-epic{box-shadow:inset 0 0 0 2px #a05fd0}.forge-inv-item.r-legendary{box-shadow:inset 0 0 0 2px #d0a23f}.forge-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;font:11px var(--k-font);color:var(--k-ink)}.forge-actions button[disabled]{opacity:.4;cursor:default}.hub-panel .hub-section{position:static;opacity:1;pointer-events:auto;box-shadow:none;border:none;padding:0;width:auto;max-height:none;background:transparent}.hub-panel .hub-section>header{display:none}.hub-body{overflow-y:auto;flex:1}.hub-dd{padding:4px 10px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-btn-face);color:var(--k-ink);box-shadow:var(--k-bevel);font:700 12px var(--k-font);text-shadow:var(--k-text-shadow);cursor:pointer}.pnl-head{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #111;background:var(--k-title-face);box-shadow:var(--k-title-shadow)}.pnl-head .pnl-title{display:flex;flex-direction:column;gap:1px;line-height:1}.pnl-head .pnl-title .lbl{color:#ffd869;font:700 9px var(--k-font);letter-spacing:1px;text-transform:uppercase;text-shadow:var(--k-text-shadow)}.pnl-head .pnl-title .nm{color:var(--k-ink-strong);font:700 13px var(--k-font);text-shadow:var(--k-text-shadow)}.pnl-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hbtn{cursor:pointer;min-width:0;height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-btn-face);color:var(--k-ink);box-shadow:var(--k-bevel);font:700 10px var(--k-font);text-shadow:var(--k-text-shadow)}.hbtn:hover{background:var(--k-tex),var(--k-btn-face-hover);color:#fff}.hbtn:active{box-shadow:var(--k-bevel-pressed)}.hbtn.on{color:#fff;background:var(--k-tex),var(--k-active-face);box-shadow:var(--k-active-shadow)}.hbtn.primary{color:#101010;text-shadow:none;background:var(--k-tex),var(--k-gold-face);box-shadow:var(--k-gold-bevel)}.hbtn.primary:hover{background:var(--k-tex),var(--k-gold-face);filter:brightness(1.08)}.hbtn.close{width:28px;padding:0;justify-content:center;color:#ffe1d5;background:var(--k-danger-face);box-shadow:var(--k-danger-bevel)}.hbtn.close:hover{background:var(--k-danger-face);border-color:#111;color:#fff;filter:brightness(1.15)}.pill{display:inline-flex;align-items:center;height:28px;padding:0 8px;border:1px solid #111;border-radius:2px;background:var(--k-title-face);box-shadow:var(--k-bevel);color:#ffd869;font:700 10px var(--k-font);text-shadow:var(--k-text-shadow);white-space:nowrap}@media(max-width:900px){.pnl-actions .hbtn .hbtn-lbl{display:none}}.hub-panel.open{opacity:1;pointer-events:auto}@media(max-width:760px){.desktop{width:100%}.game-header{min-height:44px;padding:8px 10px;align-items:flex-start}.game-header div:first-child{width:100%;gap:8px}.header-meta{width:100%;justify-content:space-between;gap:8px 12px}.wheel-panel{width:min(560px,calc(100% - 16px));max-height:calc(100% - 16px);padding:8px}.collection-panel{width:min(360px,calc(100% - 16px));max-height:calc(100% - 16px);padding:8px}.hero-panel{width:min(300px,calc(100% - 16px));max-height:calc(100% - 16px)}.pnl-head{padding:7px 8px;gap:8px;flex-wrap:wrap}.pnl-actions{gap:4px}.pill{max-width:128px;overflow:hidden;text-overflow:ellipsis}.hud{min-height:0;padding:8px 10px;gap:8px}.stats{gap:12px}}@media(max-width:560px){.desktop{width:100%;padding:0}.game-shell{border-left:0;border-right:0;border-radius:0}#game{max-height:none}.game-header div>span{display:none}.header-meta{justify-content:flex-start}.hud{justify-content:space-between}.stats{order:2;width:100%;margin-right:0;justify-content:space-between;padding-top:2px;border-top:1px solid #2f3127}.hud-btn{flex:1 1 0;width:auto}.chest-dock{left:6px;bottom:6px;gap:3px;padding:4px}.chest-slot{width:42px;min-width:42px;height:45px}.chest-slot img{width:28px;height:28px}.scene-banner{padding-inline:12px}.scene-banner span{letter-spacing:.08em}}@media(max-width:380px){.stats strong{font-size:13px}.hero-tab{font-size:9px}}.map-panel{position:absolute;left:20px;top:14px;z-index:30;width:min(480px,94%);background:var(--k-panel-face);border:2px solid #111;border-radius:0;box-shadow:var(--k-panel-shadow);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .15s ease}.map-panel.open{opacity:1;pointer-events:auto}.map-view{position:relative;margin:10px;border:1px solid #111;border-radius:6px;background-color:#10120c;background-repeat:no-repeat;image-rendering:pixelated;overflow:hidden}.map-view.locked{filter:grayscale(.85) brightness(.55)}.map-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.map-lock span{color:var(--k-ink);background:#202020e8;border:1px solid #111;border-radius:2px;padding:6px 14px;font:700 12px var(--k-font);letter-spacing:.12em;text-transform:uppercase;text-shadow:var(--k-text-shadow)}.map-pins{position:absolute;inset:0;pointer-events:none}.map-pin{position:absolute;transform:translate(-50%,-100%);transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0;margin:0;border:0;background:none;cursor:pointer;pointer-events:auto}.map-pin .map-pin-dot{width:10px;height:10px;border-radius:50%;background:#cdb46a;border:2px solid #10120c;box-shadow:0 0 8px #cdb46a88}.map-pin .map-pin-label{color:#e7e0cb;background:#10120cd9;border:1px solid #4a5138;padding:1px 6px;border-radius:4px;font:600 10px Georgia,serif;white-space:nowrap}.map-pin.locked .map-pin-dot{background:#7f8770;box-shadow:none}.map-pin.locked .map-pin-label{opacity:.72}.map-pin.selected .map-pin-dot{background:#f2c84b;box-shadow:0 0 12px #f2c84bcc;animation:mapPinPulse 1.6s ease-in-out infinite}.map-pin.selected .map-pin-label{color:#fff2bd;border-color:#cda84a}.map-pin:hover .map-pin-dot{transform:scale(1.2)}@keyframes mapPinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.map-sel{padding:6px 12px 0;font:700 12px var(--k-font);color:var(--k-ink);text-shadow:var(--k-text-shadow)}.map-sel b{color:var(--k-ink-strong)}.map-sel .map-soon{margin-left:6px;color:#ffd869;font:700 9px var(--k-font);letter-spacing:.1em;text-transform:uppercase}.map-phases{display:flex;flex-direction:column;gap:6px;padding:0 10px 12px}.map-phase{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 10px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-btn-face);color:var(--k-ink);box-shadow:var(--k-bevel);text-shadow:var(--k-text-shadow);cursor:pointer;text-align:left}.map-phase:hover:not(:disabled){border-color:#111;background:var(--k-tex),var(--k-btn-face-hover)}.map-phase.active{border-color:#111;background:var(--k-tex),var(--k-active-face);box-shadow:var(--k-active-shadow)}.map-phase.locked{opacity:.45}.map-phase:disabled{cursor:default}.map-phase.active:disabled{opacity:1}.map-phase-name{flex:1;font:700 12px var(--k-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-phase-stages{display:flex;gap:4px}.map-phase-count{font:700 11px var(--k-font);color:#ffd869}.landscape-toggle{min-width:0;padding:4px 9px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-btn-face);color:var(--k-ink);box-shadow:var(--k-bevel);font:700 13px/1 var(--k-font);text-shadow:var(--k-text-shadow);cursor:pointer}.landscape-toggle:hover{background:var(--k-tex),var(--k-btn-face-hover)}.landscape-toggle.on{color:var(--k-ink-strong);background:var(--k-tex),var(--k-active-face);box-shadow:var(--k-active-shadow)}#landscapeToggle{display:none}@media(orientation:landscape)and (max-height:600px)and (pointer:fine){#landscapeToggle{display:inline-flex;align-items:center}}@media(pointer:fine){.desktop.landscape #landscapeToggle{display:inline-flex;align-items:center}}.desktop.landscape .game-shell{position:relative}.desktop.landscape .scene{position:absolute;inset:0 52px 0 0}.desktop.landscape .hud{position:absolute;top:0;right:0;bottom:0;width:52px;min-height:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:8px 0;overflow-y:auto;background:var(--k-panel-face);border-left:2px solid #111;z-index:20}.desktop.landscape .hud .stats{display:none}.desktop.landscape .hud .hud-btn{flex:0 0 auto;width:44px;height:40px;min-width:0;padding:0}.desktop.landscape .hud .hud-btn .lbl{display:none}.desktop.landscape .game-header{position:absolute;top:0;left:0;right:52px;min-height:0;height:30px;padding:0 10px;flex-wrap:nowrap;gap:10px;background:linear-gradient(180deg,#3a3a3ae0,#202020cc);border-bottom:1px solid #0007;z-index:21}.desktop.landscape .game-header div:first-child{min-width:0;gap:8px;overflow:hidden}.desktop.landscape .game-header strong{font-size:12px}.desktop.landscape .game-header .header-meta{gap:8px 12px;flex-wrap:nowrap}.desktop.landscape .hero-panel,.desktop.landscape .wheel-panel,.desktop.landscape .hub-panel,.desktop.landscape .collection-panel,.desktop.landscape .map-panel{max-height:calc(100% - 12px);display:flex;flex-direction:column}.desktop.landscape .hero-body,.desktop.landscape .wheel-stage,.desktop.landscape .magias-grid,.desktop.landscape .hub-body,.desktop.landscape .map-view{overflow-y:auto;min-height:0}.rotate-prompt{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:#0c0e08f2}.rotate-prompt.show{display:flex}.rotate-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:300px;padding:28px 32px;text-align:center;border:2px solid #111;border-radius:0;background:var(--k-panel-face);box-shadow:var(--k-panel-shadow);color:var(--k-ink)}.rotate-icon{font-size:46px;line-height:1}.rotate-card strong{font:700 17px var(--k-font);text-shadow:var(--k-text-shadow)}.rotate-card span{font-size:13px;color:#a7ab8f}.rotate-btn{margin-top:4px;padding:10px 20px;border:1px solid #111;border-radius:2px;background:var(--k-tex),var(--k-gold-face);box-shadow:var(--k-gold-bevel);color:#101010;font:700 13px var(--k-font);cursor:pointer}.rotate-btn:hover{filter:brightness(1.08)}.rotate-btn:active{box-shadow:var(--k-gold-bevel)}@media(prefers-reduced-motion:no-preference){.rotate-icon{animation:rotate-hint 2.6s ease-in-out infinite}@keyframes rotate-hint{0%,55%,to{transform:rotate(0)}75%,95%{transform:rotate(90deg)}}}.hero-panel,.inventory-grid,.magias-grid,.hub-body,.cp-grid,.forge-inv,.map-view,.hero-body,.wheel-stage{scrollbar-color:#4a4a4a var(--k-bar-track);scrollbar-width:thin}.hero-panel::-webkit-scrollbar,.inventory-grid::-webkit-scrollbar,.magias-grid::-webkit-scrollbar,.hub-body::-webkit-scrollbar,.cp-grid::-webkit-scrollbar,.forge-inv::-webkit-scrollbar,.map-view::-webkit-scrollbar,.hero-body::-webkit-scrollbar,.wheel-stage::-webkit-scrollbar{width:12px;height:12px}.hero-panel::-webkit-scrollbar-track,.inventory-grid::-webkit-scrollbar-track,.magias-grid::-webkit-scrollbar-track,.hub-body::-webkit-scrollbar-track,.cp-grid::-webkit-scrollbar-track,.forge-inv::-webkit-scrollbar-track,.map-view::-webkit-scrollbar-track,.hero-body::-webkit-scrollbar-track,.wheel-stage::-webkit-scrollbar-track{background:var(--k-bar-track);border:1px solid #111}.hero-panel::-webkit-scrollbar-thumb,.inventory-grid::-webkit-scrollbar-thumb,.magias-grid::-webkit-scrollbar-thumb,.hub-body::-webkit-scrollbar-thumb,.cp-grid::-webkit-scrollbar-thumb,.forge-inv::-webkit-scrollbar-thumb,.map-view::-webkit-scrollbar-thumb,.hero-body::-webkit-scrollbar-thumb,.wheel-stage::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#565656,#2c2c2c);border:1px solid #111;box-shadow:var(--k-bevel)}