/* A viewport overlay: readable above every panel, transparent to mouse and touch. */
body #toast.toast-center {
 position:fixed;inset:auto;left:50%;top:max(10px,env(safe-area-inset-top));transform:translateX(-50%);
 width:min(420px,calc(100vw - 24px));max-width:none;display:flex;flex-direction:column;gap:6px;
 z-index:2147483646;pointer-events:none;text-align:left;white-space:normal;color:#e9ddc1;
 font:13px/1.5 "Microsoft YaHei",sans-serif;text-shadow:none;opacity:0;transition:opacity .12s;
}
body #toast.toast-center.visible{opacity:1}
.toast-center .toast-row{--notice-accent:#b9aa82;display:flex;align-items:flex-start;gap:10px;padding:10px 14px;min-height:39px;box-sizing:border-box;border:1px solid #716043;border-left:3px solid var(--notice-accent);background:linear-gradient(100deg,#211e18f5,#10120ff5);box-shadow:0 3px 14px #0008;animation:toast-arrive .16s ease-out;pointer-events:none}
.toast-center .toast-badge{flex:0 0 17px;color:var(--notice-accent);font:16px/20px Georgia,serif;text-align:center}
.toast-center .toast-message{overflow-wrap:anywhere;min-width:0}
.toast-center [data-kind="error"],.toast-center [data-kind="warning"]{--notice-accent:#e49b75;color:#ffe0ce;border-color:#875c42}
.toast-center [data-kind="reward"],.toast-center [data-kind="loot"]{--notice-accent:#ddc275;color:#f6e7b3}
.toast-center [data-kind="success"]{--notice-accent:#a8c58c;color:#e1edce}
@keyframes toast-arrive{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(max-width:480px){body #toast.toast-center{font-size:12px;gap:4px}.toast-center .toast-row{padding:8px 10px;gap:7px;min-height:35px}}
@media(prefers-reduced-motion:reduce){body #toast.toast-center{transition:none}.toast-center .toast-row{animation:none}}