/* Stone-framed message windows. Keep viewport sizing in client-layout.css. */
@font-face{font-family:Aldoria Dialog;src:url("fonts/vt323-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
#dialog{
 border:8px solid #292a24;border-image:url("ui/classic-frame.svg") 8 / 8px / 0 stretch;
 outline:1px solid #11120f;border-radius:0;
 background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(110deg,#514a3c,#494337);
 box-shadow:inset 0 0 0 1px #81755b,inset 0 0 16px #201d1755,0 8px 24px #0008;
 padding:12px 14px 16px;color:#e1d6ba;
 font-family:Aldoria Dialog,monospace;text-shadow:1px 1px #211c14;
}
#dialog[open]{gap:10px}
#dialog::backdrop{background:#080c09a6;backdrop-filter:blur(2px)}
#dialog>.eyebrow{font:16px/1 Aldoria Dialog,monospace;letter-spacing:.07em;color:#bca16b;margin:0;padding:0 35px 0 0}
#dialog>h2{font:400 25px/1.05 Aldoria Dialog,monospace;color:#e5ab43;letter-spacing:.02em;text-align:center;text-shadow:1px 2px #241a0d;padding:0 30px 10px;margin:0;border-bottom:3px ridge #34352b}
#dialog #dialog-content,#dialog #dialog-content>p{font:20px/1.2 Aldoria Dialog,monospace;color:#dfd1af;text-shadow:1px 1px #211c14}
#dialog #dialog-content>p{margin:5px 0 10px}
#dialog #dialog-content :is(ul,.controls-list,.map-legend){font-family:Aldoria Dialog,monospace;font-size:18px}
#dialog>#dialog-actions{justify-content:flex-start;border-top:2px groove #82765c;padding-top:10px;gap:8px}
#dialog #dialog-actions button,#dialog #dialog-actions button.quiet,#dialog #dialog-actions button.danger{
 border:2px solid;border-color:#8c8470 #22231d #22231d #8c8470;border-image:none;border-radius:3px;
 background:linear-gradient(#625b4b,#49463b);box-shadow:inset 0 0 0 1px #39382e;
 color:#e1dac5;font:20px/1 Aldoria Dialog,monospace;text-shadow:1px 2px #222018;min-height:40px;padding:8px 14px;
}
#dialog #dialog-actions button.gold{color:#e7b34e}
#dialog #dialog-actions button.danger{color:#f09e7a}
#dialog #dialog-actions button:hover{background:linear-gradient(#756b54,#575043);color:#fff1c3}
#dialog #dialog-actions button:active{border-color:#22231d #8c8470 #8c8470 #22231d;transform:translateY(1px)}
#dialog>.dialog-x{
 right:5px;top:5px;width:26px;height:26px;min-height:26px;border:2px solid!important;
 border-color:#93856a #1b1c17 #1b1c17 #93856a!important;border-image:none!important;border-radius:0;
 background:linear-gradient(#7b7159,#554d3d)!important;box-shadow:inset 0 0 0 1px #343025;
 color:transparent!important;font-size:0!important;outline:none;
}
#dialog>.dialog-x::after{content:"";position:absolute;inset:5px;background:linear-gradient(45deg,transparent 39%,#161811 40% 60%,transparent 61%),linear-gradient(-45deg,transparent 39%,#161811 40% 60%,transparent 61%);filter:drop-shadow(1px 1px #aa9971)}
#dialog>.dialog-x:hover{background:linear-gradient(#a28c62,#6a5b40)!important}
#dialog :is(button,select,input):focus-visible{outline:2px solid #e3bc68;outline-offset:2px}
#dialog .combat-skill-card,#dialog .controls-list>div{background:#38382f;border-color:#71674f}
#dialog .combat-skills-panel{color:#ded1b1}
@media(orientation:landscape) and (max-height:600px){
 #dialog{padding:10px 12px 12px}
 #dialog>h2{font-size:23px;padding-bottom:7px}
 #dialog #dialog-content,#dialog #dialog-content>p{font-size:19px;line-height:1.15}
 #dialog #dialog-actions button{font-size:19px;min-height:38px;padding:7px 11px}
}