/* Masmorra Infinita (2.73): the screen of web/dungeon.js on the Auto Farm/Treino pieces (fm-*, tn-*, pf-panel,
   ba-outcome). Only the game's colours (docs/DESIGN.md). */
.dz-modes{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}
.dz-strip .fm-strip-pic{width:40px;height:40px}
.dz-keys{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;padding:2px 6px;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a}
.dz-keys b{color:#f4d35e;font-weight:normal;font-size:14px;font-variant-numeric:tabular-nums}
.dz-keys small{color:#a9a9a9;font-size:10px}
.dz-key{width:32px;height:32px;image-rendering:pixelated;flex:0 0 auto}
.fm-act-ic.dz-key,img.fm-act-ic[src$="key.gif"]{width:32px;height:32px}
.dz-title-key{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle}
.fm-ico[src$="key.gif"]{width:16px;height:16px}
.dz-trail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}
.dz-trail i{position:relative;display:grid;place-items:center;height:32px;font:bold 11px 'Tibia Pixel',Verdana,sans-serif;font-style:normal;color:#a9a9a9;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a;overflow:hidden}
.dz-trail i.is-done{color:#5fc85f}
.dz-trail i.is-on{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.dz-trail i.is-boss{background:#262626}
.dz-trail-pic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-trail-chest{position:absolute;right:0;bottom:0;width:14px;height:14px;image-rendering:pixelated}
.dz-doors{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:4px}
.dz-door{display:grid;justify-items:center;align-content:start;gap:1px;min-width:0;margin:0;padding:4px 3px;text-align:center;white-space:normal;cursor:pointer}
.dz-door.active{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.dz-door b{color:#fff;font-weight:normal;font-size:12px}
.dz-door small{max-width:100%;color:#a9a9a9;font-size:10px;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-door-top{position:relative;display:grid;place-items:center;width:36px;height:32px}
.dz-door-pic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-door-pic.is-icon{width:auto;height:auto;max-width:32px;max-height:32px}
.dz-door-badge{position:absolute;right:-4px;top:-2px;width:11px;height:11px;image-rendering:pixelated}
.dz-door .fm-tag{white-space:nowrap}
.fm-tag.is-good{color:#5fc85f}.fm-tag.is-warn{color:#e8c547}.fm-tag.is-bad{color:#e8756c}.fm-tag.is-blue{color:#4b98da}.fm-tag.is-gold{color:#f4d35e}
.dz-note{display:flex;align-items:center;gap:6px;margin:0;padding:6px;color:#c0c0c0}
.dz-note span{flex:1;min-width:0}
.dz-party{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.dz-hp{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:3px;min-width:0;margin:0;padding:2px 3px}
.dz-hp .dz-hp-pic{grid-row:span 2}
.dz-hp.is-down .dz-hp-pic{opacity:.35;filter:grayscale(1)}
.dz-hp-pic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-hp-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c0c0c0;font-size:10px}
.dz-hp small{font-size:10px;font-variant-numeric:tabular-nums}
.dz-bar{position:relative;display:block;width:100%;height:5px;background:#111;border:1px solid #111}
.dz-bar i{position:absolute;inset:0 auto 0 0;background:#5fc85f}
.dz-bar.is-warn i{background:#e8c547}.dz-bar.is-bad i{background:#e8756c}
small.is-warn{color:#e8c547}small.is-off{color:#a9a9a9}
.dz-relics{display:flex;align-items:center;gap:3px;width:100%;margin:0;padding:3px 5px;text-align:left;white-space:nowrap;cursor:pointer}
.dz-relics-lbl{display:grid;flex:1;min-width:0}
.dz-relics-lbl b{color:#e4ca78;font-weight:normal;font-size:11px}
.dz-relics-lbl small{color:#a9a9a9;font-size:10px;overflow:hidden;text-overflow:ellipsis}
.dz-slot{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000}
.dz-slot.rarity-rare{border-color:#4b98da}.dz-slot.rarity-epic{border-color:#e4ca78}.dz-slot.is-curse{border-color:#e8756c}
.dz-slot-ic{width:16px;height:16px;object-fit:contain;image-rendering:pixelated}
.dz-bosses{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0;padding:3px 6px;overflow:hidden}
.dz-bosses-lbl{color:#e4ca78;font-size:11px}
.dz-boss{display:inline-flex;align-items:center;gap:3px;min-width:0;flex:0 1 auto}
.dz-boss span{min-width:0}
.dz-boss b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-boss span{display:grid}
.dz-boss b{color:#fff;font-weight:normal;font-size:11px}
.dz-boss small{color:#a9a9a9;font-size:10px}
.dz-boss-pic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-boss.is-chest img{width:32px;height:32px;image-rendering:pixelated}
.dz-last{display:flex;align-items:center;gap:6px;width:100%;margin:0;padding:4px 6px;text-align:left;color:#c0c0c0}
.dz-last span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-last small{color:#e4ca78}
.dz-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
.dz-actions:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
/* The dungeon window. */
dialog.window.dz-modal{width:min(440px,calc(100vw - 16px))}
.dz-modal #dungeon-dialog-body{display:grid;gap:6px;padding:6px;max-height:calc(100dvh - 140px);overflow:auto}
.dz-modal #dungeon-dialog-footer{display:flex;justify-content:flex-end;gap:6px;padding:0 6px 6px}
.dz-modal #dungeon-dialog-footer:empty{display:none}
.dz-tip{margin:0}
.dz-tip .fm-ico{margin-right:2px}
.dz-cards{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:4px}
.dz-cards-s{grid-template-columns:repeat(3,minmax(0,1fr))}
.dz-card{display:grid;justify-items:center;align-content:start;gap:3px;min-width:0;margin:0;padding:6px 4px;text-align:center;white-space:normal;cursor:pointer}
.dz-card.active{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.dz-card:disabled{opacity:.55;cursor:default}
.dz-card b{color:#fff;font-weight:normal;font-size:12px}
.dz-card small{color:#c0c0c0;font-size:10px;line-height:12px}
.dz-card-pic{display:grid;place-items:center;min-width:44px;height:44px;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000}
.dz-card-pic.rarity-rare{border-color:#4b98da}.dz-card-pic.rarity-epic{border-color:#e4ca78}
.dz-card-pic.is-object{min-width:68px;height:68px;grid-auto-flow:column;gap:0}
.dz-card-pic img{image-rendering:pixelated}
.dz-card-pic img[src$="altar.png"]{width:64px;height:64px}
.dz-card-pic img.is-2x{width:64px;height:64px}
.dz-card-ic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-card-mon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-anim{display:block;background-repeat:no-repeat;image-rendering:pixelated}
.dz-fountain{width:64px;height:64px;background-image:url(/assets/ui/dungeon/fountain.png);background-size:64px auto;animation:dz-tick5 .8s steps(5) infinite}
.dz-basin{width:32px;height:64px;background-image:url(/assets/ui/dungeon/coal-basin.png);background-size:32px auto;animation:dz-tick8 .9s steps(8) infinite}
@keyframes dz-tick5{to{background-position:0 -320px}}
@keyframes dz-tick8{to{background-position:0 -512px}}
.dz-pick-top{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.dz-pick-slot{position:relative;display:grid;place-items:center;height:46px;margin:0;padding:0;color:#a9a9a9;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000}
.dz-pick-slot.is-empty{font-size:16px}
.dz-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:3px;max-height:min(260px,36dvh);overflow:auto;padding:2px}
.dz-pick{position:relative;display:grid;place-items:center;height:46px;margin:0;padding:0}
.dz-pick.active{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.dz-pick b,.dz-pick-slot b{position:absolute;right:2px;bottom:1px;color:#fff;font-weight:normal;font-size:10px;text-shadow:1px 1px #000}
.dz-pick-pic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-admin-start{grid-template-columns:repeat(3,minmax(0,1fr))}
.dz-rewards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:3px}
.dz-reward{display:flex;align-items:center;gap:4px;padding:3px 5px;background:#1c1c1c;border:1px solid #111}
.dz-reward b{color:#f4d35e;font-weight:normal}
.dz-reward small{color:#a9a9a9;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-mini{display:flex;flex-wrap:wrap;gap:3px}
.dz-mini .dz-slot-ic{width:32px;height:32px;padding:0;background:#1c1c1c;border:1px solid #111}
.dz-end-ban{margin:0}
.dz-end-ban.is-loss strong{color:#e8756c}
.dz-rank .tn-mrow{grid-template-columns:28px minmax(0,1fr) 70px}
.dz-rank .is-me{box-shadow:inset 0 0 0 1px #c5b47c}
.dz-place{color:#e4ca78!important;text-align:center}
.dz-team{display:flex;gap:1px}
.dz-team-pic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.dz-help span{justify-content:flex-start;flex-wrap:wrap;gap:2px 6px}
.dz-help span small{flex-basis:100%;padding-left:22px;color:#a9a9a9}
.dz-log span{justify-content:flex-start;gap:6px}
@media (prefers-reduced-motion:reduce){.dz-fountain,.dz-basin{animation:none}}
@media (max-width:420px){.dz-bosses-lbl{display:none}}
@media (max-width:380px){.dz-door small{display:none}.dz-hp-name{display:none}}
.dz-status:empty{display:none}
.dz-strip .tn-admin,.dz-strip .fm-vip{margin-left:4px;vertical-align:middle}
/* Wide screens (the desk's game window): the field on the left, the floor's panels on the right, nothing to scroll. */
@media (min-width:1000px){
 .dz-screen .fm-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-content:start;align-items:start;max-width:none}
 .dz-screen .fm-grid>*{grid-column:2;min-width:0}
 .dz-screen .fm-grid>.dz-strip{grid-column:1/-1}
 .dz-screen .fm-grid>.dz-board{grid-column:1;grid-row:2/span 8}
 .dz-screen .fm-grid .fm-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dz-screen .dz-party{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dz-screen .dz-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dz-screen .dz-relics{flex-wrap:wrap}
 .dz-screen .dz-relics-lbl{flex-basis:100%}
}