/* Back-office G8: a staff warning the player acknowledges ("รับทราบ"); shown over the world or the lobby. */
#warning-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;background:transparent;color:#4a3526;font:14px/1.55 'Nunito Sans','Noto Sans Thai',Tahoma,sans-serif;overflow:visible}
#warning-dialog[open]{display:block;animation:warning-in .22s ease-out}
#warning-dialog::backdrop{background:radial-gradient(circle at 50% 45%,#1a120ca8,#08050ce0);backdrop-filter:blur(3px)}
#warning-dialog *,#warning-dialog *::before,#warning-dialog *::after{box-sizing:border-box}
#warning-dialog :focus-visible{outline:3px solid #f0c75e;outline-offset:2px}
.warning-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;max-height:calc(100dvh - 44px);overflow:auto;padding:24px 24px 20px;border-radius:22px;text-align:center;background:radial-gradient(90% 60% at 50% 0,#fffaf0,transparent 70%),#f5e9d2;box-shadow:0 0 0 2px #b8955e,0 0 0 8px #7a3a26,0 0 0 10px #c9a55a,0 28px 80px #000a}
.warning-emblem{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe9c2,#e8b465);box-shadow:inset 0 0 0 3px #b9743a,0 4px 10px #5a3d2633;color:#7a2f1c;font-size:38px;font-weight:900;line-height:1}
#warning-title{margin:2px 0 0;font-size:21px;font-weight:900;color:#8a3a24}
.warning-meta{margin:0;color:#7a6450;font-size:12.5px;font-weight:700}
.warning-meta:empty{display:none}
.warning-reason{width:100%;margin:4px 0;padding:12px 14px;border:1px solid #d7b989;border-radius:14px;background:#fffaf0;color:#3e2b1d;font-size:15.5px;font-weight:700;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
.warning-hint{margin:0;color:#5f4a37;font-size:13px;max-width:400px}
.warning-count{margin:0;padding:2px 12px;border-radius:999px;background:#ece2cf;color:#6d5540;font-size:12.5px;font-weight:800}
.warning-count:empty,.warning-error:empty{display:none}
.warning-error{margin:0;color:#a3341f;font-weight:800}
.warning-ack{min-width:180px;min-height:48px;margin-top:4px;padding:6px 26px;border:2px solid #d8ae5f;border-radius:14px;background:linear-gradient(#468257,#2c5a3b 60%,#244c31);color:#fff6df;font:inherit;font-size:16px;font-weight:900;text-shadow:0 2px 0 #183221;box-shadow:inset 0 1px #7fb08a,0 4px 0 #183221;cursor:pointer}
.warning-ack:hover:not(:disabled){filter:brightness(1.08)}
.warning-ack:disabled{border-color:#cbb99b;background:#ddd0bb;color:#8b7a6a;text-shadow:none;box-shadow:none;cursor:default}
@keyframes warning-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#warning-dialog[open]{animation:none}}
@media (max-height:440px){.warning-card{padding:12px 16px;gap:4px}.warning-emblem{width:40px;height:40px;font-size:24px}#warning-title{font-size:17px}.warning-reason{padding:8px 10px;font-size:14px}.warning-ack{min-height:40px}}