/* Global notices sit below the top HUD, leaving the bottom navigation clear. */
.workshop-ui[data-mode] .game-message {
  --notice-accent:#526665;--notice-badge:#e4ece3;
  position:fixed;z-index:75;inset:auto;top:var(--notice-top,104px);left:50%;
  transform:translateX(-50%);box-sizing:border-box;
  display:grid;grid-template-columns:40px minmax(0,1fr) 28px;align-items:start;gap:12px;
  width:480px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--notice-top,104px) - 100px);
  padding:12px 13px 13px;border:9px solid transparent;border-radius:0;
  border-image:url('../ui/frames/cream.svg') 12 fill stretch;
  background:none;box-shadow:0 5px 0 #3d332d26,0 10px 28px #162d2a30;
  color:#463b2e;text-shadow:none;text-align:left;overflow:auto;overscroll-behavior:contain;
  pointer-events:auto;font:400 13px/1.6 Pixeloid,monospace;font-synthesis:none;
}
.workshop-ui[data-mode] .game-message[data-tone=success] {--notice-accent:#345d35;--notice-badge:#dceccf}
.workshop-ui[data-mode] .game-message[data-tone=error] {--notice-accent:#873c2f;--notice-badge:#f6ddc8}
.workshop-ui[data-mode] .game-message :is(strong,p,button,span) {
  font-family:Pixeloid,monospace;font-synthesis:none;letter-spacing:0;text-shadow:none;
}
.workshop-ui[data-mode] .game-message-symbol {
  width:40px;height:40px;display:grid;place-items:center;margin-top:2px;
  background:var(--notice-badge);color:var(--notice-accent);
  box-shadow:inset 0 -3px #495d3426;
  clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px),0 5px,5px 5px);
}
.workshop-ui[data-mode] .game-message-symbol svg {width:23px;height:23px;fill:currentColor;stroke:none;shape-rendering:crispEdges}
.workshop-ui[data-mode] .game-message-copy {min-width:0}
.workshop-ui[data-mode] .game-message-title {display:block;margin:0;color:var(--notice-accent);font-size:15px;font-weight:700;line-height:1.55}
.workshop-ui[data-mode] .game-message-body {margin:5px 0 0;color:#493e30;font-size:13px;font-weight:400;line-height:1.65;overflow-wrap:anywhere}
.workshop-ui[data-mode] .game-message-close {
  display:grid;place-items:center;width:28px;height:30px;min-width:0;padding:5px;margin:-2px -3px 0 0;
  border:0;border-radius:0;background:transparent;color:#765b40;box-shadow:none;cursor:pointer;
}
.workshop-ui[data-mode] .game-message-close svg {width:14px;height:14px;fill:currentColor;stroke:none;shape-rendering:crispEdges}
.workshop-ui[data-mode] .game-message-close:hover {background:#ecd8b8;color:#4c3825}
.workshop-ui[data-mode] .game-message-close:focus-visible {outline:2px solid #488caf;outline-offset:1px}
.workshop-ui[data-mode] .game-message-action {
  display:block;margin:12px 0 1px;padding:9px 12px;min-height:42px;
  border:2px solid #6f8451;border-radius:0;background:#dcecc7;color:#345330;
  box-shadow:0 3px 0 #a8b781;font-size:13px;font-weight:700;line-height:1.5;cursor:pointer;
}
.workshop-ui[data-mode] .game-message-action:focus-visible {outline:3px solid #488caf;outline-offset:3px}
.workshop-ui[data-mode] .game-message-action:disabled {opacity:.65;cursor:wait}
/* A wallet without enough tokens: "Get $<SYMBOL>" (a link to the token's page, the primary action) beside OK. */
.workshop-ui[data-mode] .game-message-actions {display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:12px 0 1px}
.workshop-ui[data-mode] .game-message-actions .game-message-action {margin:0}
.workshop-ui[data-mode] .game-message-buy {
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:132px;
  font-family:Pixeloid,monospace;text-decoration:none;
}
.workshop-ui[data-mode] .game-message-buy:hover {background:#cfe5b4}
.workshop-ui[data-mode] .game-message-action.secondary {
  min-width:72px;border-color:#b29a7c;background:#f4e8d3;color:#5a4632;box-shadow:0 3px 0 #d3bd98;
}
.workshop-ui[data-mode] .game-message-action.secondary:hover {background:#ecdcc0}
.workshop-ui[data-mode] .game-message-figure {white-space:nowrap}
.workshop-ui[data-mode] .game-message-hint {margin:6px 0 0;color:#5b4d3b;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.workshop-ui[data-mode] .game-message-link {color:#2f5a7a;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px) {
  .workshop-ui[data-mode] .game-message {
    grid-template-columns:32px minmax(0,1fr) 24px;gap:9px;
    max-width:calc(100vw - 20px);padding:10px 8px 11px;border-width:8px;
  }
  .workshop-ui[data-mode] .game-message-symbol {width:32px;height:34px;margin-top:3px}
  .workshop-ui[data-mode] .game-message-symbol svg {width:21px;height:21px}
  .workshop-ui[data-mode] .game-message-title {font-size:14px}
  .workshop-ui[data-mode] .game-message-body {font-size:13px;line-height:1.7}
  .workshop-ui[data-mode] .game-message-close {width:24px;height:30px;padding:5px;margin-right:-2px}
}