/* Fixed-height mode cards scroll within the Play menu instead of shrinking. */
body #lobby #play-setup .setup-modes{display:block;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 8px 6px 4px;scrollbar-width:thin;scrollbar-color:#bea176 #251b32;overscroll-behavior:contain;scroll-padding-block:6px}
body #lobby #play-setup .setup-modes>.battle-type-picker{display:flex!important;flex-direction:column;gap:10px!important;height:auto!important;min-height:0;flex:none}
body #lobby #play-setup .setup-modes .battle-type-picker>button{flex:0 0 100px!important;height:100px!important;min-height:100px!important;width:100%!important;box-sizing:border-box;margin:0;scroll-margin-block:6px}
body #lobby #play-setup #dungeons-open{position:relative;display:flex;align-items:center;justify-content:center;padding:10px!important;border:2px solid #998b9c;border-bottom:4px solid #252131;border-radius:12px;background:linear-gradient(#17121e25,#17121e65),#282432 url('art/dungeons-menu-gate.svg') center/auto 100% no-repeat;box-shadow:inset 0 0 0 2px #cab6a32b,0 4px 9px #100a2360;color:#f4d8a0;text-align:center;cursor:pointer}
#dungeons-open .dungeons-copy{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;text-align:center}
#dungeons-open .dungeons-copy strong{font:700 19px/1.2 Georgia,'Palatino Linotype',serif;letter-spacing:.04em;text-shadow:0 2px 3px #000,0 0 8px #000}
body #lobby #play-setup #dungeons-open:is(:hover,:focus-visible){border-color:#f0c785;filter:brightness(1.15)}#dungeons-open:focus-visible,.setup-modes:focus-visible{outline:2px solid #ffe4a7;outline-offset:-2px}
@media(max-height:500px){body #lobby #play-setup .setup-modes .battle-type-picker>button{flex-basis:76px!important;height:76px!important;min-height:76px!important}}
#dungeons-dialog{position:relative;width:min(380px,calc(100vw - 32px));box-sizing:border-box;padding:34px;text-align:center;border:2px solid #a58b70;border-radius:18px;background:radial-gradient(ellipse at top,#54404a,#191725);color:#ecd6ad;box-shadow:0 20px 70px #0009}#dungeons-dialog::backdrop{background:#0e0a1fbb}#dungeons-dialog h2{font:700 32px Georgia,serif;margin:10px}#dungeons-dialog>div{font-size:42px;color:#e6bb70}#dungeons-dialog>button{position:absolute;right:8px;top:8px;background:#382c42;border:1px solid #9f876b;border-radius:8px;color:#efdbb7;width:36px;height:36px;font-size:23px}#dungeons-dialog p{margin:14px 0 7px}#dungeons-dialog small{color:#b6a3bf}



@media(max-height:500px){#dungeons-open .dungeons-copy strong{font-size:14px;letter-spacing:0}}

/* Use the same title and tagline components as the adjacent game modes. */
body #lobby #play-setup #dungeons-open{flex-direction:column}
body #lobby #play-setup #dungeons-open .mode-name{color:inherit}

/* Show the whole gate illustration, including both braziers, in the mode card. */
body #lobby #play-setup #dungeons-open{background:linear-gradient(0deg,#17121edb,transparent 45%),url('art/dungeons-menu-gate.svg') center/100% auto no-repeat,linear-gradient(#504453,#292333);border-color:#a08b91;box-shadow:inset 0 0 0 2px #d1af7b33,inset 0 1px #e6cab966,0 4px 9px #100a2360}
body #lobby #play-setup #dungeons-open .mode-name{text-shadow:0 2px 3px #000,0 0 8px #100b17;z-index:2}


/* Portrait gate composed for this card, with the arch framing its copy. */
body #lobby #play-setup #dungeons-open{background:linear-gradient(0deg,#100c1b99,transparent 55%),#292333 url('art/dungeons-mode-card.svg') center/cover no-repeat}
body #lobby #play-setup #dungeons-open .mode-name{background:#18121b80;border-radius:4px}
body #lobby #play-setup #dungeons-open .party-mode-subtitle{text-shadow:0 1px 3px #000,0 0 5px #000}

body #lobby #play-setup.setup-dungeons .queue-gems{display:none!important}
body #lobby #play-setup #dungeons-open[aria-pressed=true]{border-color:#ffe1a0;outline:2px solid #d9bb76;outline-offset:2px;box-shadow:inset 0 0 0 2px #f8df9266,0 0 16px #eeb85566}