/* Delvers dungeon crawler */
.dgg-hud{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,rgba(138,36,51,.28),rgba(33,28,38,.9));border:2px solid #5c2633;border-radius:var(--r);padding:8px 12px;margin:0 0 10px}
.dgg-hud canvas{width:68px;height:64px;image-rendering:pixelated;flex:none;filter:drop-shadow(0 0 6px rgba(229,88,43,.45))}
.dgg-hudr{flex:1;min-width:0;font:13px/1.45 var(--mono)}
.dgg-bn{color:#ff7a52}
.amber{color:var(--amber)}
.dgg-bar{margin-top:6px}
.dgg-bar .trk{position:relative;height:12px;background:var(--bg2);border:2px solid var(--line);border-radius:6px;margin:16px 14px 2px 4px}
.dgg-bar .trk s{position:absolute;top:2px;width:1px;height:4px;background:var(--stone)}
.dgg-bar .trk s.cp{top:-1px;height:10px;width:2px;background:var(--amber2);opacity:.6}
.dgg-bar .pin{position:absolute;top:-3px;width:10px;height:14px;margin-left:-5px;background:var(--emerald);border:2px solid #0d0b0f;border-radius:3px}
.dgg-bar .pin em{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font:700 9px var(--mono);color:var(--mute);font-style:normal;white-space:nowrap;display:none}
.dgg-bar .pin:first-of-type em,.dgg-bar .pin.me em{display:block}
.dgg-bar .pin.me{background:var(--amber);z-index:2}.dgg-bar .pin.me em{color:var(--amber)}
.dgg-bar .skull{position:absolute;right:-14px;top:-7px;font-size:14px;line-height:1}
.dgg-bar .dgg-lbl{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--mute);margin:0 14px 0 4px}
.dgg{display:grid;grid-template-columns:1fr;grid-template-areas:"pick" "main" "info";gap:10px;margin-bottom:14px}
.dgg-pick{grid-area:pick;min-width:0}.dgg-main{grid-area:main;min-width:0}.dgg-info{grid-area:info}
.dgg-heroes{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;align-items:center}
.dgg-chip{flex:none;display:flex;align-items:center;gap:6px;background:var(--card);border:2px solid var(--line);border-radius:8px;padding:4px 8px 4px 4px;color:var(--ink);cursor:pointer;font:12px/1.2 var(--mono);text-align:left;position:relative}
.dgg-chip.on{border-color:var(--amber);background:#2b2230}
.dgg-chip b{display:block;font-size:13px}.dgg-chip small{color:var(--mute);font-size:11px}
.dgg-av canvas{width:32px;height:32px;image-rendering:pixelated;display:block;background:var(--bg2);border-radius:4px}
.dgg-chip .st{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:2px;background:var(--mute)}
.dgg-chip .st.ready{background:var(--emerald)}.dgg-chip .st.pending{background:var(--amber);animation:dggBlink 1s infinite}.dgg-chip .st.ran{background:#6b6372}.dgg-chip .st.rentedOut{background:var(--violet)}.dgg-chip .st.demo{background:#4d8cff}
@keyframes dggBlink{50%{opacity:.3}}
.dgg-screen{position:relative;border:3px solid #0d0b0f;outline:2px solid var(--line);border-radius:6px;overflow:hidden;background:#0d0b0f;max-width:640px;margin:0 auto}
.dgg-screen canvas{display:block;width:100%;aspect-ratio:176/144;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.dgg-snd{position:absolute;right:6px;bottom:6px;background:rgba(13,11,15,.7);border:1px solid var(--line);border-radius:6px;color:var(--mute);font:700 11px var(--mono);padding:3px 6px;cursor:pointer;z-index:3}
.dgg-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(13,11,15,.55);z-index:2;animation:fade .2s}
.dgg-box{background:var(--card);border:3px solid var(--amber);border-radius:8px;padding:12px 14px;max-width:420px;width:100%;box-shadow:0 4px 0 #0d0b0f;font-size:13px;max-height:100%;overflow:auto}
.dgg-box h3{margin:0 0 6px;font:700 16px/1.25 var(--mono);color:var(--amber2)}
.dgg-box p{margin:4px 0}.dgg-box .row{margin-top:10px}
.dgg-box.win,.dgg-ov.win .dgg-box{border-color:var(--emerald);text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,179,71,.25),var(--card) 70%)}
.dgg-box.win .row{justify-content:center}
.dgg-box.lose,.dgg-ov.lose .dgg-box{border-color:var(--red)}
.dgg-crown{font-size:34px;line-height:1;color:var(--amber);animation:dggPop .6s}
.dgg-prize{font:700 26px var(--mono);color:var(--amber);margin:6px 0!important}
@keyframes dggPop{0%{transform:scale(.2)}70%{transform:scale(1.2)}100%{transform:scale(1)}}
.dgg-odds{color:var(--emerald)}.dgg-pot b{color:var(--amber)}
.dgg-prac{display:inline-block;font:700 11px var(--mono);color:#cfc6d6;background:#2e2836;border:1px dashed #6b6372;border-radius:4px;padding:2px 6px}
.dgg-status{display:flex;align-items:center;gap:8px;justify-content:space-between;min-height:34px;font:12px/1.35 var(--mono);color:var(--mute);padding:6px 2px;max-width:640px;margin:0 auto}
.dgg-ctl{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:640px;margin:0 auto;-webkit-user-select:none;user-select:none}
.dgg-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,44px);gap:3px;touch-action:none}
.dgg-pad button,.dgg-act{background:var(--stone);border:2px solid #0d0b0f;box-shadow:0 3px 0 #0d0b0f;color:var(--ink);font:700 16px var(--mono);border-radius:8px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.dgg-pad button:active,.dgg-act:active{transform:translateY(2px);box-shadow:0 1px 0 #0d0b0f}
.dgg-pad .u{grid-area:1/2}.dgg-pad .l{grid-area:2/1}.dgg-pad .r{grid-area:2/3}.dgg-pad .d{grid-area:3/2}
.dgg-act{width:84px;height:84px;border-radius:50%;background:var(--red);color:#fff;font-size:34px;box-shadow:0 4px 0 #7a2a12;flex:none}
.dgg-keys{flex:1;text-align:center;margin:0}
.dgg-info{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:10px 12px;font-size:13px}
.dgg-hl{font:700 14px var(--mono);margin-bottom:4px}
.dgg-kv{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:2px 8px;font:12px var(--mono);color:var(--mute);margin:4px 0}
.dgg-kv b{color:var(--ink)}.dgg-kv b.ok{color:var(--emerald)}
.dgg-cap{font:12px/1.4 var(--mono);color:var(--emerald);border-left:3px solid var(--emerald);padding-left:8px;margin:6px 0}
.dgg-cap.prac{color:#cfc6d6;border-color:#6b6372}
.dgg-info .row{margin-top:6px}
@media (hover:hover) and (pointer:fine){.dgg-keys{display:block}}
@media (min-width:860px){
  .dgg{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto 1fr;grid-template-areas:"main pick" "main info";align-items:start}
  .dgg-heroes{flex-wrap:wrap;overflow:visible}
  .dgg-pad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,34px)}
  .dgg-act{width:64px;height:64px;font-size:26px}
}