:root{--dv-bg: #0b0b0c;--dv-frame: #6d8298;--dv-frame-deep: #171b25;--dv-surface: 26, 30, 39;--dv-inset: rgba(26, 32, 48, .65);--dv-inset-line: rgba(49, 64, 86, .4);--dv-title-top: #373f50;--dv-title-bottom: #2b3240;--dv-title-line: #1c2430;--dv-socket: #10131a;--dv-socket-line: #8b9aab;--dv-text: #f2f4f8;--dv-body: #d7dbe2;--dv-muted: #9aa8b8;--dv-gold: #e6d7a2;--dv-control: #d5dde6;--dv-line: rgba(154, 172, 192, .45);--dv-line-soft: rgba(154, 172, 192, .35);--dv-hover: rgba(255, 255, 255, .06);--dv-selected: rgba(176, 206, 230, .28);--dv-selected-line: #d7e3ee;--dv-hp: #c0392b;--dv-mana: #2b6f99;--dv-xp: #8a6a22;--dv-danger: #e07a72;--dv-ok: #7dcea0;--dv-space-1: 4px;--dv-space-2: 6px;--dv-space-3: 8px;--dv-space-4: 12px;--dv-radius: 2px;--dv-shadow: 0 0 0 1px var(--dv-frame-deep), inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .45);--dv-socket-shadow: inset 0 0 0 1px #141820, inset 0 0 0 2px rgba(186, 198, 212, .16), inset 0 3px 6px rgba(0, 0, 0, .62);color-scheme:dark;--ui: 1;--slot: max(44px, calc(48px * var(--ui)))}html,body{margin:0;height:100%;background:var(--dv-bg);color:var(--dv-body);font-family:Segoe UI,sans-serif;font-size:13px}body.playing{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;min-height:28px;padding:4px 8px;color:var(--dv-control);background:#10131a8c;border:1px solid var(--dv-line);border-radius:var(--dv-radius);text-transform:uppercase;letter-spacing:.02em}button:hover{border-color:#c5d0dc;color:#fff;background:var(--dv-hover)}button:active:not(.inv-slot):not(.equip-slot):not(.action-slot):not(.ability-row):not(.skill-row):not(.loadout-slot){background:#00000047}button:focus,input:focus,select:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,.char-select:focus-visible,.inv-slot:focus-visible,.equip-slot:focus-visible,.action-slot:focus-visible{outline:1px solid var(--dv-selected-line);outline-offset:1px}button:disabled{opacity:.45;cursor:default}button.primary,.panel form button[type=submit]{color:var(--dv-text);background:#b0cee629;border-color:#9eb4c8}button.primary:hover,.panel form button[type=submit]:hover{background:#b0cee647;border-color:var(--dv-selected-line);color:#fff}button.tab.active,#settings-panel .settings-nav button.active,.char-select:focus-visible{color:var(--dv-text);border-color:var(--dv-selected-line);background:var(--dv-selected);box-shadow:inset 0 0 0 1px #d6e4f08c}input:not([type]),input[type=text],input[type=password],input[type=number],select{min-height:28px;padding:4px 8px;color:var(--dv-text);background:var(--dv-socket);border:1px solid var(--dv-socket-line);border-radius:var(--dv-radius);font-size:calc(13px * var(--ui))}input::placeholder{color:#8d97a6}select{color-scheme:dark}input[type=checkbox]{appearance:none;width:14px;height:14px;margin:0;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--dv-socket-line);border-radius:var(--dv-radius);background:var(--dv-socket)}input[type=checkbox]:checked{border-color:var(--dv-selected-line);background:#b0cee659}input[type=checkbox]:checked:after{content:"";width:7px;height:4px;border-left:2px solid var(--dv-text);border-bottom:2px solid var(--dv-text);transform:translateY(-1px) rotate(-45deg)}input[type=checkbox]:disabled{opacity:.4}input[type=range]{appearance:none;width:100%;height:16px;margin:0;padding:0;background:transparent;border:0;min-height:0}input[type=range]:focus-visible{outline-offset:2px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#0c0e13;border:1px solid #314050;box-shadow:inset 0 1px 2px #000000a6}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;background:var(--dv-control);border:1px solid var(--dv-frame);border-radius:1px}input[type=range]::-moz-range-track{height:4px;background:#0c0e13;border:1px solid #314050}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--dv-control);border:1px solid var(--dv-frame);border-radius:1px}input[type=range]:disabled{opacity:.4}label{display:flex;flex-direction:column;gap:4px;margin:0 0 8px;font-size:calc(13px * var(--ui));color:var(--dv-body)}#lobby{min-height:100%;display:grid;place-items:center;padding:24px 16px;box-sizing:border-box}.panel{width:min(400px,100%);padding:0 16px 16px;box-sizing:border-box;background:rgba(var(--dv-surface),1);border:1px solid var(--dv-frame);box-shadow:var(--dv-shadow)}.panel h1{margin:0 -16px 12px;padding:6px 16px;color:var(--dv-gold);font-size:15px;font-weight:400;letter-spacing:normal;text-transform:uppercase;background:linear-gradient(var(--dv-title-top),var(--dv-title-bottom));border-bottom:1px solid var(--dv-title-line);box-shadow:inset 0 1px #ffffff14}.sub,.empty,.shop-empty,.settings-note,.lb-note{margin:0 0 8px;color:var(--dv-muted);font-size:13px;line-height:1.35}.tabs,.settings-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.shop-tabs{display:none;flex-wrap:wrap;gap:4px;margin-bottom:0}.panel .tabs button,.settings-nav button,.shop-tabs button,#leaderboard-panel .tabs button,#chat-panel .tabs button{min-height:28px;padding:4px 8px;font-size:calc(13px * var(--ui));font-weight:400;color:var(--dv-control);background:transparent;border:1px solid var(--dv-line-soft);border-radius:var(--dv-radius);text-transform:uppercase}.error{min-height:1.2em;margin:0 0 8px;color:var(--dv-danger);font-size:13px}.char-list{list-style:none;padding:0;margin:0 0 12px}.char-list li{margin:0 0 4px}.char-select{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;text-transform:none;letter-spacing:normal;background:#10131a73}.char-select strong{font-weight:400;color:var(--dv-text);text-transform:none}.char-select span{color:var(--dv-gold);font-variant-numeric:tabular-nums}.char-list .empty{padding:8px 2px}#play{--slot: max(44px, calc(48px * var(--ui)));--ui-text: max(13px, calc(14px * var(--ui)));--ui-title: max(15px, calc(16px * var(--ui)));position:fixed;inset:0;overflow:hidden;pointer-events:none;touch-action:none}#play-bar{position:absolute;top:8px;right:12px;left:auto;z-index:40;display:flex;justify-content:flex-end;max-width:calc(100% - 250px);pointer-events:none}#play-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;pointer-events:auto}#play-actions button{min-height:26px;padding:3px 7px;font-size:calc(12px * var(--ui));font-weight:400;color:var(--dv-control);background:#10131ae0;border:1px solid var(--dv-line);box-shadow:inset 0 1px #ffffff0f;touch-action:manipulation}#play-actions button:hover,#play-actions button[aria-pressed=true]{border-color:#c5d0dc;color:#fff;background:#373f50f2}html.ui-edit #vitals-frame,html.ui-edit #xp-frame,html.ui-edit #action-frame,html.ui-edit #minimap-frame{pointer-events:auto;cursor:grab;touch-action:none;outline:1px dashed #fff3a0;outline-offset:2px}html.ui-edit #minimap-frame{z-index:45}html.ui-edit #minimap-canvas,html.ui-edit #minimap-caption,html.ui-edit #minimap-map-btn{pointer-events:none}#vitals-frame,#xp-frame,#action-frame{--panel-alpha: .92;--ui-text: max(12px, calc(13px * var(--ui)));position:absolute;z-index:5;box-sizing:border-box;pointer-events:none}#vitals-frame{display:flex;flex-direction:column;gap:4px;width:min(220px,calc(100vw - 24px))}.combat-status{display:flex;align-items:center;gap:5px;align-self:flex-start;margin:0;color:#c5d0dc;font-size:max(10px,calc(11px * var(--ui)));letter-spacing:.08em;line-height:1;text-transform:uppercase;text-shadow:0 1px 2px #000}.combat-mark{width:13px;height:13px;flex:none}.combat-mark path{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:square;stroke-linejoin:miter}#xp-frame{width:min(520px,calc(100vw - 24px))}.resource-bar{position:relative;height:max(20px,calc(22px * var(--ui)));overflow:hidden;border:1px solid var(--dv-frame);background:#0c0e13;box-shadow:inset 0 1px 3px #000000a6}.resource-fill{position:absolute;top:0;bottom:0;left:0;width:0%;transition:width .12s linear}.resource-fill.hp{background:var(--dv-hp)}.resource-fill.mana{background:var(--dv-mana)}.resource-fill.xp{background:var(--dv-xp)}.resource-bar.xp-bar:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#d7e3ee8c,#d7e3ee8c) 10% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 20% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 30% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 40% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 50% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 60% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 70% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 80% 0 / 1px 100% no-repeat,linear-gradient(#d7e3ee8c,#d7e3ee8c) 90% 0 / 1px 100% no-repeat}.resource-bar.xp-bar .xp-amount{position:absolute;z-index:2;left:0;right:0;top:0;padding:0;text-align:center;pointer-events:none}.resource-bar.xp-bar .xp-level{position:relative;z-index:2}.resource-label{position:relative;z-index:1;display:block;padding:0 8px;color:var(--dv-text);font-size:var(--ui-text);font-variant-numeric:tabular-nums;line-height:max(20px,calc(22px * var(--ui)));text-shadow:0 1px 2px #000}#game{position:absolute;inset:0;pointer-events:auto}#game canvas{display:block}#minimap-frame{--panel-alpha: .9;position:absolute;z-index:5;box-sizing:border-box;width:168px;padding:4px;pointer-events:auto;-webkit-user-select:none;user-select:none;background:rgba(16,19,26,var(--panel-alpha, .9));border:1px solid rgba(109,130,152,.85);box-shadow:0 0 0 1px #171b25d9,0 8px 18px #00000059}#minimap-canvas{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;background:var(--dv-bg);box-shadow:inset 0 0 0 1px #000000a6}#minimap-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:18px;margin-top:4px}#minimap-region{min-width:0;overflow:hidden;color:var(--dv-gold);font-size:11px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}#minimap-map-btn{flex:none;height:18px;min-height:0;padding:0 6px;font-size:10px;line-height:16px;pointer-events:auto}#interact-prompt,.action-feedback,#loot-log{color:var(--dv-text);background:#10131ad6;border:1px solid rgba(109,130,152,.65);box-shadow:0 6px 16px #00000059}#interact-prompt{position:absolute;left:50%;bottom:118px;transform:translate(-50%);z-index:6;max-width:calc(100% - 24px);padding:4px 10px;font-size:calc(13px * var(--ui));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}#loot-log{position:absolute;left:12px;bottom:12px;z-index:4;max-width:min(360px,calc(100% - 24px));padding:6px 8px;color:var(--dv-gold);font-size:calc(13px * var(--ui));white-space:pre-line;pointer-events:none}#loot-log:empty{display:none}#region-banner,#discovery-banner{position:absolute;left:50%;top:14%;transform:translate(-50%);z-index:45;max-width:min(520px,calc(100% - 32px));padding:6px 14px;text-align:center;color:var(--dv-gold);background:#10131ad1;border:1px solid rgba(109,130,152,.7);box-shadow:0 8px 18px #0006;letter-spacing:.12em;text-transform:uppercase;font-size:calc(15px * var(--ui));font-weight:400;pointer-events:none;opacity:0}#discovery-banner{top:calc(14% + 42px);padding:4px 10px;font-size:calc(13px * var(--ui));letter-spacing:.04em;text-transform:none;color:var(--dv-text);border-color:#e6d7a259}#region-banner.banner-show,#discovery-banner.banner-show{animation:banner-fade 2.4s ease forwards}@keyframes banner-fade{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}.game-window{--panel-alpha: .96;--slot: max(44px, calc(48px * var(--ui)));--equip-slot: max(50px, calc(54px * var(--ui)));--ui-text: calc(13px * var(--ui));--ui-title: calc(15px * var(--ui));position:absolute;z-index:8;display:flex;flex-direction:column;max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);overflow:hidden;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;color:var(--dv-body);background:rgba(var(--dv-surface),var(--panel-alpha, 1));border:1px solid var(--dv-frame);box-shadow:var(--dv-shadow);animation:dv-in .12s ease-out}html.ui-manual #play,html.ui-manual .game-window,html.ui-manual #vitals-frame,html.ui-manual #xp-frame,html.ui-manual #action-frame,html.ui-manual #minimap-frame,.game-window.scale-custom,#vitals-frame.scale-custom,#xp-frame.scale-custom,#action-frame.scale-custom,#minimap-frame.scale-custom{--slot: calc(48px * var(--ui));--equip-slot: calc(54px * var(--ui))}html.ui-edit .game-window{outline:1px dashed #fff3a0;outline-offset:2px}.game-window,#vitals-frame,#xp-frame,#action-frame,#minimap-frame{transition:outline-color .12s linear}.game-window.ui-locked .window-title{cursor:default}html.ui-edit .window-title{cursor:grab}.window-resize{position:absolute;right:1px;bottom:1px;z-index:2;width:14px;height:14px;padding:0;border:0;background:linear-gradient(#9aabbe,#9aabbe) right 3px bottom 6px / 6px 1px no-repeat,linear-gradient(#9aabbe,#9aabbe) right 3px bottom 3px / 9px 1px no-repeat;cursor:nwse-resize;touch-action:none;opacity:.85}.window-title{display:flex;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:0;margin:0;padding:5px 8px 5px 12px;background:linear-gradient(var(--dv-title-top),var(--dv-title-bottom));border:0;border-bottom:1px solid var(--dv-title-line);box-shadow:inset 0 1px #ffffff14;cursor:grab;touch-action:none}.window-title h2,.sheet-kicker,.game-window h3,#equipment-panel .char-sheet h3{margin:0;font-family:inherit;font-size:calc(15px * var(--ui));font-weight:400;letter-spacing:normal;line-height:normal;text-transform:uppercase;color:var(--dv-gold)}.sheet-kicker,.game-window h3,#equipment-panel .char-sheet h3{margin:0 0 4px;line-height:1.3}.window-title-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.window-close{display:grid;place-items:center;width:22px;height:22px;min-height:0;margin:0;padding:0 0 1px;font-size:15px;line-height:1;color:var(--dv-control);background:transparent;border:1px solid var(--dv-line);border-radius:var(--dv-radius);box-shadow:none;text-transform:none;letter-spacing:normal}.window-close:hover{border-color:#c5d0dc;color:#fff;background:var(--dv-hover)}.window-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:8px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:transparent;border:0;font-size:calc(13px * var(--ui));font-weight:400;scrollbar-width:thin;scrollbar-color:var(--dv-frame) var(--dv-socket)}.window-body::-webkit-scrollbar,#chat-log::-webkit-scrollbar,.shop-list::-webkit-scrollbar{width:10px;height:10px}.window-body::-webkit-scrollbar-track,#chat-log::-webkit-scrollbar-track,.shop-list::-webkit-scrollbar-track{background:var(--dv-socket)}.window-body::-webkit-scrollbar-thumb,#chat-log::-webkit-scrollbar-thumb,.shop-list::-webkit-scrollbar-thumb{background:var(--dv-frame);border:2px solid var(--dv-socket)}.inventory-gold,.shop-price,.lb-rank,.lb-value,.inv-qty,.skill-level,.char-sheet dd,.mini-row span:last-child{font-variant-numeric:tabular-nums}.inventory-gold{color:var(--dv-gold);font-size:calc(13px * var(--ui));font-weight:400;white-space:nowrap}.sheet-block,#settings-panel fieldset,.shop-column{padding:6px 8px;background:var(--dv-inset);border:1px solid var(--dv-inset-line)}.inv-grid,.bank-grid,.bank-backpack{display:grid;grid-template-columns:repeat(6,var(--slot));gap:4px;align-content:start}.inv-slot,.equip-slot{position:relative;padding:0;color:var(--dv-text);touch-action:manipulation;text-transform:none;letter-spacing:normal}.inv-slot{width:var(--slot);height:var(--slot);min-height:0;box-sizing:border-box;border:1px solid var(--dv-socket-line);border-radius:var(--dv-radius);background-color:var(--dv-socket);box-shadow:var(--dv-socket-shadow)}.inv-slot:hover,.inv-slot:focus-visible{border-color:#8eabc4}.inv-slot.equipped{box-shadow:inset 0 0 0 2px #d4ac0d}.inv-slot.dragging,.equip-slot.dragging{opacity:.45}.inv-qty{position:absolute;right:2px;bottom:1px;z-index:2;font-size:max(10px,calc(11px * var(--ui)));color:#fff;text-shadow:0 1px 1px #000;text-transform:none}.drop-ok{outline:2px solid var(--dv-ok)}.drop-bad{outline:2px solid #e74c3c}.inv-actions:not(:has(button:not([hidden]))){display:none}.inv-actions{margin-top:8px}.item-detail{width:min(100%,calc(6 * var(--slot) + 20px));margin:8px 0 0;padding:6px 8px;background:var(--dv-inset);border:1px solid var(--dv-inset-line);color:var(--dv-text);font-size:calc(13px * var(--ui));line-height:1.35}.item-detail:empty{display:none}#inventory-panel .window-body{align-items:flex-start}#equipment-panel{text-transform:uppercase}#equipment-panel .window-body{container-type:inline-size;padding-bottom:4px;color:#d7dbe2}.equip-layout{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:0}.equip-doll{display:flex;align-items:center;justify-content:center;padding:6px 8px 4px;border-right:1px solid rgba(90,108,128,.28);background:transparent}.equip-board{--box-gap: .22;position:relative;width:calc(var(--equip-slot) * (3 + 2 * var(--box-gap)));height:calc(var(--equip-slot) * (4 + 3 * var(--box-gap)));flex:0 0 auto}.equip-board .equip-slot{position:absolute}.slot-back,.slot-main,.slot-ring{left:0}.slot-head,.slot-chest,.slot-legs,.slot-feet{left:calc(var(--equip-slot) * (1 + var(--box-gap)))}.slot-neck,.slot-off,.slot-waist{left:calc(var(--equip-slot) * (2 + 2 * var(--box-gap)))}.slot-head{top:0}.slot-chest{top:calc(var(--equip-slot) * (1 + var(--box-gap)))}.slot-legs{top:calc(var(--equip-slot) * (2 + 2 * var(--box-gap)))}.slot-feet{top:calc(var(--equip-slot) * (3 + 3 * var(--box-gap)))}.slot-back,.slot-neck{top:calc(var(--equip-slot) * (.5 + var(--box-gap)))}.slot-main,.slot-off{top:calc(var(--equip-slot) * (1.5 + 2 * var(--box-gap)))}.slot-ring,.slot-waist{top:calc(var(--equip-slot) * (2.5 + 3 * var(--box-gap)))}.equip-slot{width:var(--equip-slot);height:var(--equip-slot);min-width:0;min-height:0;margin:0;box-sizing:border-box;border:1px solid var(--dv-socket-line);border-radius:var(--dv-radius);background-color:var(--dv-socket);background-repeat:no-repeat;background-position:center;background-size:68%;box-shadow:var(--dv-socket-shadow)}.equip-slot:after{content:"";position:absolute;inset:31%;border:1px solid rgba(186,200,214,.42);transform:rotate(45deg);pointer-events:none}.equip-slot:hover,.equip-slot:focus-visible{border-color:#8eabc4;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #8eabc459}.equip-slot[data-instance]{border-color:#7f96aa;background-image:none;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #5a708473}.equip-slot[data-instance]:after{display:none}.inv-slot.selected,.equip-slot.selected{outline:none;border-color:var(--dv-selected-line)}.inv-slot.selected:before,.equip-slot.selected:before{content:"";position:absolute;inset:0;background:var(--dv-selected);box-shadow:inset 0 0 0 2px #d6e4f0eb;pointer-events:none;z-index:1}.equip-slot.drop-ready{outline:none;border-color:#3f7a52;box-shadow:inset 0 0 0 1px #5aa06e73}.equip-slot.drop-ok{outline:none;border-color:#9ee0b8;box-shadow:inset 0 0 0 1px #9ee0b88c,0 0 0 1px #9ee0b866}.equip-slot.drop-bad{outline:none;border-color:#b55252;box-shadow:inset 0 0 0 1px #c8505066}.equip-slot:active{box-shadow:inset 0 3px 7px #000000b8}.char-sheet{display:flex;flex-direction:column;gap:6px;min-width:0;padding:4px 8px 2px}.sheet-tip{cursor:help}.char-id{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-right:4px}#equipment-panel .char-name{margin:0;padding-left:4px;font-family:inherit;font-size:calc(13px * var(--ui));font-weight:400;line-height:1.3;text-transform:none;color:var(--dv-text)}.char-level{margin:0;color:var(--dv-text);font-family:inherit;font-size:calc(13px * var(--ui));font-weight:400;line-height:1.3;white-space:nowrap}#equipment-panel .char-sheet dt,#equipment-panel .char-sheet dd,#equipment-panel .skill-row,.mini-row{color:var(--dv-text);font-family:inherit;font-size:calc(13px * var(--ui));font-weight:400;line-height:1.3}.mini-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;margin:3px 0;padding:0 4px}.mini-track{height:10px;overflow:hidden;border:1px solid #314050;background:#0c0e13;box-shadow:inset 0 1px 2px #000000a6}.mini-fill{height:100%;width:0%;transition:width .12s linear}.mini-fill.hp{background:var(--dv-hp)}.mini-fill.mana{background:var(--dv-mana)}.skill-list{display:flex;flex-direction:column}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:3px 4px;border:0;border-bottom:1px solid rgba(61,78,98,.55);border-radius:0;background:transparent;color:var(--dv-text);font:inherit;font-size:calc(13px * var(--ui));text-transform:uppercase;letter-spacing:normal;text-align:left;cursor:help;min-height:0}#char-stats .skill-row{cursor:default}.skill-row:hover,.skill-row:focus-visible,.mini-row:hover,.char-id:hover{background:#ffffff0b}.char-sheet dl{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:0;padding:0 4px}.char-sheet dt{color:var(--dv-text);font-size:var(--ui-text);font-weight:400}.char-sheet dd{margin:0;text-align:right}.slot-label{color:#9a9aa6;font-size:max(11px,calc(12px * var(--ui)));min-width:4.5em}@container (max-width: 480px){.equip-layout{grid-template-columns:1fr}.equip-doll{border-right:0;border-bottom:1px solid #2a3342;padding-bottom:12px}.char-sheet{padding:8px 4px 0}}.item-menu,.item-dialog,.loot-popover,#item-tooltip{background:rgba(var(--dv-surface),.98);border:1px solid var(--dv-frame);box-shadow:0 0 0 1px var(--dv-frame-deep),0 8px 22px #00000073;color:var(--dv-text)}.item-menu,.loot-popover{position:fixed;z-index:80;display:flex;flex-direction:column;min-width:148px;max-width:min(240px,calc(100vw - 16px));padding:4px;pointer-events:auto}.loot-popover{z-index:55}.item-menu-action,.loot-popover-row{min-height:28px;margin:0;padding:4px 8px;text-align:left;text-transform:uppercase;letter-spacing:.02em;font-size:calc(13px * var(--ui));font-weight:400;color:var(--dv-control);background:transparent;border:0;border-radius:var(--dv-radius)}.loot-popover-row{color:var(--dv-text);text-transform:none;letter-spacing:normal}.item-menu-action:hover,.loot-popover-row:hover{color:var(--dv-gold);background:#ffffff0b}.item-ghost{position:fixed;z-index:70;width:var(--slot, 44px);height:var(--slot, 44px);margin:0;border:1px solid #f4f4f8;transform:translate(-50%,-50%);pointer-events:none;color:#fff;font-size:12px;display:flex;align-items:flex-end;justify-content:flex-end;padding:2px}.item-dialog{position:fixed;z-index:60;display:flex;flex-direction:column;gap:6px;min-width:168px;padding:8px;pointer-events:auto}.item-dialog-title,.item-dialog-error{margin:0;font-size:calc(13px * var(--ui));font-weight:400}.item-dialog-title{color:var(--dv-gold);text-transform:uppercase}.item-dialog-error{min-height:1.2em;color:var(--dv-danger)}.item-dialog-custom{display:flex;flex-direction:column;gap:6px}#item-tooltip{position:fixed;z-index:80;max-width:min(240px,calc(100vw - 16px));padding:8px 10px;font-size:calc(13px * var(--ui));font-weight:400;line-height:1.35;pointer-events:none}.tip-title,.tip-kind,.tip-stat,.tip-line,.tip-accent{margin:0}.tip-title{color:var(--dv-gold)}.tip-kind,.tip-line{color:#c5d0dc}.tip-stat,.tip-accent{color:var(--dv-text)}.tip-accent{color:var(--dv-gold)}#item-tooltip .tip-title,.item-detail .tip-title{margin-bottom:2px}.lb-head,.lb-row{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:8px;align-items:center;padding:3px 4px;font-size:calc(13px * var(--ui))}.lb-head{color:var(--dv-muted);font-size:calc(11px * var(--ui));letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(61,78,98,.55)}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rank{color:var(--dv-muted)}.lb-value{color:var(--dv-text);text-align:right}.lb-row:hover{background:#ffffff0b}.lb-you{background:#b0cee61f}.lb-you .lb-name{color:var(--dv-gold)}.lb-note{margin-top:8px;padding-top:6px;border-top:1px solid rgba(61,78,98,.4)}#leaderboard-panel .tabs button{padding:3px 6px;font-size:calc(12px * var(--ui))}#leaderboard-panel #leaderboard-list{width:0;min-width:100%;box-sizing:border-box;padding:2px 6px 4px;background:#10131ad1;border:1px solid var(--dv-inset-line)}#settings-panel .window-body{container-type:inline-size}.settings-nav{position:sticky;top:0;z-index:2;margin:-8px -8px 8px;padding:8px;background:#2b3240;border-bottom:1px solid var(--dv-title-line)}#settings-panel fieldset{margin:0 0 8px;min-inline-size:0}#settings-panel fieldset:last-child{margin-bottom:0}#settings-panel legend{display:block;width:100%;margin:0 0 4px;padding:0;color:var(--dv-gold);font-size:calc(13px * var(--ui));font-weight:400;letter-spacing:.04em;text-transform:uppercase}#settings-panel label.check{flex-direction:row;align-items:center;gap:8px;min-height:26px;margin:0;padding:2px 0}.settings-checks{display:grid;grid-template-columns:1fr;gap:0 12px}@container (min-width: 460px){.settings-checks{grid-template-columns:1fr 1fr}}#settings-panel label:not(.check){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;margin-bottom:6px}#settings-panel label:not(.check) input,#settings-panel label:not(.check) select{grid-column:1 / -1}#settings-panel .settings-value{margin:0;color:var(--dv-gold);font-variant-numeric:tabular-nums}.settings-actions{display:flex;flex-wrap:wrap;gap:6px}.settings-note{margin-bottom:6px}.keybind-row{display:grid;grid-template-columns:minmax(0,1fr) 7.5rem 4.75rem;gap:6px;align-items:center;margin:2px 0}.keybind-key,.keybind-clear,.ability-assign button,.loadout-slot{min-height:28px;text-transform:none;letter-spacing:normal}.keybind-key{text-align:center}.keybind-key.listening,.loadout-slot.assigned,.ability-assign button.assigned{border-color:var(--dv-selected-line);color:var(--dv-text);background:var(--dv-selected);box-shadow:inset 0 0 0 1px #d6e4f08c}#merchant-panel .window-body{container-type:inline-size;overflow:hidden;gap:8px}.shop-columns{display:flex;gap:8px;min-height:0;flex:1;overflow:hidden}.shop-column{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:4px}.shop-list{display:flex;flex-direction:column;min-height:0;overflow:auto;flex:1}.shop-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"socket name price" "socket qty action";gap:4px 8px;align-items:center;padding:5px 2px;border-bottom:1px solid rgba(61,78,98,.45)}.shop-row:hover{background:#ffffff0b}.shop-socket{grid-area:socket;width:32px;height:32px;border:1px solid var(--dv-socket-line);border-radius:var(--dv-radius);background:var(--dv-socket);box-shadow:var(--dv-socket-shadow)}.shop-name{grid-area:name;min-width:0;overflow:hidden;color:var(--dv-text);text-overflow:ellipsis;white-space:nowrap}.shop-price{grid-area:price;color:var(--dv-gold);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.shop-row.is-poor .shop-price{color:var(--dv-danger)}.shop-qty{grid-area:qty;justify-self:start;width:4.25rem;min-height:28px;padding:2px 4px;text-align:center}.shop-row button{grid-area:action;justify-self:end;min-height:28px;padding:4px 8px}.shop-empty{margin:4px 0}@container (max-width: 540px){#merchant-panel .shop-tabs{display:flex}.shop-columns[data-mode=buy] .shop-column:last-child,.shop-columns[data-mode=sell] .shop-column:first-child{display:none}}#bank-panel .window-body{container-type:inline-size}.bank-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(6 * var(--slot) + 20px)),1fr));justify-content:center;align-items:start;gap:12px}.bank-pane{min-width:0}.bank-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.bank-heading h3{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0}.bank-count{color:var(--dv-muted);font-size:calc(12px * var(--ui));font-weight:500;letter-spacing:.04em;text-transform:none}#bank-deposit-all{flex:0 0 auto;min-height:22px;padding:2px 8px;font-size:calc(11px * var(--ui))}#dialogue-panel{height:auto!important;max-height:min(420px,calc(100dvh - 24px))}#dialogue-panel .window-body{gap:0;overflow:auto;max-height:min(360px,calc(100dvh - 72px))}#dialogue-role{margin:0 0 4px;color:var(--dv-muted);font-size:calc(11px * var(--ui));letter-spacing:.08em;text-transform:uppercase}#dialogue-role:empty{display:none}#dialogue-text{margin:0 0 10px;color:var(--dv-text);line-height:1.45}#dialogue-responses{display:flex;flex-direction:column;gap:4px}.dialogue-choice{display:block;width:100%;min-height:32px;padding:6px 8px 6px 10px;text-align:left;text-transform:none;letter-spacing:normal;color:var(--dv-text);background:#10131a73;border:1px solid var(--dv-line-soft);box-shadow:inset 2px 0 #8a7d5e}.dialogue-choice:hover{border-color:var(--dv-selected-line);background:#b0cee61f;color:#fff;box-shadow:inset 2px 0 0 var(--dv-gold)}#map-panel .window-body{gap:6px;padding:6px;overflow:hidden}.map-stage{position:relative;flex:1;min-height:0;display:grid;overflow:hidden;background:#0c0e13;border:1px solid rgba(49,64,86,.55);box-shadow:inset 0 0 0 1px #141820}#world-map-canvas{width:100%;height:100%;min-width:0;min-height:0;max-height:100%;object-fit:contain;image-rendering:pixelated;background:var(--dv-bg)}#map-hover{position:absolute;left:6px;bottom:6px;margin:0;padding:2px 6px;color:var(--dv-gold);background:#10131ad6;border:1px solid rgba(109,130,152,.55);font-size:calc(12px * var(--ui));pointer-events:none}#map-hover:empty{display:none}.map-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;color:var(--dv-muted);font-size:11px}.map-legend span{display:inline-flex;align-items:center;gap:4px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}#chat-panel .window-body{overflow:hidden;gap:6px;-webkit-user-select:text;user-select:text}#chat-panel .window-title{-webkit-user-select:none;user-select:none}#chat-log{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--dv-frame) var(--dv-socket)}#chat-tabs button.has-unread{color:var(--dv-gold)}.chat-line{margin:0;padding:1px 0;color:#d7d7de;font-size:calc(13px * var(--ui));line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.chat-tag{color:#c5d0dc}.chat-local .chat-tag{color:var(--dv-gold)}.chat-whisper .chat-tag{color:#c9bdd6}.chat-system{color:#9eb0c3}.chat-system .chat-tag{color:#8fa3b8}.chat-time{color:#8d97a6}.chat-name,button.chat-name{min-height:0;padding:0;border:0;background:none;color:var(--dv-gold);font:inherit;font-size:inherit;line-height:inherit;text-transform:none;letter-spacing:normal;cursor:pointer}button.chat-name:hover{color:#f4e7bf;background:none;border:0}#chat-unread{align-self:center;min-height:22px;padding:2px 8px;color:var(--dv-gold);background:#10131aeb;border:1px solid var(--dv-line);font-size:calc(12px * var(--ui))}#chat-compose{display:flex;flex:none;gap:4px;align-items:center}#chat-channel,#chat-input{min-height:28px}#chat-channel{flex:none;max-width:96px;text-transform:uppercase}#chat-input{flex:1;min-width:0}#action-frame{--action: max(46px, calc(50px * var(--ui)));display:flex;flex-direction:column;align-items:center;z-index:6;pointer-events:none}.action-feedback{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);width:max-content;max-width:min(360px,80vw);margin:0;padding:3px 8px;color:var(--dv-gold);font-size:max(12px,calc(13px * var(--ui)));text-align:center;pointer-events:none}.action-row,.action-abilities{display:flex;align-items:center;pointer-events:none}.action-row{gap:10px}.action-abilities{gap:4px}.action-slot{position:relative;width:var(--action);height:var(--action);min-height:0;padding:0;color:#d7e3ee;background:rgba(16,19,26,var(--panel-alpha, .92));border:1px solid var(--dv-socket-line);border-radius:var(--dv-radius);box-shadow:var(--dv-socket-shadow);text-transform:none;pointer-events:auto;touch-action:manipulation}.action-slot[data-state=ready]{border-color:#9eb0c4}.action-slot[data-state=empty]:after{content:"";position:absolute;inset:34%;border:1px solid rgba(186,200,214,.42);transform:rotate(45deg);pointer-events:none}.action-slot.is-unavailable:not([data-state=empty]) .action-icon,.action-slot[data-state=cooldown] .action-icon{filter:saturate(.2) brightness(.78)}.action-slot.drop-ok{outline:none;border-color:#9ee0b8;box-shadow:inset 0 0 0 1px #9ee0b88c,0 0 0 1px #9ee0b866}.action-slot.drop-bad{outline:none;border-color:#b55252}.action-icon,.action-key,.action-count,.action-cd,.action-cd-num{position:absolute;pointer-events:none}.action-icon{inset:7px;display:grid;place-items:center}.action-glyph{width:70%;height:70%}.action-glyph path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:miter;stroke-linecap:square}.action-glyph.potion-health{color:#d36b6b}.action-glyph.potion-mana{color:#6aa4c8}.action-key{top:2px;left:3px;color:var(--dv-gold);font-size:max(10px,calc(11px * var(--ui)));line-height:1;text-shadow:0 1px 2px #000}.action-count{right:3px;bottom:2px;color:var(--dv-text);font-size:max(10px,calc(11px * var(--ui)));line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.action-cd{inset:0;background:conic-gradient(rgba(8,10,14,.78) calc(var(--cd) * 1%),transparent 0)}.action-cd-num{inset:0;display:grid;place-items:center;color:var(--dv-text);font-size:max(13px,calc(14px * var(--ui)));font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}html.ui-edit #action-frame .action-slot{pointer-events:none}html.compact-ui #action-frame .action-row{display:grid;grid-template-columns:var(--action) var(--action) var(--action);grid-template-areas:". a3 ." "a2 . a4" ". a1 ." "c1 . c2";gap:6px;justify-content:center}html.compact-ui #action-frame .action-abilities{display:contents}#abilities-panel .window-body{container-type:inline-size}.ability-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(168px,.85fr);gap:8px;align-items:stretch;min-height:100%}.ability-known,.ability-detail{display:flex;flex-direction:column;min-width:0;padding:6px 8px;background:var(--dv-inset);border:1px solid var(--dv-inset-line)}.ability-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;margin:0 0 4px;padding:4px;color:var(--dv-control);text-align:left;text-transform:none;letter-spacing:normal;background:#10131a8c;border:1px solid var(--dv-line-soft);border-radius:var(--dv-radius)}.ability-row:last-child{margin-bottom:0}.ability-row.selected{border-color:var(--dv-selected-line);background:#b0cee629;box-shadow:inset 0 0 0 1px #d6e4f073}.ability-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--dv-socket-line);background:var(--dv-socket);box-shadow:var(--dv-socket-shadow)}.ability-copy{display:flex;flex-direction:column;min-width:0}.ability-name{color:var(--dv-text)}.ability-meta,.ability-desc,.ability-stats{color:var(--dv-muted);font-size:max(12px,calc(12px * var(--ui)))}.ability-cost{color:#7eb6d6;font-variant-numeric:tabular-nums;white-space:nowrap}.ability-heading{margin:0 0 4px;color:var(--dv-text);font-size:calc(15px * var(--ui));line-height:1.3;text-transform:none}.ability-detail p,.ability-stats,.ability-desc{margin:0 0 6px}.ability-stats{color:var(--dv-text)}.loadout-row,.quick-row{display:grid;gap:6px;margin-bottom:8px}.loadout-row{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-row{grid-template-columns:1fr 1fr}.loadout-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:72px;padding:4px;color:var(--dv-control);background:var(--dv-socket);border:1px solid var(--dv-socket-line);box-shadow:var(--dv-socket-shadow)}.loadout-slot .ability-mark{width:28px;height:28px;border:0;background:transparent;box-shadow:none}.loadout-slot:not(.filled) .ability-mark:after{content:"";width:10px;height:10px;border:1px solid rgba(186,200,214,.42);transform:rotate(45deg)}.slot-index{color:var(--dv-muted);font-size:10px;line-height:1}.slot-name{display:-webkit-box;max-width:100%;overflow:hidden;color:var(--dv-text);font-size:11px;line-height:1.15;text-align:center;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.quick-slot{cursor:default}@container (max-width: 460px){.ability-layout{grid-template-columns:1fr}.loadout-row{grid-template-columns:repeat(2,minmax(0,1fr))}}html.compact-ui .game-window{left:8px!important;top:8px!important;width:calc(100% - 16px);max-width:none;height:auto!important;max-height:calc(100dvh - 16px)}html.compact-ui #leaderboard-panel{width:max-content;max-width:calc(100% - 16px)}html.compact-ui .window-resize{display:none!important}html.compact-ui .window-title{cursor:default}html.compact-ui #chat-panel{top:auto!important;bottom:8px!important;height:min(240px,42vh)!important;width:calc(100% - 16px)}html.compact-ui .window-body{max-height:calc(100dvh - 72px)}html.compact-ui .shop-tabs{display:flex}html.compact-ui .shop-columns[data-mode=buy] .shop-column:last-child,html.compact-ui .shop-columns[data-mode=sell] .shop-column:first-child{display:none}html.compact-ui #play-bar{left:8px;right:8px;max-width:none}@media(max-width:860px){.shop-tabs{display:flex}.shop-columns[data-mode=buy] .shop-column:last-child,.shop-columns[data-mode=sell] .shop-column:first-child{display:none}#play-bar{left:8px;right:8px;max-width:none}#vitals-frame{width:min(180px,46vw)}}@media(max-width:700px){#play-actions button{min-height:28px;padding:4px 6px}#interact-prompt{bottom:168px;font-size:12px}.keybind-row{grid-template-columns:minmax(0,1fr) auto}.keybind-clear{grid-column:2}}@keyframes dv-in{0%{opacity:0}to{opacity:1}}html.reduced-motion .game-window,html.reduced-motion #vitals-frame,html.reduced-motion #xp-frame,html.reduced-motion #action-frame,html.reduced-motion #minimap-frame,html.reduced-motion .resource-fill,html.reduced-motion .mini-fill{transition:none;animation:none}html.reduced-motion #region-banner.banner-show,html.reduced-motion #discovery-banner.banner-show{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.game-window,.resource-fill,.mini-fill,#region-banner,#discovery-banner{animation:none;transition:none}}