#shrine-buffs{text-align:right;white-space:nowrap;font-size:14px;position:absolute;top:38px;right:16px}#shrine-buffs:empty{display:none}#class-select{background:radial-gradient(at 50% 70%,#4622088c,#000000f2 60%),#000;gap:20px}#class-select .class-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;max-width:1100px;display:flex}#class-select .class-card{background:0 0;border-color:#0000;flex-direction:column;align-items:center;gap:4px;width:108px;padding:6px 4px 8px;transition:transform .15s;display:flex}#class-select .class-card canvas{width:100px;height:110px;image-rendering:pixelated;filter:brightness(.6)}#class-select .class-card strong{font-family:var(--title-font);color:#a89a7a;font-size:14px;font-weight:400}#class-select .class-card .blurb{opacity:.6;min-height:3.9em;font-size:11px;line-height:1.3}#class-select .class-card em{color:#8a8a8a;font-size:11px;font-style:normal}#class-select .class-card.selected{border-color:var(--frame);background:#0d0b08b3;transform:translateY(-6px)}#class-select .class-card.selected canvas{filter:none}#class-select .class-card.selected strong{color:var(--unique)}#class-select .class-card.locked canvas{filter:grayscale()brightness(.4)}#class-select .class-card.locked.selected canvas{filter:grayscale()brightness(.7)}#class-select .class-card.locked strong{color:#6a6a6a}#class-select .class-card em.saved{color:var(--unique)}#class-select .class-card em.saved.hidden,#class-select .actions button.hidden{display:none}#frontend{z-index:50;touch-action:none;background:#000;place-items:center;display:grid;position:fixed;inset:0}#frontend.hidden{display:none}#frontend canvas{width:min(100vw,133.333dvh);height:min(100dvh,75vw);image-rendering:pixelated}html.portrait #frontend canvas{image-rendering:auto}#frontend .frontend-safe{padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);visibility:hidden;pointer-events:none;position:fixed;inset:0}#frontend.over-run{background:#00000073}.frontend-open:not(.frontend-over-run) #hud,.frontend-open:not(.frontend-over-run) #ctrlpnl,.no-run #hud,.no-run #ctrlpnl{visibility:hidden}#act-card{width:800px;height:600px;transform:translateX(-50%) scale(var(--ui-scale,1));transform-origin:50% 100%;pointer-events:none;background:radial-gradient(300px 90px at 50% 200px,#0000008c,#0000);flex-direction:column;align-items:center;gap:6px;padding-top:132px;animation:5s ease-in-out forwards act-card;display:flex;position:fixed;bottom:0;left:50%}#act-card.hidden{display:none}.frontend-open #act-card{visibility:hidden}html.portrait #act-card{top:calc(env(safe-area-inset-top,0px) + 16%);width:max-content;height:auto;transform:translateX(-50%) scale(var(--act-scale,1));transform-origin:50% 0;background:radial-gradient(closest-side,#0000008c,#0000);padding:28px 40px;bottom:auto}#act-card canvas{image-rendering:pixelated;display:block}#act-card .act-zone{margin-top:4px}@keyframes act-card{0%{opacity:0}20%,72%{opacity:1}to{opacity:0}}.frontend-backdrop #frontend{z-index:0;pointer-events:none}.frontend-backdrop.d2ui.no-run #character{background:0 0}.frontend-backdrop :is(#character,#tooltip,#hoverbox){z-index:1}#save-transfer{z-index:60;background:#000c}#save-transfer .transfer-view{background:var(--panel);border:2px solid var(--frame);flex-direction:column;align-items:center;gap:10px;width:min(560px,100%);padding:18px 22px;display:flex}#save-transfer .transfer-view.hidden{display:none}#save-transfer h3{color:var(--unique);margin:8px 0 0;font-size:18px;font-weight:400}#save-transfer .hint{max-width:460px}#save-transfer .summary{margin:0;font-size:14px}#save-transfer textarea{resize:none;color:#d8d0c0;border:1px solid var(--frame);word-break:break-all;background:#000;width:100%;padding:6px 8px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace}#save-transfer textarea:focus{border-color:var(--unique);outline:none}#save-transfer textarea::placeholder{color:#6a6458}#save-transfer .message{min-height:1.4em;margin:0;font-size:14px}#save-transfer .message.error{color:var(--refused)}#save-transfer .message.done{color:var(--unique)}#save-transfer table{border-collapse:collapse;font-size:14px}#save-transfer th,#save-transfer td{text-align:right;padding:4px 10px}#save-transfer th{color:var(--unique);font-weight:400}#save-transfer td:first-child{text-align:left;color:var(--unique)}#save-transfer .warning{max-width:460px;color:var(--refused);margin:0;font-size:14px}#class-select .transfer{font-size:13px}html.portrait #save-transfer button{min-height:44px}html.portrait #save-transfer{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom))}html.portrait #save-transfer .transfer-view{gap:8px;padding:12px 14px}html.portrait #save-transfer h2{font-size:26px}html.portrait #save-transfer h3{margin-top:2px}html.portrait #save-transfer textarea{height:calc(2.8em + 14px)}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(./cinzel-latin-400-normal-DnUIPmzd.woff2)format("woff2"),url(./cinzel-latin-400-normal-C8jUSQqm.woff)format("woff")}:root{--title-font:"D2 Exocet", "Cinzel", "Palatino Linotype", Palatino, Georgia, serif;--unique:#c7b377;--refused:#ff4d4d;--magic:#6969ff;--rare:#ffff64;--normal:#fff;--frame:#5a4a2a;--panel:#0d0b08;font-family:var(--title-font);color:#d8d0c0}*{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;overflow:hidden}#stage,#stage canvas{display:block;position:fixed;inset:0}#stage canvas{touch-action:none}.unique{color:var(--unique)}.magic{color:var(--magic)}.rare{color:var(--rare)}.normal{color:var(--normal)}#hud{pointer-events:none;text-shadow:0 1px 2px #000;position:fixed;inset:0}#build{top:calc(12px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));font-size:13px;line-height:1.45;position:absolute}#passives{margin-top:8px}#clock{font-family:var(--title-font);top:calc(12px + env(safe-area-inset-top));color:var(--unique);font-size:28px;position:absolute;left:50%;transform:translate(-50%)}#counters{top:calc(48px + env(safe-area-inset-top));white-space:nowrap;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}#gold{top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));color:var(--unique);font-size:15px;position:absolute}#boss{top:calc(74px + env(safe-area-inset-top));text-align:center;width:min(360px,50vw);position:absolute;left:50%;transform:translate(-50%)}#boss.hidden{display:none}#boss-name{font-family:var(--title-font);color:var(--unique);margin-bottom:3px;font-size:15px}#boss-bar{border:1px solid var(--frame);background:#200;height:8px}#boss-fill{background:#b01818;height:100%}#boss.champion #boss-name{color:var(--magic)}#boss-mods{color:var(--normal);margin-top:3px;font-size:13px}#boss-mods:empty{display:none}#notices{pointer-events:none;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:22%;display:flex;position:absolute;top:16%;left:0;right:0;overflow:visible}#notices.under-card{justify-content:flex-start;height:14%}#notices.from-top,#notices.under-hero{justify-content:flex-start}#notices.under-hero{top:58%}.notice{flex-direction:column;align-items:center;gap:2px;transition:opacity .4s;display:flex}.notice.entering{animation:.3s ease-out notice-in}.notice.older{opacity:.9}.notice.oldest{opacity:.7}.notice.gone{opacity:0}@keyframes notice-in{0%{opacity:0;transform:translateY(6px)}}.notice .line{font-family:var(--title-font);color:var(--normal);font-size:22px;line-height:1.15}.notice .line.unique{color:var(--unique);font-size:26px}.notice .line.rare{color:var(--rare)}.notice .line.magic{color:var(--magic)}.notice .line.overhead{color:#fff}.notice .line.small,.notice .line.overhead{text-shadow:1px 1px #000;font-family:inherit;font-size:15px}.notice canvas.line{image-rendering:pixelated;display:block}#life{left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));border:3px solid var(--frame);background:#1a0505;border-radius:50%;width:96px;height:96px;position:absolute;overflow:hidden;box-shadow:inset 0 0 12px #000}#life-fill{background:radial-gradient(circle at 40% 30%,#ff5a46,#8a0b0b 60%,#4a0000);height:100%;position:absolute;bottom:0;left:0;right:0}#life-text{color:#fff;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}#xp{bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid var(--frame);background:#111;width:min(480px,50vw);height:7px;position:absolute;left:50%;transform:translate(-50%)}#xp-fill{background:linear-gradient(#e8d9a0,#9c8442);width:0;height:100%}@media not all and (pointer:coarse){.touch-only{display:none!important}}@media (pointer:coarse){.mouse-only{display:none!important}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body,.overlay,button{touch-action:manipulation}textarea,input{-webkit-user-select:text;user-select:text}body:not(.d2ui):has(.overlay:not(.hidden)) #hud{visibility:hidden}body:has(.overlay:not(.hidden)) #touch{visibility:hidden}#character{padding-top:calc(64px + env(safe-area-inset-top))}}#touch{top:calc(44px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.no-run #touch,.frontend-open #touch{visibility:hidden}#touch button{min-width:44px;min-height:44px;font:inherit;color:var(--unique);border:2px solid var(--frame);background:#0d0b08bf;padding:0 12px;font-size:13px}#touch button[aria-pressed=true]{border-color:var(--unique)}.d2ui #touch button[aria-pressed=true]{color:var(--unique)}#char-close{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:1;min-height:44px;position:fixed}#drop-held{display:none}html.portrait body.holding #character.can-drop #drop-held{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--pt-ctrl-h,104px) + 4px);z-index:1;width:208px;min-height:44px;display:block;position:fixed;transform:translate(-50%)}html.portrait body.holding #character.can-drop #inventory-panel .hint:not(.refused){visibility:hidden}html.portrait body.holding #character.can-drop:has(.hint.refused) #drop-held{display:none}#stick{pointer-events:none;background:#0003;border:2px solid #c7b37759;border-radius:50%;width:88px;height:88px;margin:-44px 0 0 -44px;position:fixed}#stick.hidden{display:none}#stick>div{background:#c7b37773;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}.overlay{padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));text-align:center;background:#000000a6;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay:before,.overlay:after{content:"";flex:1 0 0}.overlay.hidden{display:none}.overlay h2{font-family:var(--title-font);color:var(--unique);margin:0;font-size:32px;font-weight:400}.overlay h2.death{color:#c83a2a}.hint{opacity:.7;margin:0;font-size:13px}#character .hint.refused{color:var(--refused);opacity:1}.overlay button{font:inherit;color:inherit;background:var(--panel);border:2px solid var(--frame);cursor:pointer;padding:8px 16px}.overlay button:hover:not(:disabled){border-color:var(--unique)}.overlay button:disabled{opacity:.35;cursor:default}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#choices,#wares{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;display:flex}.choice,.ware{flex-direction:column;gap:6px;width:220px;display:flex}.overlay .choice,.overlay .ware{padding:14px 12px}#level-up.banishing .choice{border-color:#c83a2a}.choice .key{opacity:.5;font-size:12px}.choice strong,.ware strong{font-size:18px;font-weight:400}.revealed-row{flex-basis:100%;justify-content:center;display:flex}.ware.revealed{border:2px solid var(--unique);background:var(--panel)}.ware-gear .mod{color:var(--magic)}.ware-gear .refused{color:var(--refused)}.ware-gear .inert{color:#8a8a8a}.choice em,.ware em{opacity:.7;font-size:12px;font-style:normal}.choice .evolves{color:var(--unique);font-size:12px}.choice .evolves .met{color:var(--normal)}.choice .evolves .missing{color:var(--refused)}.choice .synergy{color:#3cb043;font-size:12px}#level-up:not(.banishing) .choice.evolves{border-color:var(--unique)}#level-up-slots{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;display:flex}#level-up-slots:empty{display:none}#level-up-slots .slots{align-items:center;gap:3px;font-size:13px;display:inline-flex}#level-up-slots .pip{opacity:.6;border:1px solid;width:9px;height:9px}#level-up-slots .pip:first-of-type{margin-left:4px}#level-up-slots .pip.held{opacity:1;background:currentColor}#level-up-slots.complete .pip{border-color:var(--unique)}#level-up-why{margin:0;font-size:14px}#level-up-why.complete{color:var(--unique)}.pause-menu{flex-direction:column;align-items:stretch;min-width:240px}.pause-options{flex-direction:column;align-items:stretch;gap:14px;min-width:260px;display:flex}.pause-menu.hidden,.pause-options.hidden{display:none}.pause-options label{justify-content:space-between;align-items:center;gap:16px;display:flex}.pause-options input[type=range]{width:160px;accent-color:var(--unique)}#game-over-text{max-width:520px}#character-panels{--cell:30px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.panel{background:var(--panel);border:2px solid var(--frame);padding:14px}#char-stats{text-align:left;min-width:240px;font-size:14px;line-height:1.8}#char-stats .row{justify-content:space-between;gap:16px;display:flex}#char-stats .label{opacity:.7}#char-stats .then{margin-left:6px;display:inline}#char-stats .better,#tooltip .better{color:#4fd04f}#char-stats .worse,#tooltip .worse{color:#e05050}#paperdoll,#inventory{gap:2px;width:max-content;margin:0 auto;display:grid}#paperdoll{grid-template-columns:repeat(8, var(--cell));grid-template-rows:repeat(7, var(--cell));margin-bottom:14px}#inventory{grid-template-columns:repeat(10, var(--cell));grid-template-rows:repeat(4, var(--cell));margin-bottom:10px}.slot{background:#15110b;border:1px solid #3a3020;display:flex}.slot-label{opacity:.35;margin:auto;font-size:10px}.cell{background:#100d08;border:1px solid #2a2418}.item{z-index:1;text-align:center;cursor:pointer;border:1px solid;flex:1;place-items:center;padding:2px;font-size:10px;line-height:1.1;display:grid;overflow:hidden}.item.art{padding:0;overflow:visible}.item img{image-rendering:pixelated;pointer-events:none}.item.magic{background:#3c3ca04d}.item.rare{background:#a0a02838}.item.unique{background:#9678324d}.item.unusable{background:#aa141473}#tooltip{z-index:10;text-align:center;pointer-events:none;background:#000000e6;max-width:300px;padding:8px 12px;font-size:14px;line-height:1.45;position:fixed;transform:translate(-50%,-100%)}#tooltip.below{transform:translate(-50%)}#tooltip.hidden{display:none}#tooltip .mod{color:var(--magic)}#tooltip .implicit{color:var(--normal)}#tooltip .inert{color:#8a8a8a}#tooltip .unusable{color:var(--refused)}#tooltip .price{opacity:.6;margin-top:4px;font-size:12px}:root{--ui-scale:1}#ctrlpnl,#hoverbox{display:none}.d2ui #hud,.d2ui .frame,.d2ui #character-panels{width:800px;height:600px;transform:translateX(-50%) scale(var(--ui-scale));transform-origin:50% 100%;image-rendering:pixelated;position:fixed;inset:auto auto 0 50%}.d2-text{image-rendering:pixelated;display:block}.d2ui #life,.d2ui #xp,.d2ui #skills,.d2ui #passives{display:none}.d2ui #build{top:6px;left:6px}.d2ui #build .strip{zoom:.5;flex-direction:column;gap:2px;display:flex}.d2ui #build .strip .slot-row{gap:2px}.d2ui #clock{top:6px}.d2ui #counters{top:34px}.d2ui #gold{top:8px;right:8px}.d2ui #boss{width:200px;top:54px}.d2ui #boss-name{z-index:1;justify-content:center;margin-bottom:-15px;padding-top:1px;display:flex;position:relative}.d2ui #boss-mods{justify-content:center;display:flex}.d2ui #boss-bar{background:#000000b3;border:1px solid #3a3020;height:16px}.d2ui #boss-fill{background:#6a0a0a}.d2ui #notices{height:130px;top:92px}.d2ui #notices.under-card{height:112px}.d2ui #notices.under-hero{top:330px}.d2ui #ctrlpnl{z-index:6;pointer-events:none;display:block}#ctrlpnl .art{background:var(--d2-ctrlpnl);width:800px;height:104px;position:absolute;top:496px;left:0}#ctrlpnl .globe{pointer-events:auto;width:80px;height:80px;position:absolute}#ctrlpnl .globe .fill{background-position:bottom;background-repeat:no-repeat;position:absolute;bottom:0;left:0;right:0}#d2-life{top:507px;left:30px}#d2-life .fill{background-image:var(--d2-life)}#d2-mana{top:508px;left:690px}#d2-mana .fill{background-image:var(--d2-mana)}#ctrlpnl .glass{width:82px;height:88px;position:absolute}#life-glass{background:var(--d2-life-glass);top:507px;left:28px}#mana-glass{background:var(--d2-mana-glass);top:504px;left:691px}#ctrlpnl .globe-label{position:absolute;top:482px}#ctrlpnl.covered .globe-label,.d2ui #hud.covered{display:none}#life-label{left:12px}#mana-label{right:12px}#ctrlpnl .bar{pointer-events:auto;position:absolute}#ctrlpnl .bar .fill{height:100%}#d2-xp{width:120px;height:4px;top:560px;left:256px}#d2-xp .fill{background:linear-gradient(#e0d090,#8c7434)}#d2-stamina{width:102px;height:20px;top:571px;left:274px}#d2-stamina .fill{opacity:.85;background:linear-gradient(#a8742c,#6a4614 60%,#4a300c)}#ctrlpnl .skill-button{pointer-events:auto;width:48px;height:48px;position:absolute;top:552px}#skill-left{left:117px}#skill-right{left:635px}.skill-button .shutter{background:#0000008c;position:absolute;top:0;left:0;right:0}#level-button{background:var(--d2-level-button);width:30px;height:30px;animation:.8s ease-in-out infinite alternate level-pulse;position:absolute;top:561px;left:563px}@keyframes level-pulse{0%{filter:brightness(.65)}to{filter:brightness(1.5)}}#mini-panel{pointer-events:auto;background-repeat:no-repeat;position:absolute}#ctrlpnl .d2-button{background:var(--up) no-repeat;pointer-events:auto;cursor:inherit;border:none;padding:0;position:absolute}#ctrlpnl button.d2-button:active,#ctrlpnl .d2-button.pressed{background-image:var(--down)}#mini-panel .unused{filter:grayscale()brightness(.45)}#mini-panel.under-screen{display:none}#ctrlpnl .belt-slot{pointer-events:auto;position:absolute}#ctrlpnl .belt-icon{background-position:50%;background-repeat:no-repeat;width:28px;height:28px;position:absolute;top:1px;left:1px}#ctrlpnl .belt-count{position:absolute;bottom:0;right:0}@media (pointer:coarse){#ctrlpnl .belt-slot:after{content:"";position:absolute;inset:-12px -1px -2px 0}}#ctrlpnl .hidden,#hoverbox.hidden{display:none}#skill-popup{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:1px;display:flex;position:absolute;bottom:52px;right:117px}.slot-row{gap:1px;display:flex}.skill-icon{width:48px;height:48px;image-rendering:pixelated;background-repeat:no-repeat}.item-icon{background-color:#00000080;background-position:50%}.item-icon.large{image-rendering:auto;background-size:contain}.slot{position:relative}.slot .level{position:absolute;bottom:1px;right:2px}.slot .catalyst{zoom:.42;pointer-events:none;position:absolute;top:2px;left:2px;box-shadow:0 0 0 3px #000000d9}.slot .catalyst.missing{filter:grayscale()brightness(.45)}.empty-slot{background:#0000008c;width:48px;height:48px;box-shadow:inset 0 0 0 2px #6e6046b3}.d2ui #hoverbox,.d2ui #tooltip{z-index:10;pointer-events:none;max-width:none;transform:translate(-50%, -100%) scale(var(--ui-scale));transform-origin:50% 100%;background:#000000c7;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;display:flex;position:fixed}.d2ui #hoverbox.below,.d2ui #tooltip.below{transform:translate(-50%, 0) scale(var(--ui-scale));transform-origin:50% 0}.d2ui #hoverbox.hidden,.d2ui #tooltip.hidden{display:none}.d2ui #tooltip .price{opacity:1;margin-top:4px}.d2ui .actions button,.d2ui #touch button,.d2ui #char-close,.d2ui #drop-held{background:var(--d2-button) center / 100% 100%;min-width:128px;height:35px;font-family:var(--title-font);color:#fff;text-shadow:1px 1px #000;cursor:inherit;border:none;padding:0 14px;font-size:12px}.d2ui .actions button:hover:not(:disabled),.d2ui #touch button:hover,.d2ui #char-close:hover{color:var(--unique)}.d2ui .actions button:active:not(:disabled),.d2ui #touch button:active,.d2ui #char-close:active,.d2ui #drop-held:active{background-image:var(--d2-button-down)}.d2ui #drop-held.asked{background-image:var(--d2-button-down);color:var(--unique)}.d2ui .overlay button,.d2ui .item{cursor:inherit}.d2ui .choice,.d2ui .ware{background:#000000c7;border:none}.d2ui #level-up{background:#0000004d;padding:0}.d2ui #level-up .choose{flex-direction:column;align-items:center;gap:4px;width:372px;max-height:478px;display:flex;position:absolute;top:14px;left:16px}.d2ui #level-up.untitled h2{display:none}.d2ui #level-up .hint{opacity:.85;text-shadow:1px 1px #000;font-size:11px}.d2ui #choices{scrollbar-width:thin;scrollbar-color:#7a6a3a transparent;flex-flow:column;flex:0 auto;justify-content:flex-start;gap:4px;width:100%;min-height:0;overflow-y:auto}.d2ui #level-up .actions{gap:4px}.d2ui #level-up .actions button{min-width:118px;padding:0 6px;font-size:11px}.d2-choice{width:100%;color:inherit;font:inherit;cursor:inherit;background:#000000c7;border:1px solid #0000;flex:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.d2ui #level-up .d2-choice{padding:3px 8px}.d2-choice:hover{border-color:#7a6a3a}#level-up.banishing .d2-choice{border-color:#c83a2a}#level-up:not(.banishing) .d2-choice.evolves{border-color:var(--unique)}.d2ui #level-up:not(.banishing) .hint,.d2ui #level-up.banishing #level-up-slots{display:none}.d2ui #level-up-slots{flex-wrap:nowrap;gap:6px}.d2ui #level-up-slots .slot-row{zoom:.45;gap:2px}.d2ui #level-up-slots.complete .skill-icon:not(.catalyst .skill-icon){outline:3px solid var(--unique);outline-offset:-3px}.d2-choice .key{flex:none;width:10px}.d2-choice .skill-icon{flex:none}.d2-choice .lines{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.d2-parts{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2px 4px;display:flex}.slot.ready,.tree-slot.ready{outline:1px solid var(--unique);outline-offset:-1px}.d2ui .border-left,.d2ui .border-right{pointer-events:none;width:401px;height:558px;position:absolute;top:0}.d2ui .border-left{background:var(--d2-border-left);left:0}.d2ui .border-right{background:var(--d2-border-right);left:399px}.tree{width:320px;height:432px;position:absolute;top:60px;left:400px}.tree-tabs,.tree-back{position:absolute;inset:0}.tree-tab{place-items:center;width:84px;height:106px;display:grid;position:absolute;left:232px}.tree-tab:not(.open):hover{filter:brightness(1.4)}.tree-points{place-items:center;width:52px;height:27px;display:grid;position:absolute;top:59px;left:250px}.tree-slot{width:48px;height:48px;position:absolute}.tree-slot.unlearned .skill-icon{opacity:.6}.tree-slot .level{justify-content:center;width:14px;display:flex;position:absolute;top:36px;left:50px}.tree-slot.offer{outline:2px solid var(--unique);animation:.8s ease-in-out infinite alternate offer-glow}#level-up.banishing .tree-slot.offer{outline-color:#c83a2a}@keyframes offer-glow{0%{outline-color:#c7b37759}}.d2ui #character{background:0 0;padding:0}.d2ui #character-panels{display:block}.d2ui #character-panels .panel{border:none;width:320px;height:432px;padding:0;position:absolute;top:60px}.d2ui #character-panels #char-stats{background:var(--d2-stats);min-width:0;left:80px}.d2ui #character-panels #inventory-panel{background:var(--d2-inventory);left:400px}.d2ui .box{justify-content:center;align-items:center;display:flex;position:absolute}.d2ui .box.two-lines{flex-direction:column}.d2ui .box.two-lines>*+*{margin-top:-3px}.d2ui .box.labelled{flex-direction:column;gap:3px}.d2ui #paperdoll{width:auto;margin:0;display:block;position:absolute;inset:0}.d2ui #paperdoll .slot{background:0 0;border:none;position:absolute}.d2ui .slot-label{display:none}.d2ui #inventory{grid-template-columns:repeat(10, var(--cell));grid-template-rows:repeat(4, var(--cell));gap:0;margin:0;position:absolute}.d2ui .cell{background:0 0;border:none}.d2ui .item{background:#1e328c59;border:none;font-size:7px}.d2ui .item.magic{background:#3c3cc859}.d2ui .item.rare{background:#a0a0284d}.d2ui .item.unique{background:#96783259}.d2ui .item.unusable{background:#a0000080}.hand{z-index:20;pointer-events:none;text-align:center;place-items:center;font-size:10px;line-height:1.1;display:grid;position:fixed}.hand:not(.art){background:#1e328c99;border:1px solid}.hand.hidden{display:none}.hand img{image-rendering:pixelated}body.holding,body.holding *{cursor:none!important}.footprint{z-index:0;pointer-events:none;background:#00800073}.footprint.blocked{background:#a0000080}.footprint.hidden{display:none}.item.swap,.d2ui .item.swap{background:#0096008c}.slot.fits,.d2ui #paperdoll .slot.fits{background:#00800073}.slot.blocked,.d2ui #paperdoll .slot.blocked{background:#a0000080}.d2ui #inventory-panel .hint{opacity:1;justify-content:center;align-items:center;margin:0;display:flex;position:absolute}.legal{opacity:.45;max-width:520px;margin:8px 0 0;font-size:11px}#store-panel.hidden,#gamble-panel.hidden{display:none}.d2ui #character{-webkit-user-select:none;user-select:none}.d2ui #character.trading #char-stats{display:none}.d2ui #character-panels #store-panel,.d2ui #character-panels #gamble-panel{background:var(--d2-store);left:80px}.store-grid{width:290px;height:290px;position:absolute}.d2ui .ware-item{place-items:center;display:grid;position:absolute}.ware-item.maxed img{filter:grayscale()brightness(.55)}.ware-rank{pointer-events:none;position:absolute;bottom:1px;right:1px}.d2ui #character .store-page{cursor:inherit;background:0 0;border:none;padding:0;position:absolute}.d2ui #character .store-page+.store-page .box{box-shadow:inset 1px 0 #6b5a35}.d2ui #character .store-button{background:var(--up) no-repeat;width:32px;height:32px;cursor:inherit;border:none;padding:0;position:absolute}.d2ui #character .store-button:active,.d2ui #character .store-button.pressed{background-image:var(--down)}.d2ui #character .d2-text-button{background:var(--d2-button) center / 100% 100%;cursor:inherit;border:none;place-items:center;padding:0;display:grid;position:absolute}.d2ui #character .d2-text-button:active,.d2ui #character .d2-text-button.pressed{background-image:var(--d2-button-down)}.d2ui #character .d2-text-button.pressed canvas{transform:translate(-2px,2px)}.d2ui #character .panel-close.no-art{font:26px/1 var(--title-font);color:#c7b377;background:#0d0b08;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #6b5a35}.d2ui #character .panel-close.no-art:active,.d2ui #character .panel-close.no-art.pressed{color:#fff;background:#000}#town-inventory.hidden,#town-gamble.hidden,#town-again.hidden,.d2ui #character.store-only #char-stats,.d2ui #character.store-only #inventory-panel,.d2ui #character.store-only .border-right,.d2ui #character.store-only .pt-tabs{display:none}html:not(.portrait) .d2ui #character.store-only #character-panels #store-panel{left:240px}html:not(.portrait) .d2ui #character.store-only .border-left{left:160px}.d2ui .store-gold{justify-content:flex-start;gap:4px}#stash-panel.hidden{display:none}#stash{grid-template-columns:repeat(6, var(--cell));grid-template-rows:repeat(8, var(--cell));gap:2px;width:max-content;margin:0 auto;display:grid}.d2ui #character-panels #stash-panel{background:var(--d2-stash);left:80px}.d2ui #stash{gap:0;margin:0;position:absolute}.d2ui #character-panels #stash-panel.no-art{background:var(--d2-store)}.d2ui #stash-panel.no-art .cell{background:#100d08;border:1px solid #2a2418}html:not(.portrait) .d2ui #character:not([data-tab=stash]) #stash-panel,html:not(.portrait) .d2ui #character:not([data-tab=gamble]) #gamble-panel,html:not(.portrait) .d2ui #character[data-tab=stash] #store-panel,html:not(.portrait) .d2ui #character[data-tab=gamble] #store-panel{display:none}html:not(.portrait) .d2ui #character.stashing .pt-tabs{z-index:1;justify-content:center;gap:8px;width:320px;height:22px;display:flex;position:absolute;top:37px;left:80px}html:not(.portrait) .d2ui #character.stashing .pt-tabs [data-tab=stats],html:not(.portrait) .d2ui #character.stashing .pt-tabs [data-tab=inventory]{display:none}html:not(.portrait) .d2ui #character.stashing .pt-tabs button{background:var(--d2-button) center / 100% 100%;width:96px;font-family:var(--title-font);color:#9a917f;text-shadow:1px 1px #000;cursor:inherit;border:none;padding:0;font-size:13px}html:not(.portrait) .d2ui #character.stashing .pt-tabs button.open,html:not(.portrait) .d2ui #character.stashing:not([data-tab=stash]):not([data-tab=gamble]) .pt-tabs [data-tab=store]{background-image:var(--d2-button-down);color:var(--unique)}.d2ui.no-run #character{background:#000}#trade-title{display:none}.d2ui #character.titled #trade-title{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:320px;height:24px;display:flex;position:absolute;top:36px;left:400px}#ctrlpnl .ctrl-group{position:absolute;inset:0}html:not(.portrait) #ctrlpnl .ctrl-group:not(#ctrl-left)>.art,.pt-tabs,#bars-target,html.portrait #mini-toggle,html.portrait #mini-panel{display:none}html.portrait .d2ui #ctrlpnl{width:auto;height:auto;inset:0;transform:none}html.portrait #ctrlpnl .ctrl-group{inset:auto;left:env(safe-area-inset-left);bottom:env(safe-area-inset-bottom);transform-origin:0 100%;width:800px;height:600px}html.portrait #ctrlpnl #ctrl-left{transform:scale(var(--pt-s));clip-path:inset(496px 635px 0 0)}html.portrait #ctrlpnl #ctrl-right{transform:translateX(var(--pt-right-x)) scale(var(--pt-s));clip-path:inset(496px 0 0 635px)}html.portrait #ctrlpnl #ctrl-mid{transform:translateX(var(--pt-mid-x)) scale(var(--pt-s));clip-path:var(--pt-mid-clip)}html.portrait #ctrlpnl #ctrl-bars{bottom:calc(env(safe-area-inset-bottom) + var(--pt-bars-y));transform:translateX(var(--pt-bars-x)) scale(var(--pt-bars-s));clip-path:inset(552px 412px 0 245px)}html.portrait #ctrlpnl #ctrl-belt,html.portrait #ctrlpnl #belt-slots{bottom:calc(env(safe-area-inset-bottom) + var(--pt-belt-y));transform:translateX(var(--pt-belt-x)) scale(var(--pt-belt-s))}html.portrait #ctrlpnl #ctrl-belt{clip-path:inset(556px 251px 3px 418px)}html.portrait #ctrlpnl.covered #ctrl-belt,html.portrait #ctrlpnl.covered #belt-slots{display:none}html.portrait #ctrlpnl #d2-xp,html.portrait #ctrlpnl #d2-stamina{pointer-events:none}html.portrait #bars-target{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--pt-bars-y) - 4px);width:calc(143px * var(--pt-bars-s));height:max(48px, calc(56px * var(--pt-bars-s)));pointer-events:auto;display:block;position:absolute;transform:translate(-50%)}html.portrait #ctrlpnl.covered #bars-target{pointer-events:none}html.portrait #level-button{pointer-events:auto}html.portrait #level-button:after{content:"";position:absolute;inset:-8px}html.portrait #ctrlpnl .globe-label{top:auto;bottom:calc(env(safe-area-inset-bottom) + var(--pt-over-belt) + 4px)}html.portrait #life-label{left:calc(8px + env(safe-area-inset-left))}html.portrait #mana-label{right:calc(8px + env(safe-area-inset-right))}html.portrait #skill-popup{right:calc(8px + env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + var(--pt-over-belt) + 8px)}html.portrait .d2ui #hud{width:auto;height:auto;inset:0;transform:none}html.portrait .d2ui #build{top:auto;left:calc(8px + env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + var(--pt-over-belt) + 26px)}html.portrait .d2ui #build,html.portrait .d2ui #build *{pointer-events:none}html.portrait .d2ui #build .strip{zoom:.45}html.portrait body.d2ui:has(#skill-popup:not(.hidden)) #build{display:none}html.portrait .d2ui #clock{top:calc(env(safe-area-inset-top) + 8px)}html.portrait .d2ui #counters{top:calc(env(safe-area-inset-top) + 56px)}html.portrait .d2ui #gold{top:calc(env(safe-area-inset-top) + 80px);left:50%;right:auto;transform:translate(-50%)}html.portrait .d2ui #boss{top:calc(env(safe-area-inset-top) + 106px);width:min(320px,100% - 32px)}html.portrait .d2ui #notices{top:calc(env(safe-area-inset-top) + 160px);height:auto;bottom:calc(50% + 64px)}html.portrait .d2ui #notices.under-card{height:96px;bottom:auto}html.portrait .d2ui #notices.under-hero{height:130px;top:calc(50% + 40px);bottom:auto}html.portrait .d2ui #notices canvas{max-width:calc(100vw - 16px)}html.portrait #touch{top:calc(env(safe-area-inset-top) + 6px);left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));pointer-events:none;flex-direction:row;justify-content:space-between}html.portrait #touch button{pointer-events:auto}html.portrait .d2ui #touch button,html.portrait .d2ui #char-close,html.portrait .d2ui #drop-held,html.portrait .d2ui .pt-tabs button,html.portrait .d2ui #level-up .actions button{min-width:0;height:44px;padding:0 6px;font-size:14px}html.portrait .d2ui #touch button{width:104px}html.portrait .d2ui #char-close{width:96px}html.portrait .d2ui .pt-tabs{flex:none;justify-content:center;gap:6px;display:flex}html.portrait .d2ui .pt-tabs button{background:var(--d2-button) center / 100% 100%;font-family:var(--title-font);color:#9a917f;text-shadow:1px 1px #000;cursor:inherit;border:none;flex:0 132px}html.portrait .d2ui .pt-tabs button.open{background-image:var(--d2-button-down);color:var(--unique)}html.portrait .d2ui #level-up .frame{width:auto;height:calc(100% - var(--pt-ctrl-h) - env(safe-area-inset-bottom));padding:calc(env(safe-area-inset-top) + 8px) calc(8px + env(safe-area-inset-right)) 8px calc(8px + env(safe-area-inset-left));flex-direction:column;align-items:center;gap:8px;display:flex;inset:0 0 auto;transform:none}html.portrait .d2ui #level-up.tall .frame{height:calc(100% - env(safe-area-inset-bottom))}html.portrait body:has(#level-up.tall:not(.hidden)) #ctrlpnl{visibility:hidden}html.portrait .d2ui #level-up .pt-tabs{align-self:stretch}html.portrait .d2ui #level-up .choose{flex:0 auto;gap:8px;width:100%;max-width:440px;min-height:0;max-height:none;position:static}html.portrait .d2ui #level-up .hint{font-size:14px}html.portrait .d2ui #level-up-slots .slot-row{zoom:.42}html.portrait .d2ui #level-up .d2-choice{padding:6px 8px}html.portrait .d2ui #level-up .actions{flex-wrap:nowrap;gap:6px;width:100%}html.portrait .d2ui #level-up .actions button{flex:1 1 0}html.portrait .d2ui #level-up .border-right{display:none}html.portrait .d2ui #level-up .tree{zoom:var(--pt-panel);flex:none;position:relative;top:auto;left:auto}html.portrait .d2ui #level-up[data-tab=choose] .tree,html.portrait .d2ui #level-up[data-tab=tree] .choose{display:none}html.portrait .d2ui #character-panels{width:auto;height:calc(100% - var(--pt-ctrl-h) - env(safe-area-inset-bottom));padding:calc(env(safe-area-inset-top) + 8px) calc(4px + env(safe-area-inset-right)) 8px calc(4px + env(safe-area-inset-left));flex-flow:column;justify-content:flex-start;align-items:center;gap:8px;display:flex;inset:0 0 auto;transform:none}html.portrait .d2ui #character-panels .pt-tabs{justify-content:flex-start;align-self:stretch;padding:0 108px 0 4px}html.portrait .d2ui #character-panels .panel,html.portrait .d2ui #character-panels #char-stats,html.portrait .d2ui #character-panels #store-panel,html.portrait .d2ui #character-panels #gamble-panel,html.portrait .d2ui #character-panels #inventory-panel{zoom:var(--pt-panel);flex:none;position:relative;top:auto;left:auto}html.portrait .d2ui #character-panels .border-left,html.portrait .d2ui #character-panels .border-right,html.portrait .d2ui #character:not(.trading) .pt-tabs [data-tab=store],html.portrait .d2ui #character.trading .pt-tabs [data-tab=stats],html.portrait .d2ui #character[data-tab=inventory] #char-stats,html.portrait .d2ui #character[data-tab=inventory] #store-panel,html.portrait .d2ui #character[data-tab=stats] #inventory-panel,html.portrait .d2ui #character[data-tab=stats] #store-panel,html.portrait .d2ui #character[data-tab=store] #inventory-panel,html.portrait .d2ui #character[data-tab=store] #char-stats{display:none}html.portrait .d2ui #character-panels #inventory-panel{margin-bottom:44px}html.portrait .d2ui #character:not(.stashing) .pt-tabs [data-tab=gamble],html.portrait .d2ui #character:not([data-tab=gamble]) #gamble-panel,html.portrait .d2ui #character[data-tab=gamble] #store-panel,html.portrait .d2ui #character[data-tab=gamble] #char-stats,html.portrait .d2ui #character[data-tab=gamble] #inventory-panel,html.portrait .d2ui #character:not(.stashing) .pt-tabs [data-tab=stash],html.portrait .d2ui #character:not([data-tab=stash]) #stash-panel,html.portrait .d2ui #character[data-tab=stash] #store-panel,html.portrait .d2ui #character[data-tab=stash] #char-stats,html.portrait .d2ui #character[data-tab=stash] #paperdoll{display:none}html.portrait .d2ui #character.stashing .pt-tabs{gap:4px}html.portrait .d2ui #character.stashing .pt-tabs button{flex:auto;padding:0 2px;font-size:12px}html.portrait .d2ui #character.stashing #char-close{width:76px}html.portrait .d2ui #character.stashing #character-panels .pt-tabs{padding-right:88px}html.portrait .d2ui #character-panels #stash-panel{flex:none;position:relative;top:auto;left:auto}html.portrait .d2ui #character.titled[data-tab=stash] #character-panels .panel{zoom:var(--pt-panel-stash)}html.portrait .d2ui #character[data-tab=stash] #character-panels #inventory-panel{background-position:0 -245px;height:187px}html.portrait .d2ui #character[data-tab=stash] #inventory-panel>*{translate:0 -245px}html.portrait .d2ui #character.store-only #character-panels{padding-top:calc(env(safe-area-inset-top) + 60px)}html.portrait .d2ui #character.titled #trade-title{flex:none;width:auto;height:26px;position:static}html.portrait .d2ui #character.titled #character-panels .panel{zoom:var(--pt-panel-titled)}html.portrait .d2ui #inventory-panel .hint{width:316px!important;height:auto!important;top:436px!important;left:2px!important}html.portrait .d2ui #char-close{top:calc(8px + env(safe-area-inset-top))}html.portrait .d2ui #paperdoll [data-slot^=ring] .item,html.portrait .d2ui #paperdoll [data-slot=amulet] .item{background-clip:content-box;margin:-7px;padding:7px}html.portrait .d2ui #character .store-button:after,html.portrait .d2ui #character .d2-text-button:after{content:"";position:absolute;inset:-6px}html.portrait body.frontend-over-run #hud,html.portrait body.frontend-over-run #ctrlpnl .globe-label,html.portrait body.frontend-over-run #ctrlpnl #ctrl-belt,html.portrait body.frontend-over-run #ctrlpnl #belt-slots,html.portrait body.frontend-over-run #skill-popup{visibility:hidden}html.portrait .d2ui #hoverbox,html.portrait .d2ui #tooltip{transform:translate(-50%,-100%)}html.portrait .d2ui #hoverbox.below,html.portrait .d2ui #tooltip.below{transform:translate(-50%)}