.spell-slots-picker{flex-direction:column;gap:8px;width:100%;display:flex}.spell-slot-row{align-items:stretch;gap:8px;display:flex}.spell-slot-box{min-height:52px;font:inherit;text-align:left;color:#8a8070;cursor:pointer;background:#00000073;border:2px dashed #5a5068;flex:1;align-items:center;gap:10px;padding:6px 10px;display:flex;position:relative}.spell-slot-box.filled{color:#f2e6c8;background:#221e2c;border-style:solid;border-color:#f2c94c}.spell-slot-box.over{border-color:#fff0a0;box-shadow:0 0 12px #f2c94c73}@keyframes slot-flash{0%{box-shadow:0 0 16px #f2c94ccc}to{box-shadow:none}}.spell-slot-box.flash{animation:.9s ease-out slot-flash}.spell-slot-box .slot-key{color:#f2c94c;background:#1a1410;border:2px solid #6e5424;flex:none;place-items:center;width:34px;height:34px;font-size:20px;font-weight:700;display:grid}.spell-slot-box .slot-body{flex-direction:column;min-width:0;display:flex}.spell-slot-icon{width:32px;height:32px;image-rendering:pixelated;flex:none}.spell-slot-box .slot-body small{color:#8a8070;text-transform:uppercase;letter-spacing:1px;font-size:14px}.spell-slot-box .slot-clear{color:#8a6060;position:absolute;top:2px;right:6px}.spell-slot-box:hover .slot-clear{color:#ff8a7a}.spell-swap{font:inherit;color:#f2c94c;cursor:pointer;background:#1e1822;border:2px solid #6e5424;flex:none;width:40px;font-size:18px}.spell-swap:disabled{opacity:.4;cursor:default}.spell-pick-hint{color:#a89c86;min-height:14px;font-size:14px}.spell-slots-picker .spell-card{padding-left:10px;padding-right:44px}.spell-slots-picker .spell-card .spell-card-icon{width:30px;height:30px;image-rendering:pixelated;position:absolute;bottom:8px;right:8px}.spell-slots-picker .spell-card .big-badge{color:#1a1410;background:#f2c94c;border:2px solid #000;place-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #f2c94c80}.spell-slots-picker .spell-card.disabled{opacity:.4;cursor:not-allowed}.spell-slots-picker .spell-card .locked-reason{color:#c88a6a}.run-strip{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:6px;display:flex}.run-level-badge{color:#ffd98a;letter-spacing:.05em;text-shadow:1px 1px #000;background:linear-gradient(#3a2a18,#1b130b);border:2px solid #a77b43;padding:1px 10px;font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700;box-shadow:0 0 0 1px #000}.run-timer{text-align:right;min-width:150px}.run-timer-text{color:#e8f0e0;text-shadow:1px 1px #000;font-family:Pixelify Sans,ui-monospace,monospace;font-size:16px}.run-timer-bar{background:#000000a6;border:1px solid #5d6a55;height:6px;margin-top:2px}.run-timer-bar .fill{background:linear-gradient(#b8f08a,#4c9a2e);height:100%;transition:width .9s linear,background .3s}.run-timer.warn .run-timer-text{color:#ffd24a}.run-timer.warn .run-timer-bar .fill{background:linear-gradient(#ffe38a,#c99a1e)}.run-timer.danger .run-timer-text{color:#ff8a5c}.run-timer.danger .run-timer-bar .fill{background:linear-gradient(#ffab7a,#c2421e)}.run-timer.expired .run-timer-text{color:#ff5a4a;font-family:Cinzel,Georgia,serif;font-weight:700}.run-timer.expired .run-timer-bar .fill{background:#7a2a22}.screen-overlay .run-result{color:#efe3ca;align-items:center;gap:14px;margin-top:14px;font-size:18px;display:flex}.screen-overlay .run-result .run-level-badge{font-size:16px}.screen-overlay .run-time b{font-family:Pixelify Sans,ui-monospace,monospace;font-weight:400}.screen-overlay .run-time small{color:#b9c3c8;font-size:14px}.screen-overlay .run-time.in-time b{color:#9fe39f}.screen-overlay .run-time.late b{color:#ff8a5c}.screen-overlay .run-unlock{color:#ffd98a;text-shadow:0 0 12px #d4a653aa,1px 1px #000;margin:12px 0 0;font-family:Cinzel,Georgia,serif;font-size:24px;font-weight:700}.screen-overlay .run-late{color:#ffb09a;font-size:15px}.inv-ui{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:20;--gold:#c9a24a;--gold-hi:#f2d27a;--gold-lo:#6e5424;--stone:#17141d;--stone-2:#211c28;--cell:40px;--risk:#d8402e;position:absolute;inset:0}.game-window{pointer-events:auto;color:#e0d6c0;background:repeating-linear-gradient(45deg, #ffffff04 0 2px, transparent 2px 6px), repeating-linear-gradient(-45deg, #0000001f 0 3px, transparent 3px 9px), linear-gradient(180deg, var(--stone-2), var(--stone));border:2px solid var(--gold);box-shadow:0 0 0 2px #000, inset 0 0 0 1px var(--gold-lo), inset 0 0 0 3px #000, inset 0 0 18px #000000b3, 6px 6px 0 #00000073;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:8px 10px 10px;font-size:14px;position:absolute}.window-title{border-bottom:2px solid var(--gold-lo);color:var(--gold-hi);letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px #000;justify-content:space-between;align-items:center;margin:-2px -2px 8px;padding:0 2px 4px;font-weight:700;display:flex}.window-close{font:inherit;width:20px;height:20px;color:var(--gold-hi);border:2px solid var(--gold-lo);cursor:pointer;background:#2a1a16;padding:0;line-height:14px}.window-close:hover{border-color:var(--gold);color:#fff}.game-window .section-title{color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin:8px 0 4px;font-size:14px}.game-window .section-title small{color:#8a8070;text-transform:none}.game-window .dim{color:#8a8070}.game-window .hint{margin-top:6px;font-size:14px;display:block}.inv-window{width:calc(var(--cell) * 6 + 5 * 3px + 24px);max-height:calc(100% - 180px);top:90px;right:16px;overflow-y:auto}.char-window{width:300px;max-height:calc(100% - 240px);top:150px;left:16px;overflow-y:auto}.paper-doll{background:radial-gradient(#c9a24a14,#0000 70%);grid-template-columns:repeat(3,52px);justify-content:center;gap:6px;padding:6px 0;display:grid}.paper-doll .inv-cell,.doll-gap{width:52px;height:52px}.bag-grid{gap:3px;display:grid}.inv-cell{width:var(--cell);height:var(--cell);background:#0000008c;border:2px solid #3a3242;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #000,inset 2px 2px #00000080}.inv-cell.filled{cursor:grab;background:#0a080ecc}.inv-cell.filled:hover{background:#3c321e99}.inv-cell.drag-src{opacity:.35}.inv-cell.at-risk{box-shadow:inset 0 0 0 2px var(--risk), inset 0 0 8px #d8402e99}.inv-cell.drop-ok{box-shadow:inset 0 0 10px #5fd35f80;border-color:#5fd35f!important}.inv-cell.drop-bad{box-shadow:inset 0 0 10px #d8402e80;border-color:#d8402e!important}.inv-cell .slot-label{color:#5e5668;text-align:center;font-size:14px;line-height:10px}.inv-cell .upg,.inv-cell .stack{color:#fff;text-shadow:1px 1px #000,-1px -1px #000;font-size:14px;position:absolute;bottom:0;right:1px}.inv-cell .upg{color:var(--gold-hi);top:0;bottom:auto}.inv-cell.small{width:32px;height:32px}.item-icon{image-rendering:pixelated;pointer-events:none}.consumables{flex-wrap:wrap;gap:3px;display:flex}.potion-assign{align-items:center;gap:6px;margin-top:6px;display:flex}.potion-assign .hint{flex:1;margin:0}.potion-slot .key{color:var(--gold-hi);text-shadow:1px 1px #000;font-size:14px;font-weight:700;position:absolute;top:0;left:2px}.wallet{align-items:center;gap:10px;margin-top:8px;display:flex}.wallet .gold{color:#f2d27a;align-items:center;gap:4px;font-weight:700;display:flex}.game-window .risk,.tl.risk{color:#ff7a64}.materials{color:#9fd6c8;flex-wrap:wrap;gap:2px 10px;margin-top:4px;font-size:14px;display:flex}.materials b{color:#e6f4ef}.materials .mat .item-icon{vertical-align:-3px;margin-right:2px}.risk-legend{color:#ff9a84;align-items:center;gap:6px;margin-top:8px;font-size:14px;display:flex}.risk-swatch{border:2px solid var(--risk);background:#d8402e40;width:12px;height:12px;display:inline-block}.trash-zone{text-align:center;color:#a08080;border:2px dashed #5a3a3a;margin-top:8px;padding:4px;font-size:14px}.char-head{margin-bottom:4px}.char-name{color:var(--gold-hi);font-size:15px;font-weight:700}.stat-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:1px 0;display:flex}.stat-row b{color:#fff;font-weight:400}.stat-row.warn b,.stat-row.warn span{color:#ff6a5a}.xp-bar{border:1px solid var(--gold-lo);background:#000;height:12px;position:relative}.xp-bar .fill,.xp-strip .fill{background:linear-gradient(#b890ff,#6a3ac8);height:100%}.xp-bar span{text-align:center;color:#fff;text-shadow:1px 1px #000;font-size:14px;line-height:11px;position:absolute;inset:0}.xp-strip{pointer-events:auto;background:#000000bf;border-top:1px solid #3a2a5a;height:5px;position:absolute;bottom:0;left:0;right:0}.item-tooltip{z-index:50;pointer-events:none;position:fixed}.tooltip-pair{align-items:flex-start;gap:6px;display:flex}.tooltip-col{flex-direction:column;gap:4px;display:flex}.item-card{color:#d8d0c0;background:#08060cf5;border:2px solid #5a5068;width:250px;padding:6px 8px;font-size:14px;line-height:14px;box-shadow:0 0 0 2px #000,4px 4px #00000080}.item-card.simple{border-color:var(--gold-lo);width:220px}.card-header{color:#8a8070;text-transform:uppercase;letter-spacing:1px;margin:-2px 0 3px;font-size:14px}.card-name{text-shadow:1px 1px #000;font-size:14px;font-weight:700}.card-name.consumable{color:#d88cff}.card-sub{color:#8a8070;margin-bottom:3px;font-size:14px}.card-upgrade{color:var(--gold-hi);font-size:14px}.tl.sep{border-top:1px solid #ffffff14;margin-top:4px;padding-top:3px}.tl.base{color:#fff}.tl.implicit{color:#c8c0e8}.tl.affix{color:#7aa8ff}.tl.fixed{color:#ffb870}.tl.curse{color:#ff4a3a}.tl.purple{color:#b46cff}.tl.purple-off{color:#6a6272}.tl.set{color:#5fd35f;font-weight:700}.tl.set-piece{color:#6a6272}.tl.set-piece-owned{color:#a8c8a0}.tl.set-piece-on{color:#7ae07a}.tl.set-bonus{color:#6a6272}.tl.set-bonus-on{color:#7ae07a}.cmp-row.set-change span{font-weight:700}.cmp-row.set-change.up span{color:#7ae07a}.cmp-row.set-change.down span{color:#ff7a6a}.tl.purple-off .note{color:#8a7a92;font-style:italic}.tl.req-bad{color:#ff4a3a}.tl.info{color:#8a8070}.card-value{color:#d8b85a;margin-top:4px;font-size:14px}.compare-block{border:2px solid var(--gold-lo);background:#08060cf5;width:250px;padding:5px 8px;font-size:14px;box-shadow:0 0 0 2px #000}.compare-title{color:var(--gold);text-transform:uppercase;margin-bottom:2px;font-size:14px}.cmp-row{justify-content:space-between;display:flex}.cmp-row.headline{font-size:14px;font-weight:700}.cmp-row b{font-weight:inherit}.cmp-row small{opacity:.8;font-weight:400}.cmp-row.up b{color:#5fe05f}.cmp-row.down b{color:#ff5a4a}.drag-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 2px #000);position:fixed;transform:translate(-50%,-50%)}.loot-prompt{border:2px solid var(--gold-lo);color:#e0d6c0;text-shadow:1px 1px #000;white-space:nowrap;background:#0a080ed9;padding:4px 12px;font-size:14px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.loot-prompt .key{border:1px solid var(--gold);color:var(--gold-hi);margin-right:4px;padding:0 5px;font-weight:700;display:inline-block}.confirm-modal{z-index:70;text-align:center;width:300px;top:40%;left:50%;transform:translate(-50%,-50%)}.confirm-modal .buttons{justify-content:center;gap:10px;display:flex}.confirm-modal button{font:inherit;color:#e0d6c0;border:2px solid var(--gold-lo);cursor:pointer;background:#221c28;padding:4px 14px}.confirm-modal button.danger{color:#fff;background:#5a1a14;border-color:#c8402e}.loot-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.loot-label{white-space:nowrap;text-shadow:1px 1px #000;pointer-events:auto;cursor:pointer;will-change:transform;background:#000000c7;border:1px solid #ffffff1f;padding:1px 5px;font-size:14px;line-height:13px;position:absolute;top:0;left:0}.loot-label:hover,.loot-label.near{background:#1e180ce6;border-color:currentColor}.loot-label.beam-rare,.loot-label.beam-unique{font-weight:700}.loot-label.beam-purple{border-color:#b46cffb3;font-weight:700;box-shadow:0 0 6px #b46cff80}.loot-float{white-space:nowrap;pointer-events:none;text-shadow:1px 1px #000,-1px -1px #000;font-size:14px;font-weight:700;position:absolute;top:0;left:0}.loot-float.gold{color:#f2d27a}.skill-slot.potion .assigned{text-align:center;color:#e0c8ff;text-shadow:1px 1px #000;font-size:14px;line-height:9px;position:absolute;bottom:12px;left:2px;right:2px}.inv-ui{--gold:#d1a65e;--gold-hi:#f3dba2;--gold-lo:#82623a;--stone:#0c1623;--stone-2:#1d3044;--cell:44px}.inv-ui .game-window{color:#efe3ca;background:linear-gradient(150deg,#203348f5,#0b1827f7 68%);border:5px solid #0000;border-image:url(/ui/frame-steel.png) 7/5px;padding:12px;font-family:Alegreya,Georgia,serif;font-size:14px;box-shadow:0 0 0 2px #06090e,inset 0 0 26px #0008,0 10px 28px #000b}.inv-ui .window-title{color:#f9dfa1;letter-spacing:.07em;text-shadow:1px 2px #080b10;border-color:#917246;margin:-4px -4px 12px;padding:2px 3px 9px;font-family:Cinzel,Georgia,serif;font-size:15px}.inv-ui .window-close{background:#3a1720 url(/ui/icon-close.png) 50%/14px no-repeat;border:2px solid #a77b43;width:26px;height:26px;font-size:0;box-shadow:inset 0 0 0 1px #10141b,0 2px #05070b}.inv-ui .window-close:hover{background-color:#6a2730;border-color:#e0ad63}.inv-ui .game-window .section-title{color:#ebcf95;letter-spacing:.06em;border-bottom:1px solid #705938;align-items:baseline;gap:5px;margin:12px 0 6px;padding-bottom:3px;font-family:Cinzel,Georgia,serif;font-size:14px;display:flex}.inv-ui .game-window .dim{color:#a8afb1}.inv-window{width:calc(var(--cell) * 6 + 5 * 3px + 38px);max-height:calc(100% - 100px);top:58px;right:18px}.char-window{width:330px;max-height:calc(100% - 100px);top:58px;left:18px}.paper-doll{background:radial-gradient(at 50% 44%,#41628670,#0d1b2b88 63%,#07111d 100%);border:1px solid #5c5360;gap:7px;margin:0 0 10px;padding:10px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0009}.paper-doll .doll-silhouette{opacity:.26;width:96px;height:120px;image-rendering:pixelated;pointer-events:none;filter:grayscale(.5)drop-shadow(0 4px 4px #000);position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.paper-doll .inv-cell{z-index:1}.paper-doll .inv-cell.filled .item-icon{filter:brightness(1.12)drop-shadow(1px 2px #05090d);width:48px;max-width:100%;height:48px;max-height:100%}.paper-doll .inv-cell:not(.filled) .item-icon{opacity:.3;filter:grayscale()brightness(.9)}.inv-cell{background:linear-gradient(140deg,#1b2d3c,#07121f 78%);border:2px solid #67778a;box-shadow:inset 0 0 0 1px #070b10,inset 2px 2px 4px #0009,0 1px #977648}.inv-cell.filled{background:radial-gradient(circle at 45% 30%,#304b61,#0b1826 76%)}.inv-cell.filled:hover{background:radial-gradient(circle at 45% 30%,#476584,#17283a 76%);box-shadow:inset 0 0 0 1px #efd7a2,0 0 7px #d4a65366}.inv-cell .slot-label{color:#a2aab1;font-family:Alegreya,Georgia,serif;font-size:14px}.inv-cell .upg,.inv-cell .stack{font-family:Pixelify Sans,ui-monospace,monospace}.bag-grid{background:#080f19aa;border:1px solid #394658;padding:3px}.consumables{background:#0a1421a8;border:1px solid #394658;padding:5px}.potion-assign{border-bottom:1px solid #74603e;padding:5px}.wallet{background:#091421aa;border:1px solid #5a513e;margin-top:10px;padding:5px 8px}.wallet .gold{color:#ffda85;font-family:Pixelify Sans,ui-monospace,monospace}.materials{line-height:1.35}.trash-zone{color:#edab9b;background:#27151add;border-color:#8b4b44;padding:7px}.char-head{background:#0b1928;border:1px solid #6a624e;grid-template-columns:58px 1fr;align-items:center;column-gap:10px;padding:6px;display:grid}.char-head:before{content:"";background:#25374a url(/ui/medallion.png) 50%/contain no-repeat;grid-row:1/3;width:54px;height:54px}.char-name{color:#f6d89d;font-family:Cinzel,Georgia,serif}.char-class{color:#b9c8ce;margin:0}.char-head .xp-bar{grid-column:1/-1;margin-top:7px}.stat-group{margin-top:8px}.stat-row{border-bottom-color:#63717e44;padding:3px 1px}.stat-row b{color:#f5e8ca;font-family:Alegreya,Georgia,serif;font-size:15px}.item-card,.compare-block{color:#eee2ce;background:linear-gradient(#1b2a3bef,#091421f7);border-color:#9b7a49;font-family:Alegreya,Georgia,serif;font-size:14px;line-height:1.2;box-shadow:0 0 0 2px #05080c,inset 0 0 0 1px #38495a,4px 6px 12px #000b}.card-name{font-family:Cinzel,Georgia,serif}.xp-strip{background:#080e19;border-top:1px solid #8d6a44;height:6px}.xp-strip .fill,.xp-bar .fill{background:linear-gradient(#d7a3fa,#782eaa);box-shadow:inset 0 1px #f3d2ff8a}@media (width<=720px){.inv-window,.char-window{max-height:calc(100% - 100px);top:42px}.inv-window{right:8px}.char-window{left:8px}}.window-title.drag-handle{cursor:grab;touch-action:none}.window-title.drag-handle .window-close{cursor:pointer}body.ui-dragging,body.ui-dragging *{cursor:url(/ui/cursor-grab.png) 14 14,grabbing!important;-webkit-user-select:none!important;user-select:none!important}.item-tooltip{max-width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.tooltip-pair{gap:10px}.tooltip-col{gap:7px;min-width:0}.item-card,.compare-block{color:#f3e9d6;background:linear-gradient(160deg,#1d3348 0%,#101e2e 46%,#091521 100%);border:5px solid #0000;border-image:url(/ui/frame-steel.png) 7/5px;width:306px;max-width:calc(100vw - 16px);padding:12px 14px;font:15px/1.28 Alegreya,Georgia,serif;box-shadow:0 0 0 2px #05080c,0 10px 24px #000d}.item-card{position:relative}.item-card:before{content:"";background:linear-gradient(90deg, transparent, var(--item-color,#d1a65e), transparent);opacity:.8;height:2px;position:absolute;inset:4px 4px auto}.item-card.has-purple{box-shadow:0 0 0 2px #05080c,0 0 14px #aa69e777,0 10px 24px #000d}.item-card.simple{width:280px}.card-header{color:#f4dca5;letter-spacing:.1em;border-bottom:1px solid #a888555c;margin:0 0 8px;padding-bottom:5px;font:700 14px/1.2 Cinzel,Georgia,serif}.card-heading{align-items:center;gap:10px;min-width:0;display:flex}.card-icon{background:radial-gradient(circle at 40% 30%,#39516a,#0a1624 78%);border:2px solid #a4885e;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 0 0 2px #0a1421,0 2px #05080c}.card-heading-text{min-width:0}.card-name{color:var(--item-color,#f3dca8);text-shadow:1px 2px #03070c;overflow-wrap:anywhere;font:700 14px/1.22 Cinzel,Georgia,serif}.card-sub{color:#c5d1d2;margin:3px 0 0;font-size:14px;line-height:1.25}.card-upgrade{color:#f4d589;margin:8px 0 0;font-size:14px}.card-lines{border-top:1px solid #a888556b;margin-top:10px;padding-top:8px}.card-lines .tl{padding:2px 0}.card-lines .tl.section{color:#f3d99f;letter-spacing:.03em;font:700 14px/1.35 Cinzel,Georgia,serif}.tl.sep{border-top-color:#8c9ba34d;margin-top:7px;padding-top:8px}.tl.req,.tl.info{color:#c4cbd0}.tl.purple-off,.tl.set-piece,.tl.set-bonus{color:#aab2b8}.tl .note{color:#e5c891;font-size:14px}.card-value{color:#f3cf80;border-top:1px solid #a888556b;margin-top:9px;padding-top:7px;font:700 14px/1.2 Cinzel,Georgia,serif}.compare-block{border-image:url(/ui/frame-steel.png) 7/5px}.compare-title{color:#f3d99f;margin-bottom:7px;font:700 14px/1.3 Cinzel,Georgia,serif}.cmp-row{border-top:1px solid #65738338;gap:8px;padding:3px 0}.cmp-row b{text-align:right;flex:none}.cmp-row.same b{color:#c4cbd0}.compare-block.bad{color:#ff9f8e}@media (width<=680px){.tooltip-pair{flex-direction:column}.tooltip-col{width:min(306px,100vw - 16px)}}.inv-context-menu{z-index:80;pointer-events:auto;--px:2px;min-width:210px;position:fixed}.inv-context-menu .ui-menu{font-size:15px}.pinned-tooltip,.pinned-tooltip .item-tooltip{pointer-events:auto}.tl.section{color:#e9cf95;letter-spacing:.05em;border-bottom:1px solid #a8885555;margin-top:2px;padding-bottom:2px;font:700 14px/1.3 Cinzel,Georgia,serif}.tl.section.sep{margin-top:8px}.tl.req{color:#cfd6da}.tl.req-bad{color:#ff7a66;font-weight:700}.inv-ui.help-layer{z-index:55;position:fixed;inset:0}.town-window.help-window{width:min(960px,100% - 32px);height:min(82vh,760px);max-height:calc(100% - 32px)}.town-window.help-window>.window-body{overflow:hidden}.town-window.help-window>.window-body>.help-layout{flex:auto;grid-template-columns:230px 1fr;gap:14px;min-height:0;display:grid}.help-nav{border-right:2px solid var(--gold-lo);flex-direction:column;gap:8px;min-height:0;padding-right:10px;display:flex}.help-search{font:inherit;box-sizing:border-box;color:#e8dcc0;border:2px solid var(--gold-lo);-webkit-user-select:text;user-select:text;background:#0f0c13;outline:none;width:100%;padding:5px 8px;font-size:15px}.help-search:focus{border-color:var(--gold)}.help-nav-list{overscroll-behavior:contain;flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.help-cat{margin-bottom:10px}.help-cat-title{color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin:4px 0 3px;font-size:14px}.help-link{width:100%;font:inherit;text-align:left;color:#c8bca4;cursor:pointer;background:0 0;border:1px solid #0000;margin:1px 0;padding:3px 8px;font-size:15px;display:block}.help-link:hover{color:#fff;background:#c9a24a14}.help-link.active{color:var(--gold-hi);border-color:var(--gold-lo);background:#2a2230}.help-empty{margin:6px 0}.help-body{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;min-height:0;padding-right:8px;overflow-y:auto}.help-article .help-title{color:var(--gold-hi);letter-spacing:1px;text-shadow:1px 1px #000;margin:0 0 6px;font-size:20px}.help-article .help-h{color:var(--gold);letter-spacing:.5px;margin:14px 0 4px;font-size:16px}.help-article p{margin:6px 0}.help-article b{color:#f2e2b8}.help-list{margin:4px 0 8px;padding-left:20px}.help-list li{margin:3px 0;line-height:1.5}.help-note{border-left:3px solid var(--gold-lo);color:#bfb49c;background:#00000040;padding:6px 10px}.help-table-wrap{margin:6px 0 10px;overflow-x:auto}.help-table{border-collapse:collapse;width:100%;font-size:14px}.help-table th,.help-table td{text-align:left;vertical-align:top;border:1px solid #3a3040;padding:4px 8px}.help-table th{color:var(--gold);background:#221c29;font-weight:700}.help-table tr:nth-child(2n) td{background:#ffffff05}@media (width<=640px){.town-window.help-window>.window-body>.help-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.help-nav{border-right:0;border-bottom:2px solid var(--gold-lo);max-height:30vh;padding:0 0 8px}}.hero-frame{z-index:12;pointer-events:auto;--px:2px;-webkit-font-smoothing:antialiased;align-items:center;display:flex;position:absolute;top:12px;left:12px}.hero-portrait{z-index:1;cursor:pointer;filter:drop-shadow(0 3px 4px #000c);background:0 0;border:0;padding:0;position:relative}.hero-portrait:focus-visible{outline-offset:2px;outline:2px solid #f2d27a}.hero-plate{background:#0d1119eb padding-box padding-box;border-style:solid;border-width:8px;border-image:url(/ui/frame-thin.png) 5 fill/10px;flex-direction:column;gap:5px;min-width:220px;margin-left:-16px;padding:7px 12px 8px 24px;display:flex;box-shadow:0 6px 16px #0009}.hero-frame.with-bars .hero-plate{min-width:260px}.hero-name{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-name__text{color:#f6d89d;text-shadow:0 1px #000;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:17px;font-weight:700}.hero-class{color:#b9c8ce;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:14px}.hero-bars{flex-direction:column;gap:3px;display:flex}.hero-bars .ui-bar__text{font-size:14px}.hero-currency{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-currency .ui-currency{font-size:14px}.hero-points{color:#ffd98a;font-family:Alegreya,Georgia,serif;font-size:14px}.hero-points button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hud-plaque{z-index:11;text-align:right;pointer-events:none;background:#0d1119e6 padding-box padding-box;border-style:solid;border-width:8px;border-image:url(/ui/frame-thin.png) 5 fill/10px;max-width:min(420px,40vw);padding:6px 14px 7px;position:absolute;top:12px;right:72px;box-shadow:0 6px 16px #0008}.hud-plaque__title{letter-spacing:.06em;color:#f2d27a;text-shadow:0 1px #000;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700}.hud-plaque__text{color:#e6dcc6;font-family:Alegreya,Georgia,serif;font-size:15px;line-height:1.3}.hud-gear{z-index:13;pointer-events:auto;--px:2px;position:absolute;top:14px;right:14px}.hud-modal{z-index:60;pointer-events:auto;--px:2px;background:#04060a8c;place-items:center;display:grid;position:fixed;inset:0}.hud-menu{width:320px}.hud-menu .ui-panel__body{padding:22px 18px 16px}.hud-menu__items{flex-direction:column;gap:8px;display:flex}.hud-menu__items .ui-btn>span{align-items:center;gap:10px;width:100%;display:flex}.hud-menu__label{text-align:center;flex:1}.hud-menu__key{color:#f2d27a;background:#0c121b;border:1px solid #8a6a3a;min-width:22px;margin-left:auto;padding:0 5px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:14px}.hud-options{width:min(520px,100vw - 32px)}.hud-options .ui-panel__body{padding:22px 20px 12px}.hud-options__grid{font-size:15px}.hud-options__note{color:#a8afb1;margin:14px 0 0;font-family:Alegreya,Georgia,serif;font-size:14px}.hud-options__audio{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-options--controls{width:min(640px,100vw - 32px)}.hud-options--controls .ui-panel__body{max-height:min(640px,100vh - 180px);overflow-y:auto}.keybinds{color:var(--ui-text,#e6e0d2);font-family:Alegreya,Georgia,serif;font-size:15px}.keybinds__hint{color:#a8afb1;margin:0 0 10px;font-size:14px}.keybinds__hint:last-child{margin:12px 0 0}.keybinds__warn{color:var(--ui-bad,#ff6a5a);margin:12px 0 0;font-size:14px}.keybinds__group+.keybinds__group{margin-top:14px}.keybinds__title{letter-spacing:.04em;color:var(--ui-gold-hi,#fbe39a);border-bottom:1px solid #3a4557;margin:0 0 6px;padding-bottom:4px;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700}.keybinds__row{grid-template-columns:minmax(120px,1fr) minmax(110px,150px) minmax(110px,150px) 34px;align-items:center;gap:8px;padding:3px 0;display:grid}.keybinds__label{color:var(--ui-text,#e6e0d2)}.keybinds__key,.keybinds__reset{color:#f2d27a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#141b26,#0c121b);border:1px solid #4a586d;height:30px;padding:0 8px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #07090d}.keybinds__key:hover,.keybinds__reset:hover:not(:disabled){border-color:var(--ui-gold,#d9a74a);color:var(--ui-gold-hi,#fbe39a)}.keybinds__key.is-empty{color:#6b7486}.keybinds__key.is-conflict{border-color:var(--ui-bad,#ff6a5a);color:#ffb0a6}.keybinds__key.is-capturing{border-color:var(--ui-glow,#4fd6ff);color:var(--ui-glow,#4fd6ff);box-shadow:0 0 0 1px var(--ui-glow-soft,#4fd6ff73), inset 0 0 8px #4fd6ff40;animation:1s ease-in-out infinite keybinds-pulse}@keyframes keybinds-pulse{50%{color:#bfefff}}.keybinds__reset{padding:0;font-family:Georgia,serif;font-size:16px}.keybinds__reset:disabled{opacity:.35;cursor:default}.keybinds__notice{color:#f2d27a;margin:2px 0 4px;font-size:14px}.keybinds__conflict{background:#6a0e1259;border:1px solid #8a2a24;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 6px;padding:8px 10px;font-size:14px;display:flex}.keybinds__conflict-actions{gap:6px;margin-left:auto;display:flex}@media (width<=560px){.keybinds__row{grid-template-columns:1fr 1fr 34px}.keybinds__label{grid-column:1/-1}}.hud .hud-top-left{flex-direction:column;align-items:flex-start;gap:10px;width:auto;display:flex;top:12px;bottom:auto;left:12px}.hud .hud-top-left .hero-frame{position:relative;top:auto;left:auto}.hero-frame .hud-xp{height:18px;margin:2px 0 0}.hero-frame .hud-xp span{font:14px Alegreya,Georgia,serif}.hero-frame .buff-row{margin:0}.hero-resource{margin-top:1px}.hud .objective{background:#0d1119e6 padding-box padding-box;border-style:solid;border-width:8px;border-image:url(/ui/frame-thin.png) 5 fill/10px;max-width:min(420px,40vw);padding:6px 14px 7px;top:12px;right:72px;box-shadow:0 6px 16px #0008}.hud .objective .floor{color:#f2d27a;letter-spacing:.06em;font-family:Cinzel,Georgia,serif;font-size:16px}.hud .objective .text{color:#e6dcc6;font-family:Alegreya,Georgia,serif;font-size:15px}.hud-confirm-text{color:#efe3ca;text-align:center;margin:4px 0 14px;font-family:Alegreya,Georgia,serif;font-size:16px;line-height:1.4}.hud-skillbar{--px:2px;gap:8px;bottom:16px}.hud-skillbar .ui-skillbar{background:#0d1119f0 padding-box padding-box;align-items:flex-start;gap:8px;padding:10px 12px 6px;box-shadow:0 6px 18px #000a}.hud-skill{--size:54px;cursor:default}.hud-skill .ui-skill__icon{width:34px;height:34px}.hud-skill .ui-skill__cdtext{font-family:Alegreya,Georgia,serif;font-size:22px;font-weight:700}.hud-skill.is-cooling .ui-skill__icon{filter:grayscale(.5)brightness(.8)}.hud-skill .ui-keytab{min-width:30px;height:22px;margin-top:-2px;padding:0 6px;font-family:Alegreya,Georgia,serif;font-size:14px;font-weight:700}.hud-skill .ui-skill__pips{top:0}.hud-skill .ui-skill__pip{width:7px;height:7px}.hud-skill.is-reserved{opacity:.55}.hud-skill__lock{width:22px!important;height:22px!important}.hud-potion__count{color:#fff4d8;z-index:2;background:#0b111b;border:1px solid #b08a4a;place-items:center;min-width:20px;height:20px;padding:0 4px;font-family:Alegreya,Georgia,serif;font-size:14px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-7px;right:-7px;box-shadow:0 0 0 1px #000}.hud-potion.is-disabled .hud-potion__count{color:#ff8a7a}.hud-skillbar .ui-skillbar__sep{margin:6px 4px 24px}.hud-skill-tip{color:#e6dcc6;background:#0a0d14f5 padding-box padding-box;border-style:solid;border-width:6px;border-image:url(/ui/frame-thin.png) 5 fill/8px;max-width:320px;padding:10px 12px;font-family:Alegreya,Georgia,serif;font-size:15px;line-height:1.35}.hud-skill-tip__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hud-skill-tip__head strong{color:#f2d27a;font-family:Cinzel,Georgia,serif;font-size:16px}.hud-skill-tip__key{color:#b9c8ce;white-space:nowrap;font-size:14px}.hud-skill-tip__meta{color:#9ab8ff;gap:12px;margin-top:2px;font-size:14px;display:flex}.hud-skill-tip p{margin:6px 0 0}.hud-skill-tip .hint{color:#a8afb1;font-size:14px}.sp-frames{pointer-events:auto;--px:2px;flex-direction:column;gap:4px;display:flex}.sp-frames.in-town{z-index:12;position:absolute;top:124px;left:16px}.sp-frame{background:linear-gradient(90deg,#0b1422e6,#0b142299);border:1px solid #64543e;align-items:center;gap:8px;width:210px;padding:3px 8px 3px 4px;display:flex;box-shadow:0 2px 6px #0008}.sp-frame.is-dead{filter:grayscale(.85);opacity:.75}.sp-frame.is-downed{border-color:#b44a3a}.sp-frame__medal{flex:none;position:relative}.sp-crown{color:#ffd76a;text-shadow:0 1px #000,0 0 4px #000;pointer-events:none;font-size:16px;line-height:1;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.sp-crown-inline{color:#ffd76a}.sp-frame__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sp-frame__name{justify-content:space-between;align-items:center;gap:6px;display:flex}.sp-frame__text{color:#f2e5c7;text-shadow:0 1px #000;white-space:nowrap;text-overflow:ellipsis;font-family:Alegreya,Georgia,serif;font-size:15px;overflow:hidden}.sp-frame__bars{flex-direction:column;gap:2px;display:flex;position:relative}.sp-frame__bars .ui-bar{min-width:0}.sp-downed{color:#ff8a70;font-family:Alegreya,Georgia,serif;font-size:14px}.sp-ready{color:#8a8070;white-space:nowrap;font-family:Alegreya,Georgia,serif;font-size:14px}.sp-ready.is-ready{color:#7fe07a;text-shadow:0 0 4px #1d5a1a}.sp-where{color:#b9c8ce;font-family:Alegreya,Georgia,serif;font-size:14px}.sp-where--town{color:#9fd4ff}.sp-where--expedition{color:#ffb86a}.sp-where--offline{color:#7d7d7d;font-style:italic}.sp-popups{z-index:60;pointer-events:auto;--px:2px;flex-direction:column;gap:8px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.sp-popup{background:#101a28f2;align-items:flex-start;gap:12px;width:380px;padding:12px 14px;animation:.18s ease-out sp-pop-in;display:flex;box-shadow:0 6px 20px #000a}@keyframes sp-pop-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.sp-popup__body{flex-direction:column;flex:1;gap:6px;display:flex}.sp-popup__title{color:#f6d89d;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700}.sp-popup__text{color:#e6dcc6;font-family:Alegreya,Georgia,serif;font-size:15px;line-height:1.35}.sp-popup__timer{background:#090d18;border:1px solid #5c4a2e;height:16px;position:relative}.sp-popup__timer-fill{background:linear-gradient(#e8c14a,#9c7632);height:100%;transition:width .25s linear}.sp-popup__timer span{color:#fff5e3;text-shadow:1px 1px #000;place-items:center;font:14px/1 Pixelify Sans,monospace;display:grid;position:absolute;inset:0}.sp-popup__actions{justify-content:flex-end;gap:8px;display:flex}.sp-window{width:540px}.sp-window .ui-tabs{margin-bottom:8px}.sp-window__body{flex-direction:column;gap:10px;display:flex}.sp-members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sp-member{--px:2px;background:#0d1623b0;border:1px solid #3a4a5c;align-items:center;gap:10px;padding:6px 8px;display:flex}.sp-member.is-me{border-color:#8a6d3a}.sp-member.is-off{opacity:.7}.sp-member__info{flex:1;min-width:0}.sp-member__name{color:#f6d89d;font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700}.sp-member__sub{color:#b9c8ce;font-size:14px}.sp-member__actions{gap:6px;display:flex}.sp-member .sp-ready{text-align:right;min-width:64px}.sp-pending__row{justify-content:space-between;font-size:14px;display:flex}.sp-invite{flex-direction:column;gap:4px;display:flex}.sp-invite__row{align-items:center;gap:8px;display:flex}.sp-input{flex:1;min-width:0;font-family:Alegreya,Georgia,serif;font-size:15px}.sp-party-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.sp-hint{margin:0;font-size:14px}.sp-online{border-collapse:collapse;width:100%;font-size:15px}.sp-online th{text-align:left;color:#c9a24a;border-bottom:1px solid #5c4a2e;padding:4px 6px;font-family:Cinzel,Georgia,serif;font-size:14px}.sp-online td{color:#e6dcc6;border-bottom:1px solid #1f2b3a;padding:4px 6px}.sp-online tbody tr{cursor:context-menu}.sp-online tbody tr:hover td{background:#1b2a3d}.sp-online tr.is-me td{color:#f6d89d;cursor:default}.sp-online__name{font-weight:700}.sp-tag{color:#cdb6ff;border:1px solid #6a4fa0;margin-left:6px;padding:0 5px;font-size:14px;font-weight:400}.sp-more{color:#e6c16e;cursor:pointer;background:0 0;border:1px solid #5c4a2e;padding:2px 8px;font-size:16px;line-height:1}.sp-more:hover{background:#2a2216}.sp-context{z-index:90;min-width:200px;position:fixed}.sp-chat{z-index:20;pointer-events:auto;-webkit-user-select:text;user-select:text;flex-direction:column;width:min(440px,100vw - 24px);font-family:Alegreya,Georgia,serif;transition:opacity .6s;display:flex;position:absolute;bottom:12px;left:12px}.sp-chat.is-idle{opacity:.35}.sp-chat.is-idle .sp-chat__log{background:0 0;border-color:#0000}.sp-chat.is-idle .sp-chat__tabs,.sp-chat.is-idle .sp-chat__resize{visibility:hidden}.hud .sp-chat.in-dungeon{bottom:96px}.sp-chat__resize{cursor:ns-resize;border-top:2px solid #c9a24a88;height:8px;margin:0 40%}.sp-chat__tabs{gap:2px;display:flex}.sp-chat__tab{color:#b9c8ce;cursor:pointer;background:#0b1422b0;border:1px solid #3a4a5c;border-bottom:none;padding:2px 10px;font-family:Alegreya,Georgia,serif;font-size:14px}.sp-chat__tab.is-active{color:#f6d89d;background:#152236d8;border-color:#8a6d3a}.sp-chat__tab.has-unread{color:#f0a0ff}.sp-chat__log{scrollbar-width:thin;scrollbar-color:#c9a24a #1a2533;background:#070c14a8;border:1px solid #3a4a5c;padding:6px 8px;transition:background .6s,border-color .6s;overflow-y:auto}.sp-chat__line{color:#f2e5c7;text-shadow:1px 1px #000;overflow-wrap:anywhere;font-size:15px;line-height:1.3}.sp-chat__line+.sp-chat__line{margin-top:1px}.sp-chat__tag{opacity:.85;margin-right:4px}.sp-chat__who{margin-right:5px;font-weight:700}.sp-chat__empty{color:#8a8070;font-size:14px;font-style:italic}.sp-ch--town{color:#f2e5c7}.sp-ch--town .sp-chat__who{color:#ffe3a8}.sp-ch--party{color:#8fd0ff}.sp-ch--party .sp-chat__who{color:#b9e2ff}.sp-ch--whisper{color:#f0a0ff}.sp-ch--whisper .sp-chat__who{color:#f8c8ff}.sp-ch--system{color:#ffd36a;font-style:italic}.sp-chat__line.is-local{color:#c9b98f}.sp-chat__form{background:#0b1422d0;border:1px solid #3a4a5c;border-top:none;align-items:center;gap:6px;padding:4px 6px;display:flex}.sp-chat.is-idle .sp-chat__form{background:#0b142280}.sp-chat.is-focused .sp-chat__form{border-color:#c9a24a}.sp-chat__target{white-space:nowrap;font-size:14px;font-weight:700}.sp-chat__input{color:#fff5e3;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Alegreya,Georgia,serif;font-size:15px}.sp-chat__input::placeholder{color:#8a8070}.sp-chat__count{color:#8a8070;font:14px Pixelify Sans,monospace}.sp-chat__count.is-near{color:#e8c14a}.sp-chat__count.is-over{color:#ff6a4a}.sp-trade-window{--cell:44px;width:640px}.sp-trade__body{flex-direction:column;gap:8px;display:flex}.sp-trade__changed{text-align:center;color:#1a1206;background:linear-gradient(#ffd76a,#d9a13a);border:1px solid #7a5a1c;margin:0 0 6px;padding:5px 10px;font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700;animation:.65s ease-in-out 3 sp-flash}@keyframes sp-flash{50%{filter:brightness(1.35)}}.sp-trade__steps{color:#8a8070;background:#0d1623a0;border:1px solid #3a3226;flex-wrap:wrap;gap:4px 14px;margin:0;padding:4px 8px;font-size:14px;list-style:none;display:flex}.sp-trade__steps li.is-current{color:#ffd76a;font-weight:700}.sp-trade__steps li.is-done{color:#9fc48a}.sp-trade__hint{color:#d6cbb3;margin:0;font-size:14px}.sp-trade__hint.dim{color:#8a8070}.sp-trade__cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-trade__cols.is-pending{opacity:.55}.sp-trade__col{background:#0d1623c0;border:1px solid #3a4a5c;flex-direction:column;gap:6px;padding:8px;transition:border-color .2s,box-shadow .2s;display:flex}.sp-trade__col.is-locked{border-color:#c9a24a;box-shadow:inset 0 0 12px #c9a24a33}.sp-trade__col.is-changed{box-shadow:0 0 0 2px #ffd76a,inset 0 0 14px #ffd76a44}.sp-trade__head{justify-content:space-between;align-items:center;gap:6px;display:flex}.sp-trade__name{color:#f6d89d;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700}.sp-trade__badge{color:#b9c8ce;border:1px solid #3a4a5c;align-items:center;gap:4px;padding:0 6px;font-size:14px;display:inline-flex}.sp-trade__badge img{width:16px;height:16px;image-rendering:pixelated}.sp-trade__badge.is-locked{color:#ffd76a;border-color:#8a6d3a}.sp-trade__badge.is-confirmed{color:#7fe07a;border-color:#3f7a3a}.sp-trade__grid{justify-content:center;gap:3px;padding:4px;display:grid}.sp-trade__grid.is-drop{outline:1px dashed #c9a24a66}.sp-trade__grid .inv-cell,.sp-trade__bag .inv-cell{width:var(--cell);height:var(--cell);position:relative}.sp-trade__grid .inv-cell.removable{cursor:pointer}.sp-trade__grid .inv-cell.removable:hover{filter:brightness(1.2)}.sp-trade__gold{align-items:center;gap:8px;font-size:15px;display:flex}.sp-trade__gold-input{text-align:right;max-width:130px}.sp-trade__gold-them{color:#ffd76a;font-size:16px}.sp-trade__tax{color:#c9b98f;border-top:1px solid #2a3646;justify-content:space-between;padding-top:4px;font-size:14px;display:flex}.sp-trade__tax b{color:#ff9c6a}.sp-trade__bag{gap:3px;display:grid}.sp-trade__bag .inv-cell{cursor:pointer}.sp-trade__bag .inv-cell.is-blocked{cursor:not-allowed;filter:grayscale(.9);opacity:.45}.sp-trade__bag .inv-cell.is-offered{opacity:.55;outline-offset:-2px;outline:2px solid #7fe07a}.sp-trade__offered,.sp-trade__blocked{text-shadow:1px 1px #000;font-size:14px;line-height:1;position:absolute;top:0;right:2px}.sp-trade__offered{color:#7fe07a}.sp-trade__blocked{color:#ff6a4a}.sp-trade__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-trade__status{color:#d6cbb3;flex:1;min-width:180px;font-size:15px}.sp-trade__status.is-counting{color:#ffd76a}.sp-trade__buttons{gap:8px;display:flex}.sp-trade__countdown{color:#ffd76a;text-shadow:0 0 18px #000,0 4px #6a4a10;pointer-events:none;font-family:Cinzel,Georgia,serif;font-size:96px;font-weight:700;animation:1s ease-out infinite sp-count;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}@keyframes sp-count{0%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}to{opacity:.6;transform:translate(-50%,-50%)scale(.9)}}.pillar-party{margin-top:10px}.pillar-party__list{flex-direction:column;gap:3px;margin:4px 0;padding:0;list-style:none;display:flex}.pillar-party__list li{color:#d6cbb3;grid-template-columns:22px 1fr auto;gap:6px;font-size:15px;display:grid}.pillar-party__list li.is-ready{color:#e6f5d8}.pillar-party__mark{color:#8a8070}.pillar-party__list li.is-ready .pillar-party__mark{color:#7fe07a}.spell-window{width:520px}.attr-window{width:470px}.st-cards{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.st-card{text-align:left;font:inherit;color:inherit;cursor:pointer;background:#00000073;border:2px solid #3a3242;flex-direction:column;align-items:flex-start;gap:4px;padding:6px;font-size:14px;display:flex;box-shadow:inset 0 0 0 1px #000}.st-card-icon{width:32px;height:32px;image-rendering:pixelated}.st-card:hover{border-color:var(--gold-lo,#6e5424)}.st-card.selected{border-color:var(--gold,#c9a24a);background:#3c2e1480}.st-card.locked{opacity:.6}.st-card-name{color:var(--gold-hi,#f2d27a);align-items:center;gap:4px;font-weight:700;display:flex}.st-slot{color:#000;background:var(--gold,#c9a24a);padding:0 3px;font-size:14px}.st-pips{align-items:center;gap:2px;display:flex}.st-pips i{background:#1a1620;border:1px solid #5a5068;width:8px;height:8px}.st-pips i.on{background:#b46cff;border-color:#e0c0ff}.st-fork{color:#d8b0ff;border:1px solid #b46cff;margin-left:4px;padding:0 3px;font-size:14px}.st-card small{color:#8a8070}.st-detail{margin-top:8px}.st-desc{color:#c8bfae;font-size:14px}.st-current-fork{color:#d8b0ff;margin-top:4px}.st-ladder{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.st-ladder li{color:#8a8070;border-left:2px solid #0000;grid-template-columns:26px 1fr auto;gap:6px;padding:2px 4px;font-size:14px;display:grid}.st-ladder li.reached{color:#e0d6c0}.st-ladder li.reached .st-rank{color:#b46cff}.st-ladder li.next{border-left-color:var(--gold,#c9a24a);background:#c9a24a14}.st-rank{font-weight:700}.st-summary em{color:#d8b0ff;font-style:normal}.st-req{white-space:nowrap;font-size:14px}.st-reqs{flex-wrap:wrap;gap:4px 10px;margin-bottom:6px;display:flex}.st-forks{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.st-fork-card{text-align:left;font:inherit;color:inherit;cursor:pointer;background:#140a1e99;border:2px solid #4a3a5a;flex-direction:column;gap:3px;padding:6px;font-size:14px;display:flex}.st-fork-card b{color:#d8b0ff}.st-fork-card small{color:#a898b8}.st-fork-card.selected{border-color:#b46cff;box-shadow:0 0 8px #b46cff66}.st-reason{color:#ff7a6a;margin-left:8px;font-size:14px}.st-switch p{margin:0 0 4px}.st-equip{gap:6px;display:flex}.st-equipped{margin-top:4px;font-size:14px}.at-head{justify-content:space-between;margin-bottom:6px;display:flex}.at-free{color:#7aff9a}.at-table{border-collapse:collapse;width:100%;font-size:14px}.at-table th{color:var(--gold,#c9a24a);text-align:center;border-bottom:1px solid var(--gold-lo,#6e5424);padding:2px;font-weight:400}.at-table td{text-align:center;border-bottom:1px solid #ffffff0a;padding:3px 2px}.at-table td.at-name{text-align:left;color:#e0d6c0}.at-total{color:#fff;font-weight:700}.at-pending{color:#7aff9a}.at-step{white-space:nowrap}.town-btn.at-mini{min-width:20px;padding:0 4px}.at-actions,.at-respec{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.at-actions>span:first-child,.at-respec>span:first-child{flex:1}.at-confirm{color:#ffb0a0;align-items:center;gap:6px;display:flex}.char-sheet-window{width:440px}.cs-head{grid-template-columns:1fr 190px;align-items:center;gap:12px;margin-bottom:8px;display:grid}.cs-name{color:#f6d89d;font-family:Cinzel,Georgia,serif;font-size:18px;font-weight:700}.cs-class{color:#b9c8ce;font-size:15px}.cs-free{text-transform:none;letter-spacing:0;color:#a8afb1;margin-left:auto;font-family:Alegreya,Georgia,serif;font-size:14px}.cs-free.has b{color:#ffd98a}.cs-attrs{flex-direction:column;gap:6px;display:flex}.cs-attr{background:#0a1421a8;border:1px solid #394658;grid-template-columns:1fr 64px 72px;grid-template-areas:"name val step""eff eff eff";align-items:center;column-gap:8px;padding:6px 8px;display:grid}.cs-attr.main{background:#1a1a14b0;border-color:#8a6a3a}.cs-attr.main .cs-attr-name:after{content:" ★";color:#e8c14a}.cs-attr-name{color:#efe3ca;grid-area:name;font-size:16px}.cs-attr-val{text-align:right;color:#f5e8ca;grid-area:val;font-size:17px;font-weight:700}.cs-attr-step{grid-area:step;justify-content:flex-end;gap:4px;display:flex}.cs-attr-effect{color:#a8c4d0;grid-area:eff;font-size:14px;line-height:1.35}.cs-pending{color:#8fe08a}.cs-actions{justify-content:flex-end;gap:10px;margin:10px 0 4px;display:flex}.blacksmith-window{width:820px;max-width:calc(100vw - 32px);font-size:15px;line-height:1.45}.blacksmith-window .bs-body{grid-template-columns:236px 1fr;gap:16px;min-height:0;max-height:calc(80vh - 150px);display:grid}.blacksmith-window .bs-left{border-right:2px solid var(--gold-lo,#6e5424);padding-right:4px;overflow-y:auto}.blacksmith-window .bs-right{min-width:0;overflow-y:auto}.bs-affixes{background:#00000059;border:1px solid #3a3242;margin:6px 0 8px;padding:4px 6px}.bs-panel{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.bs-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bs-big{color:var(--gold-hi,#f2d27a);text-shadow:1px 1px #000;font-size:17px}.bs-note{color:#b8ad98}.bs-reason{color:#ff8a70;font-size:14px}.bs-warn{color:#ffb35a;margin:0;font-size:14px}.bs-tag{color:#000;background:var(--gold,#c9a24a);text-transform:uppercase;margin-left:4px;padding:0 4px;font-size:14px;display:inline-block}.bs-option{background:#00000059;border:2px solid #3a3242;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:5px 6px;display:flex}.bs-option.current{border-color:var(--gold,#c9a24a);background:#c9a24a1a}.bs-option.offer:hover{border-color:var(--gold-hi,#f2d27a)}.bs-option.off{opacity:.6}.bs-affix-list{flex-direction:column;gap:3px;width:100%;display:flex}.bs-affix{font:inherit;text-align:left;color:#8ab4ff;cursor:pointer;background:#00000073;border:2px solid #3a3242;padding:4px 6px;font-size:14px}.bs-affix.cursed{color:#ff6a5a}.bs-affix.selected{border-color:var(--gold-hi,#f2d27a);background:#c9a24a26}.bs-affix:disabled{opacity:.4;cursor:not-allowed}.bs-list{margin:0;padding-left:16px}.bs-list.purple{color:#c89aff}.bs-confirm{background:#78140a40;border:2px solid #8a2a1e;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.bs-confirm p{color:#ffb0a0;width:100%;margin:0}.bs-imbue-list,.bs-codex-list{flex-direction:column;gap:4px;width:100%;display:flex}.bs-purple{flex:220px;min-width:0}.bs-imbue-act{align-items:center;gap:6px;display:flex}.bs-codex{max-height:calc(80vh - 150px);padding-right:6px;overflow-y:auto}.bs-codex-entry{background:#28143c59;border:1px solid #4a2e6a;padding:8px 10px}.bs-codex-entry .purple-name{color:#c89aff}.bs-slots{font-size:14px}.blacksmith-window select{font:inherit;color:inherit;background:#15131c;border:1px solid #5a4a30;font-size:14px}.bs-panel{gap:10px}.bs-option{padding:8px 10px}.bs-imbue-list,.bs-codex-list{gap:8px}.bs-codex-head{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.bs-codex-progress{color:#d8c6ff;white-space:nowrap;margin-left:auto;font-size:14px}.bs-pips{color:#c89aff;letter-spacing:2px;font-size:15px}.bs-codex-entry.locked{filter:grayscale();opacity:.62;background:#1e1e2473;border-color:#3a3a44}.bs-codex-entry.locked .purple-name{color:#b8b8c4}.bs-codex-entry .tl{margin:3px 0}.bs-codex-toggle{font:inherit;color:#c8bca4;cursor:pointer;background:#00000059;border:1px solid #4a4050;margin:12px 0 8px;padding:6px 10px;font-size:14px}.bs-codex-toggle:hover{border-color:var(--gold,#c9a24a)}.bs-tag.purple{color:#f3e6ff;text-transform:none;background:#5a3386;padding:1px 6px}.tl.imbued{font-style:italic}.bs-confirm-note{font-size:14px;color:#d8c6ff!important}.bs-list li{margin:3px 0}.bs-salvage-all{border-top:1px solid #3a3242;margin-top:14px;padding-top:10px}.town-window.pillar-window{flex-direction:column;width:640px;font-size:15px;line-height:1.5;display:flex}.pillar-window .pillar-body{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.pillar-level-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pillar-level-head .section-title{margin:0}.pillar-level-badge{color:#ffd98a;letter-spacing:.05em;background:linear-gradient(#3a2a18,#1b130b);border:2px solid #a77b43;padding:2px 12px;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 1px #0a0704}.pillar-level-row{grid-template-columns:auto 1fr auto 72px;align-items:center;gap:10px;margin:10px 0 4px;display:grid}.pillar-step{color:#f3dba2;cursor:pointer;background:#1a2636;border:2px solid #82623a;width:34px;height:34px;padding:0;font:700 20px/1 Cinzel,Georgia,serif}.pillar-step:hover:not(:disabled){color:#fff;border-color:#e0ad63}.pillar-step:disabled{opacity:.4;cursor:default}.pillar-number{text-align:center;color:#f5e8ca;background:#07111d;border:2px solid #67778a;width:72px;height:34px;padding:0 6px;font:16px Pixelify Sans,ui-monospace,monospace}.pillar-note{color:#b9c3c8;margin:6px 0 0;font-size:14px}.pillar-preview{grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 4px;display:grid}.pillar-col{background:#0a1421a8;border:1px solid #394658;padding:8px 10px}.pillar-col .section-title{margin-top:0}.pillar-col.danger{border-color:#7a3f3a}.pillar-col.reward{border-color:#6d6137}.pillar-row{justify-content:space-between;gap:8px;padding:2px 0;font-size:14px;display:flex}.pillar-row b{font-family:Pixelify Sans,ui-monospace,monospace;font-size:15px;font-weight:400}.pillar-col.danger .pillar-row b{color:#ff9c86}.pillar-col.reward .pillar-row b{color:#ffd98a}.pillar-biomes{grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 10px;display:grid}.pillar-biome{text-align:left;color:#efe3ca;cursor:pointer;background:linear-gradient(140deg,#1b2d3c,#07121f 78%);border:2px solid #4b5868;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-family:Alegreya,Georgia,serif;display:flex}.pillar-biome strong{color:#f6d89d;font-family:Cinzel,Georgia,serif;font-size:15px}.pillar-biome small{color:#a8b3b9;font-size:14px}.pillar-biome:hover{border-color:#a77b43}.pillar-biome.selected{background:linear-gradient(140deg,#2e4054,#0e1c2c 78%);border-color:#f2d27a;box-shadow:0 0 0 1px #000,0 0 10px #d4a65355}.pillar-biome.random small{color:#9fe39f}.pillar-loadout{flex-direction:column;gap:2px;font-size:14px;display:flex}.pillar-window .warn-text{margin:8px 0 0;font-size:14px}.pillar-footer{border-top:1px solid #705938;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:10px;display:flex}.pillar-summary{color:#d6cbb3;font-size:15px}@media (width<=720px){.pillar-biomes{grid-template-columns:repeat(2,1fr)}.pillar-preview{grid-template-columns:1fr}}.town-ui{--cell:38px}.town-ui .toast.error{border-left-color:#d8402e}.town-ui .toast.good{border-left-color:#6ad08a}.town-toasts{pointer-events:none;z-index:90;--px:2px;flex-direction:column;align-items:center;display:flex;position:absolute;top:auto;bottom:140px;right:50%;transform:translate(50%)}.town-frame{pointer-events:auto;border:2px solid var(--gold-lo);color:#e0d6c0;text-shadow:1px 1px #000;background:#0a080ed1;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-size:16px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 0 0 2px #000}.town-frame .portrait{width:30px;height:38px;box-shadow:inset 0 0 0 1px var(--gold-lo);border:2px solid #000}.town-frame .name{color:var(--gold-hi);letter-spacing:1px;font-weight:700}.town-frame .gold{color:#e8c14a;align-items:center;gap:4px;display:flex}.town-frame .points{color:#8ad0ff}.town-objective{right:16px}.town-menu{pointer-events:auto;gap:6px;display:flex;position:absolute;top:58px;right:16px}.town-menu button{font:inherit;color:#e0d6c0;border:2px solid var(--gold-lo);cursor:pointer;background:#1e1822;padding:3px 8px;font-size:14px}.town-menu button:hover{border-color:var(--gold);color:#fff}.town-menu .key{color:var(--gold-hi);margin-left:4px}.town-prompt{bottom:120px}.loading-banner{border:2px solid var(--gold-lo);color:var(--gold-hi);background:#000000bf;padding:10px 18px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.town-window{z-index:30;flex-direction:column;width:580px;max-width:calc(100% - 32px);max-height:min(80vh,100% - 32px);padding:16px 20px;font-size:15px;line-height:1.5;display:flex;top:90px;left:16px;overflow:hidden}.town-window>.window-title{flex:none}.town-window>.window-body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;margin-right:-8px;padding-right:8px;display:flex;overflow-y:auto}.town-window>.window-body>*{flex-shrink:0}.town-window>.window-body:has(>.window-scroll){overflow:hidden}.town-window .window-scroll{overscroll-behavior:contain;min-height:0;max-height:60vh;padding-right:6px;overflow-y:auto}.town-window>.window-body>.window-scroll{flex:auto;max-height:none}.game-window,.game-window *{scrollbar-width:thin;scrollbar-color:#c9a24a #1a2533}.game-window ::-webkit-scrollbar{width:8px;height:8px}.game-window::-webkit-scrollbar{width:8px;height:8px}.game-window ::-webkit-scrollbar-track{background:#121b27;border-left:1px solid #3a4a5c}.game-window::-webkit-scrollbar-track{background:#121b27;border-left:1px solid #3a4a5c}.game-window ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e6c16e,#9c7632);border:1px solid #5a4320}.game-window::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e6c16e,#9c7632);border:1px solid #5a4320}.town-window .window-sub{color:#8a8070;text-transform:none;letter-spacing:0;font-size:14px;font-weight:400}.town-window p{margin:8px 0;line-height:1.55}.town-window .small{font-size:14px}.town-window .actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.town-window .warn-text,.town-window .risk{color:#e8806a}.spell-menu-window{width:520px;left:auto;right:16px}.spell-equip-panel .actions{margin-top:6px}.town-inv-window{width:calc(var(--cell) * 6 + 5 * 3px + 8px + 40px + 14px);left:auto;right:16px}.town-tabs{border-bottom:2px solid var(--gold-lo);flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}.town-tab{font:inherit;color:#a89c86;border:2px solid var(--gold-lo);cursor:pointer;background:#16121a;border-bottom-color:#0000;margin-bottom:-2px;padding:3px 8px;font-size:14px}.town-tab.active{color:var(--gold-hi);border-color:var(--gold);background:#2a2230;border-bottom-color:#2a2230}.town-tab .badge{color:#c8bca4;background:#00000080;margin-left:4px;padding:0 3px;font-size:14px}.town-btn{font:inherit;color:#e8dcc0;border:2px solid var(--gold-lo);cursor:pointer;white-space:nowrap;background:#2a2230;padding:3px 10px;font-size:14px;box-shadow:0 0 0 1px #000}.town-btn:hover:not(:disabled){border-color:var(--gold);color:#fff}.town-btn.primary{color:#fff;background:#6a3418;border-color:#c9682f}.town-btn.primary:hover:not(:disabled){background:#8a4420}.town-btn.danger{background:#5a1a14;border-color:#b8402e}.town-btn:disabled{opacity:.45;cursor:not-allowed}.town-btn.busy{cursor:wait;opacity:.8}button.step{font:inherit;width:20px;height:20px;color:var(--gold-hi);border:1px solid var(--gold-lo);cursor:pointer;background:#1e1822;padding:0;line-height:14px}button.step:disabled{opacity:.35;cursor:default}.cost-list{flex-wrap:wrap;gap:2px 8px;font-size:14px;display:inline-flex}.cost-list .cost.ok{color:#d8d0bc}.cost-list .cost.gold.ok{color:#e8c14a}.cost-list .cost.short{color:#ff7a6a}.cost-list small{color:#8a8070}.cost-free{color:#6ad08a;font-size:14px}.inv-cell.selected{box-shadow:0 0 0 2px var(--gold-hi), inset 0 0 8px #f2d27a66}.inv-cell.dim{opacity:.35;cursor:not-allowed}.inv-cell .kit-tag{z-index:2;pointer-events:none;background:#abc7de;border:1px solid #0d1722;width:7px;height:7px;position:absolute;top:-3px;left:-3px;transform:rotate(45deg);box-shadow:0 0 0 1px #6989a4}.inv-cell.unplaced{border-style:dashed}.item-picker .picker-grid,.picker-grid{flex-wrap:wrap;gap:3px;display:flex}.item-picker .inv-cell.filled{cursor:pointer}.selected-item{border:1px solid var(--gold-lo);background:#00000059;align-items:center;gap:6px;margin-bottom:6px;padding:4px 6px;display:flex}.selected-item .upg-tag{color:var(--gold-hi)}.town-tooltip{z-index:200}.shop-window{width:520px}.shop-list{flex-direction:column;gap:4px;display:flex}.shop-row{background:#0000004d;border:1px solid #2e2636;align-items:center;gap:8px;padding:4px 6px;display:flex}.shop-row:hover{border-color:var(--gold-lo)}.shop-row.sold{opacity:.45}.shop-row .shop-info{flex:1;min-width:0}.shop-row .price{color:#e8c14a;font-size:14px}.shop-row .qty{align-items:center;gap:4px;display:flex}.flask-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.flask-grid .hint{grid-column:1/-1}.flask-card{background:#0000004d;border:1px solid #2e2636;padding:6px 8px}.flask-card.hp .section-title{color:#e86a5a}.flask-card.mp .section-title{color:#6a9ae8}.flask-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.flask-row>span:first-child{flex:100%}.stash-window{width:auto;max-width:calc(100% - 32px)}.stash-layout{align-items:flex-start;gap:14px;display:flex}.stash-grid{gap:3px;display:grid}.stash-buy{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.bag-col{width:calc(var(--cell) * 6 + 5 * 3px)}.board-window{width:480px}.region-list{flex-direction:column;gap:4px;display:flex}.region-card{font:inherit;text-align:left;color:#e0d6c0;cursor:pointer;background:#16121a;border:2px solid #3a3242;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;display:flex}.region-card small{color:#8a8070}.region-card.selected{background:#221a2e;border-color:#b46cff;box-shadow:0 0 10px #b46cff4d}.region-card.locked{opacity:.5;cursor:not-allowed}.region-card .lock{color:#c88a6a}.board-loadout{flex-direction:column;gap:2px;margin:8px 0 4px;font-size:14px;display:flex}.modal-backdrop{z-index:150;pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.return-summary{width:min(440px,90vw);font-size:17px;position:relative}.return-summary.good .window-title{color:#9af0b0}.return-summary.bad .window-title{color:#ff8a7a}.return-summary p{margin:6px 0}.return-summary .actions{justify-content:flex-end;margin-top:10px;display:flex}.town-error{z-index:40;border:2px solid var(--gold-lo);color:#f2e6c8;text-align:center;pointer-events:auto;background:#0a0e16f0;padding:18px 24px;font-family:Alegreya,Georgia,serif;font-size:16px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.town-error p{margin:0 0 14px}.town-error__actions{justify-content:center;gap:12px;display:flex}.town-error-screen{--px:2px;background:0 0;place-items:center;display:grid;position:absolute;inset:0}.town-error-panel{width:min(460px,100vw - 32px)}.town-error-panel p{color:#f2e6c8;text-align:center;margin:8px 0 18px;font-family:Alegreya,Georgia,serif;font-size:17px}.auth-screen{--gold:#c9a24a;--gold-hi:#f2d27a;--gold-lo:#6e5424;--stone:#17141d;--stone-2:#211c28;background:radial-gradient(at 50% 20%,#b46cff1f,#0000 55%),radial-gradient(at 50% 110%,#ff8c3c24,#0000 60%),repeating-linear-gradient(0deg,#ffffff03 0 2px,#0000 2px 5px),#07060a;flex-direction:column;align-items:center;gap:18px;padding:8vh 16px 32px;display:flex;position:absolute;inset:0;overflow-y:auto}.auth-screen .game-window{position:relative}.auth-title{text-align:center}.auth-title h1{color:var(--gold-hi);letter-spacing:4px;text-transform:uppercase;text-shadow:2px 2px #000,0 0 18px #f2d27a40;margin:0}.auth-title .dim,.auth-screen .dim{color:#8a8070}.auth-panel{flex-direction:column;gap:10px;width:min(360px,100%);display:flex}.auth-panel label,.create-char label{color:#c8bca4;flex-direction:column;gap:4px;font-size:14px;display:flex}.auth-panel input,.create-char input{font:inherit;color:#f0e6d0;border:2px solid var(--gold-lo);background:#0e0c12;outline:none;padding:6px 8px}.auth-panel input:focus,.create-char input:focus{border-color:var(--gold)}.auth-notice{color:#f2d27a;border-left:3px solid var(--gold);background:#6e542440;margin:0;padding:4px 8px;font-size:14px}.auth-screen .error{margin:0;font-size:14px}.town-btn.big{padding:8px 16px;font-size:14px}.dev-btn{color:#9ab0c8;border-style:dashed}.dev-back{position:absolute;top:12px;left:12px}.chars-head{flex-direction:column;align-items:center;gap:4px;display:flex}.chars-head h1{color:var(--gold-hi);letter-spacing:3px;text-transform:uppercase;text-shadow:2px 2px #000;margin:0}.link-btn{font:inherit;color:#c9a24a;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.chars-layout{align-items:flex-start;gap:16px;width:min(1000px,100%);display:flex}.chars-list{flex-direction:column;flex:none;gap:4px;width:300px;display:flex}.chars-detail{flex:1;min-width:0}.char-card{cursor:pointer;background:#00000059;border:2px solid #2e2636;align-items:center;gap:8px;padding:6px 8px;display:flex}.char-card:hover{border-color:var(--gold-lo)}.char-card.selected{border-color:var(--gold);background:#3c2e1873}.char-card .swatch{border:2px solid #000;flex:none;width:16px;height:24px}.char-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.char-card-info small{color:#8a8070}.icon-btn{font:inherit;color:#8a6060;cursor:pointer;background:0 0;border:1px solid #0000}.icon-btn:hover{color:#ff8a7a;border-color:#5a2a24}.confirm-inline{gap:4px;display:flex}.new-char{margin-top:6px}.char-detail{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.create-char{flex-direction:column;gap:8px;display:flex}.create-char .class-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.spell-pool{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px;display:grid}.spell-pool .spell-card{opacity:.75;background:#15131c;border:2px solid #333;flex-direction:column;gap:3px;padding:8px 56px 6px 8px;display:flex;position:relative}.spell-pool .spell-card.selected{opacity:1;border-color:var(--gold-lo)}.spell-pool .spell-card small{color:#a9a192}.spell-pool .spell-card .slot-badge{border:1px solid var(--gold-lo);width:auto;height:auto;color:var(--gold-hi);background:0 0;padding:0 4px;font-size:14px;position:absolute;top:6px;left:auto;right:6px}.create-char .actions{justify-content:flex-end;gap:8px;display:flex}.create-char .small,.chars-list .small{font-size:14px}.chars-list .warn-text{color:#e8806a;margin:2px 0}.screen.loading,.loading{color:#c9a24a;letter-spacing:2px;justify-content:center;align-items:center;display:flex}@media (width<=720px){.chars-layout{flex-direction:column}.chars-list{width:100%}}.auth-screen{color:#efe5d1;background:radial-gradient(at 50% 12%,#29435c66,#0000 56%),#07111d;gap:26px;min-height:100%;padding:clamp(24px,6vh,70px) 24px 40px;font-family:Alegreya,Georgia,serif}.auth-screen:before{content:"";pointer-events:none;opacity:.24;image-rendering:pixelated;background:url(/ui/keyart-crypt-night.png) 50%/cover no-repeat;position:fixed;inset:0}.auth-screen>*{z-index:1;position:relative}.auth-shell.game-window{background:#101b2b;border:6px solid #0000;border-image:url(/ui/frame-steel.png) 7/6px;flex-shrink:0;grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr);width:min(900px,100%);min-height:470px;margin-block:auto;padding:0;display:grid;overflow:hidden;box-shadow:0 0 0 3px #07090e,0 18px 60px #000b}.auth-art{background:#15283b;min-height:460px;position:relative;overflow:hidden}.auth-art>img{object-fit:cover;object-position:48% center;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.9)}.auth-art:after{content:"";pointer-events:none;background:linear-gradient(#06121b22 20%,#07111bb3 74%,#07111bf2);position:absolute;inset:0}.auth-title{z-index:1;text-align:center;position:absolute;bottom:27px;left:22px;right:22px}.auth-title h1{letter-spacing:.045em;color:#ffe2a3;text-shadow:2px 3px #110d0b,0 0 14px #07090e;font-family:Cinzel,Georgia,serif;font-size:clamp(30px,3.4vw,50px);line-height:1.05}.auth-title p{color:#ead8b8;letter-spacing:.14em;text-transform:uppercase;margin:9px 0 0;font-size:14px}.auth-panel{background:linear-gradient(150deg,#17283a,#0a1421 68%);border-left:2px solid #8a6d44;justify-content:center;width:auto;min-width:0;padding:34px clamp(20px,3vw,42px)}.auth-panel h2{color:#efd39b;text-align:center;margin:0 0 7px;font-family:Cinzel,Georgia,serif;font-size:18px}.auth-panel .town-tabs{border-color:#6c583d;justify-content:center;margin-bottom:10px}.auth-panel .town-tab{color:#b7b5b0;background:#0c1725;border-color:#455266;flex:1;padding:6px 8px;font-size:14px}.auth-panel .town-tab.active{color:#ffdda2;background:#203b56;border-color:#b28c50 #b28c50 #203b56}.auth-panel label,.create-char label{color:#ead8ba;font-size:14px}.auth-panel input,.create-char input{color:#f8eeda;background:#09131f;border:2px solid #526076;min-height:34px;padding:7px 9px;font-family:Alegreya,Georgia,serif;font-size:14px;box-shadow:inset 0 2px 4px #0009}.auth-panel input:focus,.create-char input:focus{border-color:#c99e56;box-shadow:0 0 0 2px #bd844643}.auth-screen .town-btn{color:#f1e5d1;background:#18283a url(/ui/btn-secondary.png) 50%/100% 100% no-repeat;border:2px solid #957345;font-family:Alegreya,Georgia,serif;font-size:14px;box-shadow:0 2px #05080c}.auth-screen .town-btn.primary{color:#fff6df;background:#0f4b7b url(/ui/btn-primary.png) 50%/100% 100% no-repeat;border-color:#d6a253}.auth-screen .town-btn:hover:not(:disabled){filter:brightness(1.2)}.auth-screen .town-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #05080c}.auth-panel .town-btn.big{margin-top:6px;padding:9px 12px}.auth-panel .dev-btn{opacity:.75;border-style:dashed;font-size:14px}.chars-screen{padding-top:clamp(20px,4vh,48px)}.chars-head{flex-direction:row;justify-content:space-between;align-items:end;width:min(1080px,100%)}.chars-head h1{color:#f2d798;font-family:Cinzel,Georgia,serif;font-size:clamp(24px,3vw,38px)}.chars-head .dim{font-size:14px}.chars-layout{gap:18px;width:min(1080px,100%)}.chars-list.game-window,.char-detail.game-window,.create-char.game-window{background:linear-gradient(#1b2b3eec,#0b1522f5);border:6px solid #0000;border-image:url(/ui/frame-steel.png) 7/6px;position:relative;box-shadow:0 0 0 2px #07090d,0 10px 26px #0009}.chars-list{gap:6px;width:310px;padding:14px}.chars-detail{min-width:0}.chars-screen .window-title{border-color:#8f744b;margin:-3px -3px 12px;padding:2px 2px 9px;font-family:Cinzel,Georgia,serif}.char-card{background:linear-gradient(#182638,#0d1724);border:2px solid #4a5666;gap:10px;min-height:68px;padding:7px;box-shadow:inset 0 0 0 1px #070c14}.char-card:hover{background:#1c3045;border-color:#a17c47}.char-card.selected{background:linear-gradient(#284158,#152437);border-color:#d0a15a;box-shadow:inset 0 0 0 1px #dfbb78,0 0 8px #d49a3f44}.char-card .swatch{background-image:linear-gradient(#17283bbc,#08121fe8);border:2px solid #a18352;place-items:center;width:42px;height:48px;display:grid;box-shadow:inset 0 0 0 1px #080d14}.char-card .swatch img{width:32px;height:40px;image-rendering:pixelated}.char-card-info b{color:#f7e3bc;font-family:Cinzel,Georgia,serif;font-size:14px}.char-card-info small{color:#bdc5c9;line-height:1.2}.char-detail{align-items:stretch;width:100%;min-height:440px;padding:14px 18px 18px}.char-detail p{text-align:center;margin:5px 0;font-size:15px}.char-detail .town-btn{align-self:center;width:min(260px,100%);margin-top:auto}.char-showcase{background-image:radial-gradient(at 50% 65%,#3a526a 0,#101d2de8 55%,#08131fee 100%);border:1px solid #796442;place-items:center;height:235px;margin-bottom:8px;display:grid;overflow:hidden;box-shadow:inset 0 0 26px #000b}.char-showcase img{width:160px;height:200px;image-rendering:pixelated;filter:drop-shadow(0 10px 8px #000c)}.create-char{padding:14px 18px 18px}.create-char .class-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.create-char .class-card{text-align:center;background:#101d2a;border-color:#546277;align-items:center;min-height:158px;padding:10px 8px}.create-char .class-card.selected{background:#25374a;box-shadow:inset 0 0 0 1px #e1b365,0 0 8px #d5a65477;border-color:#e1b365!important}.create-char .class-card .swatch{width:43px;height:47px}.create-char .class-card strong{color:#f4dcaa;font-family:Cinzel,Georgia,serif;font-size:14px}.create-char .class-card small{font-size:14px;line-height:1.2}.create-char .class-card .stats{font-size:14px}.create-char .spell-pool{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.create-char .spell-pool .spell-card{background:#101c2a;border-color:#465266}.create-char .spell-pool .spell-card.selected{background:#182b3e;border-color:#ae8750}.create-char .section-title{font-family:Cinzel,Georgia,serif}@media (width<=720px){.auth-shell.game-window{grid-template-columns:1fr;width:min(430px,100%)}.auth-art{min-height:195px;max-height:195px}.auth-art>img{object-position:center 45%}.auth-title{bottom:13px}.auth-title h1{font-size:28px}.auth-title p{font-size:14px}.auth-panel{border-top:2px solid #8a6d44;border-left:0;padding:24px}.chars-head{flex-direction:column;align-items:start}.chars-list{width:100%}}.auth-panel .ui-tabs{width:100%;margin-bottom:10px}.auth-panel .ui-tab{flex:1}.auth-panel .ui-field{width:100%}.char-card:focus-visible{outline-offset:2px;outline:2px solid #f2d798}.char-card-select{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.char-card-select:focus-visible{outline-offset:3px;outline:2px solid #f2d798}.chars-list .ui-btn.new-char{margin-top:10px;font-size:14px}.char-detail .ui-btn{align-self:center;width:min(270px,100%);margin-top:auto}.confirm-inline .ui-btn{min-width:54px}.create-char .name-field{align-items:stretch;width:min(350px,100%);margin-top:6px}.create-char .ui-field .ui-label{color:#ead8ba}.create-char .ui-field .ui-input{min-height:40px;font-size:15px}.create-char .actions .ui-btn{min-width:150px}.char-showcase{isolation:isolate;background:#101c2a url(/ui/keyart-castle-dusk.png) 50% 54%/cover no-repeat;position:relative}.char-showcase:before{content:"";z-index:0;background:linear-gradient(#07111d9c,#081420a8 68%,#07111de8);position:absolute;inset:0}.char-showcase img{z-index:1;filter:drop-shadow(0 8px 2px #000d)drop-shadow(0 0 12px #050b14);position:relative}.create-char>.dim.small{font-size:14px;line-height:1.35}@media (width<=720px){.create-char .spell-pool{grid-template-columns:1fr}.chars-detail{width:100%}}.chars-layout.game-window{background:#101b2b;border:6px solid #0000;border-image:url(/ui/frame-steel.png) 7/6px;flex-shrink:0;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:0;width:min(1120px,100%);margin-block:auto;padding:0;display:grid;overflow:hidden;box-shadow:0 0 0 3px #07090e,0 18px 60px #000b}.chars-left{background:#0d1928;border-right:2px solid #8a6d44;min-width:0}.chars-art{height:286px;image-rendering:pixelated;background:#15283b url(/ui/keyart-castle-dusk.png) 50%/cover no-repeat;place-items:center;display:grid;position:relative;overflow:hidden}.chars-art:after{content:"";pointer-events:none;background:linear-gradient(#06121b22 20%,#07111b90 62%,#07111bf5);position:absolute;inset:0}.chars-art-sprite{z-index:1;width:112px;height:140px;image-rendering:pixelated;filter:drop-shadow(0 7px 2px #000d)drop-shadow(0 0 11px #0a1221);margin-top:-32px;position:relative}.chars-art-title{z-index:1;text-align:center;position:absolute;bottom:15px;left:12px;right:12px}.chars-art-title h1{letter-spacing:.04em;color:#ffe2a3;text-shadow:2px 3px #110d0b,0 0 14px #07090e;margin:0;font:700 clamp(22px,2.5vw,31px)/1.1 Cinzel,Georgia,serif}.chars-art-title p{color:#ead8b8;letter-spacing:.13em;text-transform:uppercase;margin:5px 0 0;font-size:14px}.chars-layout .chars-list{background:linear-gradient(#17283a,#0a1421);gap:7px;width:auto;padding:16px}.chars-layout .chars-detail{background:linear-gradient(150deg,#17283a,#0a1421 68%);width:100%;padding:22px clamp(18px,2.6vw,36px) 26px}.chars-layout .chars-head{border-bottom:1px solid #806742;flex-flow:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;width:100%;margin-bottom:21px;padding-bottom:11px;display:flex}.chars-head h2{color:#efd39b;margin:0;font:700 21px Cinzel,Georgia,serif}.chars-head .dim{overflow-wrap:anywhere}.chars-layout .char-detail,.chars-layout .create-char{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.chars-layout .char-detail{justify-content:center;min-height:390px}.chars-layout .char-detail .window-title{text-align:center;margin-bottom:24px;font-size:21px}.chars-layout .char-detail p{font-size:18px}.chars-layout .char-detail p.dim{color:#b9bac1;font-size:15px}.chars-layout .char-detail .ui-btn{margin-top:auto}.chars-layout .create-char .window-title{margin-bottom:17px}.char-detail-intro{text-align:center;padding:14px 10px 19px}.char-detail-intro>span{color:#d1a966;text-transform:uppercase;letter-spacing:.1em;font:700 14px Cinzel,Georgia,serif}.char-detail-intro h3{color:#ffe2a3;margin:7px 0 6px;font:700 clamp(26px,3vw,38px) Cinzel,Georgia,serif}.chars-layout .char-detail-intro p{color:#bfc5c8;margin:0;font-size:15px}.char-detail-facts{grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 22px;display:grid}.char-detail-facts>div{background:#0d1b2b;border:1px solid #726246;justify-content:space-between;align-items:baseline;padding:11px 14px;display:flex;box-shadow:inset 0 0 0 1px #24364a}.char-detail-facts small{color:#aeb9c2;text-transform:uppercase;font:700 14px Cinzel,Georgia,serif}.char-detail-facts strong{color:#f4d18d;font:700 17px Cinzel,Georgia,serif}.char-detail-spells{margin-bottom:24px}.char-detail-spells h4{color:#f2d798;text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px;font:700 14px Cinzel,Georgia,serif}.char-detail-spells>div{color:#e9e1d3;background:#0f1d2c;border:1px solid #526076;align-items:center;gap:9px;margin-bottom:7px;padding:8px 10px;display:flex}.char-detail-spells>div span{color:#f5dba7;background:#172c42;border:1px solid #b28c50;flex:none;place-items:center;width:22px;height:22px;font:700 14px Cinzel,Georgia,serif;display:grid}@media (width<=800px){.chars-layout.game-window{grid-template-columns:1fr;width:min(570px,100%)}.chars-left{border-bottom:2px solid #8a6d44;border-right:0}.chars-art{height:210px}.chars-art-sprite{width:80px;height:100px;margin-top:-20px}.chars-layout .chars-list{padding:13px}.chars-layout .chars-detail{padding:20px}}.game-loading-screen{z-index:20;justify-content:center}.game-loading-overlay{z-index:1000;position:fixed}.game-loading-screen .ui-loading{background:#0c1929;border:6px solid #0000;border-image:url(/ui/frame-steel.png) 7/6px;width:min(900px,100%);max-height:calc(100vh - 48px);box-shadow:0 0 0 3px #07090e,0 18px 60px #000b}.game-loading-screen .ui-loading:after{content:"";pointer-events:none;background:linear-gradient(#07111b33,#07111b77 55%,#07111be8);position:absolute;inset:0}.game-loading-screen .ui-logo,.game-loading-screen .ui-loading__bottom{z-index:1}.game-loading-screen .ui-loading__bottom{bottom:7%}.game-loading-screen .ui-loading__tip{color:#f1ddbb;font-family:Alegreya,Georgia,serif;font-size:15px}.game-loading-screen .ui-progress{background:#0b1725df;border:1px solid #8b7048;padding:9px 12px}.game-loading-screen .ui-progress__label{color:#f6e5c8;font-family:Cinzel,Georgia,serif}.game-loading-screen .ui-logo{color:#ffe2a3;text-transform:uppercase;text-shadow:2px 3px #110d0b,0 0 14px #07090e;font-size:clamp(28px,3.4vw,44px)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6dfd0;background:#07060a;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{cursor:url(/ui/cursor-arrow.png) 0 0,default;height:100%;margin:0;overflow:hidden}#root :is(button:not(:disabled),a,[role=button],[role=menuitem],.char-card,.loot-label){cursor:url(/ui/cursor-hand.png) 8 0,pointer}#root :is(button:not(:disabled),a,[role=button],[role=menuitem],.char-card,.loot-label):active{cursor:url(/ui/cursor-click.png) 8 0,pointer}#root .inv-cell.filled,#root .window-title.drag-handle{cursor:url(/ui/cursor-grab.png) 14 14,grab}#root .item-picker .inv-cell.filled{cursor:url(/ui/cursor-hand.png) 8 0,pointer}#root .item-picker .inv-cell.filled:active{cursor:url(/ui/cursor-click.png) 8 0,pointer}#root :is(input:not([type]),input[type=text],input[type=password],input[type=email],textarea){cursor:text}.screen{width:100%;height:100%;position:relative}.game-canvas{position:absolute;inset:0}.game-canvas canvas{image-rendering:pixelated;display:block}.class-select{flex-direction:column;align-items:center;gap:16px;max-width:900px;margin:8vh auto 0;padding:24px;display:flex}.class-select h1{letter-spacing:2px;color:#f2c94c;margin:0}.class-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;display:grid}.class-card{text-align:left;color:inherit;font:inherit;cursor:pointer;opacity:.7;background:#15131c;border:2px solid #333;border-radius:4px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.class-card.selected{opacity:1;background:#221e2c;box-shadow:0 0 16px #ffb45a40}.class-card .swatch{background-image:linear-gradient(#172235dd,#090e17ee);border:2px solid #000;place-items:center;width:44px;height:48px;display:grid;box-shadow:0 0 0 1px #9c7946}.class-card .swatch img{width:32px;height:40px;image-rendering:pixelated}.class-card small{color:#a9a192}.class-card .stats{color:#7d7668}.name-field{align-items:center;gap:8px;display:flex}.name-field input{font:inherit;color:inherit;background:#15131c;border:1px solid #444;padding:6px 8px}.join-btn{font:inherit;color:#fff;cursor:pointer;background:#8a3b1f;border:2px solid #c9682f;padding:10px 24px}.join-btn:disabled{opacity:.5;cursor:wait}.error{color:#ff7a6a}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-top-left{flex-direction:column;gap:10px;width:250px;display:flex;position:absolute;top:12px;left:12px}.player-frame{align-items:flex-start;gap:8px;display:flex}.portrait{border:2px solid #000;flex:none;width:36px;height:44px;position:relative;box-shadow:inset 0 -10px #00000059,0 0 10px #ffb45a2e}.portrait.small{width:20px;height:24px}.portrait .skull{color:#eee;text-shadow:1px 1px #000;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.player-bars{flex-direction:column;flex:1;gap:4px;display:flex}.bar{background:#1a1016;border:2px solid #000;height:16px;position:relative;overflow:hidden}.bar .fill{height:100%;transition:width 90ms linear}.bar .shield{opacity:.85;background:repeating-linear-gradient(90deg,#fff4c8 0 3px,#e8d48a 3px 6px);position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ffe9a0}.bar.hp .fill{background:linear-gradient(#e0504a,#8e2424)}.bar.mana .fill{background:linear-gradient(#5a96ff,#23458e)}.bar.resource{height:10px}.bar.resource .fill{background:linear-gradient(#ffd46a,#a8742a)}.bar.resource span{font-size:14px;line-height:6px}.bar.pending{opacity:.5}.bar span{text-align:center;text-shadow:1px 1px #000;white-space:nowrap;font-size:14px;line-height:12px;position:absolute;inset:0}.bar.mini{border-width:1px;height:7px}.bar.mini .fill{background:linear-gradient(#5ad05a,#237a2a)}.buff-row{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.buff{text-align:center;pointer-events:auto;background:#0a080ed9;border:2px solid;width:20px;height:20px;font-size:14px;line-height:16px;position:relative}.buff.debuff{border-style:dashed}.buff .time{color:#ddd;text-shadow:1px 1px #000;font-size:14px;line-height:10px;position:absolute;bottom:-11px;left:0;right:0}.buff .stacks{color:#fff;background:#000;padding:0 1px;font-size:14px;line-height:9px;position:absolute;top:-5px;right:-3px}.party-frames{flex-direction:column;gap:5px;margin-top:8px;display:flex}.party-member{align-items:center;gap:6px;width:170px;display:flex}.party-member .party-info{flex:1}.party-member .name{color:#cfc6b4;text-shadow:1px 1px #000;font-size:14px}.party-member.dead{filter:grayscale();opacity:.7}.party-member.invisible .portrait{opacity:.45}.skill-bar-wrap{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.skill-bar{align-items:flex-end;gap:6px;display:flex}.skill-slot{pointer-events:auto;background:#15131ce6;border:2px solid #5a5068;flex-direction:column;justify-content:space-between;width:60px;height:60px;padding:3px 4px;display:flex;position:relative;overflow:hidden}.skill-slot .sweep{pointer-events:none;position:absolute;inset:0}.skill-slot>span{position:relative}.skill-slot .key{color:#f2c94c;text-shadow:1px 1px #000;font-size:14px;font-weight:700}.skill-slot .key small{color:#b8a068;font-size:14px;font-weight:400}.skill-slot .cd{color:#fff;text-shadow:1px 1px #000;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}.skill-slot .skill-name{color:#b9b1a2;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.skill-slot.not-ready .skill-name{color:#6f6858}.skill-slot.no-mana{box-shadow:inset 0 0 12px #c8282880;border-color:#c03a3a!important}.skill-slot.no-mana .skill-name{color:#d07070}.skill-slot .pips{flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;right:3px}.skill-slot .pips i{background:#2a2432;border:1px solid #000;width:5px;height:5px;display:block}.skill-slot .pips i.on{background:#9ad0ff;box-shadow:0 0 4px #9ad0ff}.skill-slot.disabled{opacity:.35;filter:grayscale()}.skill-slot.disabled .key{color:#888}.skill-slot.potion{border-color:#6a3b3b;width:44px;height:44px}.skill-slot.potion.mana{border-color:#3b4a6a}.skill-slot.potion.empty{opacity:.45}.skill-slot .flask{background:linear-gradient(#0000 30%,#d34f4f 30%);border:2px solid #000;border-radius:2px 2px 5px 5px;width:12px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.skill-slot.potion.mana .flask{background:linear-gradient(#0000 30%,#4f8cff 30%)}.skill-slot .count{color:#fff;text-shadow:1px 1px #000;font-size:14px;position:absolute;bottom:1px;right:3px}.slot-sep{width:8px}.tooltip{color:#d8d0c0;background:#0a080ef2;border:1px solid #5a5068;max-width:280px;padding:6px 8px;font-size:14px}.tooltip strong{color:#f2c94c}.tooltip .cost{float:right;color:#7aa8ff;margin-left:8px}.tooltip p{margin:4px 0 0}.tooltip .hint{color:#9a948a;font-style:italic}.screen:has(.hud.is-dead) .game-canvas{filter:grayscale()brightness(.55);transition:filter .3s}.death-overlay{background:radial-gradient(#0000 30%,#0009);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.death-overlay h1{letter-spacing:4px;color:#c03a2a;text-shadow:2px 2px #000,0 0 18px #c8281499;margin:0;font-size:44px}.death-overlay p{color:#cfc6b4;text-shadow:1px 1px #000}.settings{pointer-events:auto;text-align:right;position:absolute;top:10px;right:12px}.settings .gear{font:inherit;color:#cfc6b4;cursor:pointer;background:#15131cd9;border:2px solid #5a5068;width:28px;height:28px;font-size:16px}.settings-panel{text-align:left;background:#0a080ef2;border:1px solid #5a5068;flex-direction:column;gap:4px;margin-top:4px;padding:8px 10px;font-size:14px;display:flex}.settings-panel .row{color:#f2c94c}.class-select h2{color:#d8c89a;margin:4px 0 0;font-size:15px}.spell-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;width:100%;display:grid}.spell-card{text-align:left;color:inherit;font:inherit;cursor:pointer;opacity:.75;background:#15131c;border:2px solid #333;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 10px 10px 40px;display:flex;position:relative}.spell-card.selected{opacity:1;background:#221e2c;border-color:#f2c94c}.spell-card small{color:#a9a192}.spell-card .stats{color:#7d7668}.spell-card .slot-badge{color:#f2c94c;border:2px solid #5a5068;place-items:center;width:22px;height:22px;font-weight:700;display:grid;position:absolute;top:10px;left:8px}.spell-card.selected .slot-badge{background:#3a2e14;border-color:#f2c94c}.spell-help{color:#7d7668;margin:0;font-size:14px}.debug-overlay{color:#cfe8cf;pointer-events:none;white-space:nowrap;z-index:10;background:#000000b8;border:1px solid #333;padding:6px 8px;font-size:14px;line-height:15px;position:absolute;bottom:28px;right:12px}.debug-overlay b{color:#fff;font-weight:400}.debug-overlay .dim{color:#7d8a7d}.debug-overlay .bad{color:#ff7a6a}.debug-overlay .sim{color:#f2c94c}.dev-options{color:#9a948a;border:1px dashed #5a5068;align-items:center;gap:14px;padding:6px 12px;font-size:14px;display:flex}.dev-options legend{color:#f2c94c;padding:0 4px}.dev-options input,.dev-options select{font:inherit;width:48px;color:inherit;background:#15131c;border:1px solid #444}.loading{color:#7d7668;place-items:center;display:grid;position:absolute;inset:0}.screen:has(.hud.is-downed) .game-canvas{filter:grayscale(.85)brightness(.8)sepia(.25);transition:filter .3s}.death-overlay.downed h1{color:#e8503a}.bleed-bar,.revive-bar{background:#000000b3;border:1px solid #5a2a2a;width:260px;height:14px;margin:6px auto;position:relative}.bleed-bar .fill{background:linear-gradient(90deg,#a01810,#ff4a2a);height:100%;transition:width .1s linear}.revive-bar{border-color:#6a5a2a;width:200px;height:10px}.revive-bar.big{width:260px;height:12px}.revive-bar .fill{background:linear-gradient(90deg,#c8a040,#ffe07a);height:100%;transition:width .1s linear}.bleed-bar span,.revive-bar span{text-align:center;color:#fff;text-shadow:1px 1px #000;font-size:14px;line-height:12px;position:absolute;inset:0}.death-overlay .stones{color:#c8a8ff}.party-member .downed-tag,.party-member.dead .skull{color:#ff6a4a;font-size:14px}.hud-top-left{flex-direction:column-reverse;gap:7px;width:260px;top:auto;bottom:14px;left:14px}.player-frame{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);background:linear-gradient(#233248ee,#0a121eee);border:2px solid #586371;align-items:center;gap:0;min-height:64px;padding:6px 9px 6px 0;position:relative;box-shadow:0 0 0 2px #0b0d13,inset 0 0 0 1px #a47a3d,0 6px 18px #0009}.player-frame>.portrait{width:54px;height:54px;image-rendering:pixelated;background-position:50% 27%;background-size:cover;border:3px solid #b69152;border-radius:50%;margin-left:5px;margin-right:8px;box-shadow:0 0 0 2px #080b12,inset 0 0 0 2px #222e40,0 2px 8px #000}.player-bars{gap:4px;min-width:0}.player-frame .bar,.party-member .bar{background:#090e16;border:2px solid #151b25;height:16px;box-shadow:0 0 0 1px #876a42,inset 0 2px 3px #000a}.player-frame .bar .fill{box-shadow:inset 0 2px #ffffff36,inset 0 -2px #0008}.player-frame .bar.hp .fill{background:linear-gradient(#f15f51 0 25%,#bb252d 26% 75%,#7e151e)}.player-frame .bar.mana .fill{background:linear-gradient(#70c7fc 0 25%,#176dc8 26% 75%,#123d84)}.player-frame .bar.resource .fill{background:linear-gradient(#ffe085,#bb7d26)}.player-frame .bar span{color:#fff5e3;text-shadow:1px 1px #090b10,-1px -1px #090b10;font-family:Pixelify Sans,ui-monospace,monospace;font-size:14px;line-height:12px}.player-frame .bar.resource span{font-size:14px;line-height:8px}.party-frames{background:#0b1422dc;border:1px solid #64543e;width:max-content;max-width:250px;margin:0 0 2px 4px;padding:5px 7px;box-shadow:0 2px 8px #0009}.party-member{width:185px}.party-member .portrait.small{width:30px;height:30px;image-rendering:pixelated;background-position:50% 27%;background-size:cover;border:2px solid #aa8347;border-radius:50%;box-shadow:0 0 0 1px #090c13}.party-member .bar.mini{border-width:1px;height:7px;box-shadow:0 0 0 1px #61533e}.party-member .name{color:#f2e5c7;font-family:Alegreya,Georgia,serif;font-size:14px}.buff{background:#102033e8;border-image:url(/ui/slot.png) 3/3px;box-shadow:inset 0 0 0 1px}.skill-bar-wrap{bottom:13px}.skill-bar{background:linear-gradient(#213146ec,#09111ded);border:2px solid #687180;gap:4px;padding:7px 9px 5px;box-shadow:0 0 0 2px #0a0c12,inset 0 0 0 1px #9b7541,0 5px 16px #000b}.skill-slot{background:radial-gradient(circle at 50% 35%,#263b5c,#0a101b 76%);width:52px;height:52px;padding:2px 4px;box-shadow:inset 0 0 0 2px #0b0c12;border:5px solid #0000!important;border-image:url(/ui/skill-frame.png) 5/5px!important}.skill-slot:hover{filter:brightness(1.28)}.skill-slot .ability-icon{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #52aeeb99);pointer-events:none;position:absolute;top:7px;left:50%;transform:translate(-50%)}.skill-slot .key{z-index:1;color:#f2d69d;text-shadow:1px 1px #000;background:#090d16c9;width:max-content;padding:0 2px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:14px}.skill-slot .skill-name{z-index:1;color:#e7dec9;text-align:center;text-shadow:1px 1px #000;font-family:Alegreya,Georgia,serif}.skill-slot .cd{z-index:2}.skill-slot.potion{width:44px;height:44px}.skill-slot.potion.hp{background:radial-gradient(#6f1f23,#130d14 75%)}.skill-slot.potion.mana{background:radial-gradient(#124e8c,#0a101d 75%)}.skill-slot.potion .flask{background:url(/ui/icon-potion-hp.png) 50%/contain no-repeat;border:0;border-radius:0;width:25px;height:25px}.skill-slot.potion.mana .flask{background-image:url(/ui/icon-potion-mp.png)}.skill-slot .count{z-index:2}.tooltip,.settings-panel{background:#0a1421f2;border:2px solid #78623f;font-family:Alegreya,Georgia,serif;font-size:14px;box-shadow:inset 0 0 0 1px #2d3b4c,0 6px 18px #000b}.settings .gear{color:#0000;background:#142234 url(/ui/icon-gear.png) 50%/20px no-repeat;border:2px solid #917446;width:34px;height:34px;box-shadow:inset 0 0 0 1px #233950,0 2px 8px #000b}@media (width<=920px){.hud-top-left{width:230px;bottom:82px}.skill-bar-wrap{bottom:8px}.skill-bar{gap:2px;padding:4px}.skill-slot{width:43px;height:43px}.skill-slot.potion{width:38px;height:38px}.skill-slot .ability-icon{width:22px;height:22px}}.interact-prompt{color:#f0e6d0;text-align:center;text-shadow:1px 1px #000;background:#0a080ecc;border:1px solid #6a5a2a;padding:6px 14px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.interact-prompt .key{color:#ffe07a;border:1px solid #c8a040;min-width:18px;margin-right:4px;padding:0 4px;font-weight:700;display:inline-block}.objective{text-align:right;color:#d8d0bc;text-shadow:1px 1px #000;max-width:280px;position:absolute;top:12px;right:56px}.objective .floor{color:#ffd24a;letter-spacing:1px;font-weight:700}.objective .text{font-size:14px}.objective .exit-bar{background:#0009;border:1px solid #6a5a2a;height:5px;margin-top:4px}.objective .exit-bar .fill{background:#ffd24a;height:100%;transition:width .12s linear}.boss-bar{text-align:center;text-shadow:1px 1px #000;width:min(560px,60vw);position:absolute;top:12px;left:50%;transform:translate(-50%)}.boss-bar .boss-name{color:#d8ffe0;letter-spacing:2px;font-weight:700}.boss-bar .boss-name .phase{letter-spacing:0;color:#9ac8a8;font-size:14px;font-weight:400}.boss-bar .boss-hp{background:#1a0808;border:2px solid #2a3a2a;height:16px;margin-top:3px;position:relative;box-shadow:0 0 0 1px #000}.boss-bar .boss-hp .fill{background:linear-gradient(#e0402a,#8a1a10);height:100%;transition:width .15s linear}.boss-bar.immune .boss-hp{border-color:#6aff9a;box-shadow:0 0 10px #6aff9ab3}.boss-bar.immune .boss-hp .fill{background:linear-gradient(#6ab88a,#2a5a3a)}.boss-bar.enraged .boss-hp{border-color:#ff5a2a}.boss-bar .notch{background:#ffe07a;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 1px #000}.boss-bar .boss-hp span{color:#fff;font-size:14px;line-height:16px;position:absolute;inset:0}.boss-bar .boss-tags{justify-content:center;gap:6px;margin-top:4px;font-size:14px;display:flex}.boss-bar .tag{color:#d8d0bc;background:#000000b3;border:1px solid #5a5068;padding:1px 6px}.boss-bar .tag.immune{color:#9affc0;border-color:#6aff9a}.boss-bar .tag.dr{color:#a8d0ff;border-color:#7fb8ff}.boss-bar .tag.enrage,.boss-bar .tag.soon{color:#ff9a6a;border-color:#ff5a2a}.boss-bar .tag.braziers{color:#ffc880;border-color:#ffa040}.boss-bar .boss-shield{background:#0a1620;border:2px solid #5a9ac8;width:70%;height:14px;margin:4px auto 0;position:relative;box-shadow:0 0 0 1px #000,0 0 8px #9ae8ff73}.boss-bar .boss-shield .fill{background:linear-gradient(#d8f4ff,#5aa8d8);height:100%;transition:width .15s linear}.boss-bar .boss-shield span{color:#eaf8ff;font-size:14px;line-height:14px;position:absolute;inset:0}.boss-bar .boss-objective{letter-spacing:1px;color:#ffe08a;background:#140c04bf;border:1px solid #c8903a;margin-top:6px;padding:2px 12px;font-size:16px;font-weight:700;display:inline-block}.boss-bar .boss-objective.tone-urgent{color:#fff;background:#28466ed9;border-color:#9ae8ff;animation:.8s ease-in-out infinite alternate boss-objective-pulse}@keyframes boss-objective-pulse{0%{box-shadow:0 0 4px #9ae8ff66}to{box-shadow:0 0 14px #9ae8fff2}}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-10px)scale(1.2)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.banner{text-shadow:2px 2px #000,0 0 16px #000000e6;flex-direction:column;align-items:center;animation:2.6s ease-out forwards banner-in;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.banner strong{letter-spacing:3px;color:#e8e0c8;font-size:34px}.banner span{color:#c8c0a8;font-size:16px}.banner.boss strong{color:#9affc0}.banner.good strong{color:#ffe07a}.toasts{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:38%;right:16px}.toast{color:#e8e0c8;background:#0a080ecc;border-left:3px solid #c8a040;padding:4px 10px;font-size:14px}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.screen-overlay{text-align:center;text-shadow:2px 2px #000;flex-direction:column;justify-content:center;align-items:center;animation:.18s ease-out screen-in;display:flex;position:absolute;inset:0}.screen-overlay h1{letter-spacing:4px;margin:0;font-size:46px}.screen-overlay h2{margin:6px 0 0;font-size:22px;font-weight:400}.screen-overlay p{color:#cfc6b4}.screen-overlay .countdown{color:#fff;font-size:18px}.screen-overlay.transition{background:#000;transition:opacity .5s ease-in}.screen-overlay.transition.out{opacity:0}.screen-overlay.transition h1{color:#ffd24a}.screen-overlay.wipe{background:radial-gradient(#280000bf,#000000f2)}.screen-overlay.wipe h1{color:#d03a2a}.screen-overlay.wipe h2{color:#ff8a6a}.screen-overlay.victory{background:radial-gradient(#281e0099,#000000e6)}.screen-overlay.victory h1{color:#ffe07a}.screen-overlay.victory h2{color:#9affc0}.dev-create{flex-wrap:wrap;gap:6px 12px;width:100%;margin-top:6px;display:flex}.dev-create input{width:80px}.hud-top-left{width:318px;bottom:16px}.player-frame{background:linear-gradient(#263a50f2,#0a1421f2);border-color:#9d8054;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:6px 9px;min-height:112px;padding:7px 10px 9px 7px;display:grid}.player-portrait-wrap{grid-area:1/1;width:58px;height:64px;position:relative}.player-portrait-wrap .portrait{width:56px;height:56px;image-rendering:pixelated;background-position:50% 27%;background-size:cover;border:3px solid #d0a663;border-radius:50%;box-shadow:0 0 0 2px #080b12,inset 0 0 0 2px #222e40,0 2px 8px #000}.player-level{color:#f9e1a8;text-shadow:1px 1px #000;background:#182437;border:2px solid #c99c55;border-radius:50%;place-items:center;min-width:21px;height:21px;padding:0 2px;font:700 14px Cinzel,Georgia,serif;display:grid;position:absolute;bottom:0;right:0}.player-bars{grid-area:1/2;gap:4px}.player-name{color:#ffe3ad;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.player-name strong{text-overflow:ellipsis;white-space:nowrap;font:700 14px Cinzel,Georgia,serif;overflow:hidden}.player-name span{color:#b6c4ce;flex:none;font:14px Alegreya,Georgia,serif}.player-frame .bar{height:18px}.player-frame .bar.resource{height:14px}.player-frame .bar span{justify-content:space-between;align-items:center;gap:4px;padding:0 5px;line-height:normal;display:flex}.player-frame .bar span b{text-overflow:ellipsis;text-transform:uppercase;max-width:48%;font:700 14px Cinzel,Georgia,serif;overflow:hidden}.player-frame .bar span strong{font:14px Pixelify Sans,ui-monospace,monospace}.player-frame .bar.resource span b,.player-frame .bar.resource span strong{font-size:14px}.hud-xp{grid-column:1/-1;height:16px;margin:1px 1px 0;position:relative}.hud-xp-track{background:#090d18;border:2px solid #1b1d2a;height:100%;overflow:hidden;box-shadow:0 0 0 1px #9d7549,inset 0 2px 3px #000a}.hud-xp .fill{background:linear-gradient(#e3afff 0 24%,#9c48d3 25% 75%,#5d247e);height:100%;transition:width .15s linear;box-shadow:inset 0 2px #ffffff45,inset 0 -2px #280b36}.hud-xp span{color:#fff5e4;text-shadow:1px 1px #090b10,-1px -1px #090b10;place-items:center;font:14px Alegreya,Georgia,serif;display:grid;position:absolute;inset:0}@media (width<=920px){.hud-top-left{width:min(300px,100vw - 28px);bottom:78px}}.screen-overlay.transition{background:linear-gradient(#07111be0,#07111bf4),url(/ui/keyart-crypt-night.png) 50%/cover no-repeat}.screen-overlay.transition h1{color:#ffe2a3;text-shadow:2px 3px #000;font-family:Cinzel,Georgia,serif}.screen-overlay.transition h2{color:#e5cfaa;font-family:Alegreya,Georgia,serif}