/* WhatDew World bulletin board: interactive public updates + pixel-style reader. */
.world-bulletin-board.world-notice-board{
  position:absolute;
  z-index:6;
  left:67%;
  top:72%;
  right:auto;
  bottom:auto;
  width:clamp(68px,8.5vw,92px);
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:1;
  box-shadow:none;
  transform:translate(-50%,-50%);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  filter:drop-shadow(0 7px 5px rgba(48,55,39,.2));
  transition:filter .16s ease;
}
.world-bulletin-board.world-notice-board::after{content:none}
.world-bulletin-board svg{display:block;width:100%;height:auto;overflow:visible;image-rendering:pixelated}
.world-bulletin-board:hover{filter:drop-shadow(0 10px 7px rgba(48,55,39,.28)) brightness(1.04)}
.world-bulletin-board:focus-visible{outline:4px solid rgba(76,29,149,.5);outline-offset:4px}
.world-bulletin-shadow{fill:rgba(48,55,39,.22)}
.world-bulletin-post{fill:#725037;stroke:#493324;stroke-width:2}
.world-bulletin-roof{fill:#9a6b43;stroke:#493324;stroke-width:3;stroke-linejoin:round}
.world-bulletin-frame{fill:#855c3e;stroke:#493324;stroke-width:4}
.world-bulletin-cork{fill:#d8ac71;stroke:#61452f;stroke-width:2}
.world-bulletin-sign{fill:#6f4b33;stroke:#3f2c20;stroke-width:2}
.world-bulletin-sign-text{fill:#fff1c3;font:900 7px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:.25px}
.world-bulletin-paper rect{fill:#f4edcf;stroke:#8b7659;stroke-width:1}
.world-bulletin-paper path{fill:none;stroke:#8c816b;stroke-width:1.2;stroke-linecap:square}
.world-bulletin-paper circle{fill:#c94d45;stroke:#7f302d;stroke-width:.6}
.world-bulletin-new{fill:#c94d45;stroke:#732f2c;stroke-width:1.2}
.world-bulletin-new-text{fill:#fff6d7;font:900 5.5px/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}

.world-bulletin-dialog{
  width:min(520px,calc(100% - 24px));
  max-width:none;
  max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  margin:auto;
  padding:8px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:#b9b9b9;
  color:#f5f5f5;
  box-shadow:0 0 0 4px #1b1b1b,0 0 0 8px #666,0 18px 55px rgba(0,0,0,.42);
  font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
.world-bulletin-dialog::backdrop{background:rgba(20,27,22,.66);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.world-bulletin-panel{
  position:relative;
  box-sizing:border-box;
  max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  overflow:auto;
  overscroll-behavior:contain;
  padding:18px;
  border:4px solid #363636;
  background:#242424;
  box-shadow:inset 0 0 0 3px #565656;
  scrollbar-gutter:stable;
}
.world-bulletin-pixel-edge{height:5px;margin:-5px -5px 14px;background:repeating-linear-gradient(90deg,#7c7c7c 0 10px,#a5a5a5 10px 20px)}
.world-bulletin-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.world-bulletin-dialog-header h2,.world-bulletin-dialog-header p{margin:0}
.world-bulletin-dialog-header h2{margin-top:5px;color:#fff;font-size:clamp(1.25rem,6vw,1.75rem);line-height:1.05;text-shadow:2px 2px 0 #111;letter-spacing:.04em}
.world-bulletin-kicker{color:#a9e987;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.world-bulletin-close{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:3px solid #111;
  border-radius:0;
  background:#888;
  box-shadow:inset -3px -3px 0 #555,inset 3px 3px 0 #bdbdbd;
  color:#fff;
  font:900 1.45rem/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  text-shadow:1px 1px 0 #222;
}
.world-bulletin-close:active{box-shadow:inset 3px 3px 0 #555,inset -3px -3px 0 #aaa}
.world-bulletin-close:focus-visible,.world-bulletin-admin-link:focus-visible{outline:3px solid #e9d96d;outline-offset:3px}
.world-bulletin-status{margin:14px 0 0;color:#d1d1d1;font-size:.78rem;font-weight:800;line-height:1.45}
.world-bulletin-status:empty{display:none}
.world-bulletin-message{
  margin:16px 0 0;
  padding:13px 14px;
  border:3px solid #171717;
  background:#39443a;
  box-shadow:inset 0 0 0 2px #65745f;
  color:#f3f0d1;
  font-size:.83rem;
  font-weight:800;
  line-height:1.5;
  white-space:pre-wrap;
}
.world-bulletin-message[hidden],.world-bulletin-updates[hidden],.world-bulletin-admin-link[hidden]{display:none!important}
.world-bulletin-updates{margin-top:18px}
.world-bulletin-updates h3{margin:0 0 9px;color:#f1d76e;font-size:.72rem;letter-spacing:.08em}
.world-bulletin-updates ul{display:grid;margin:0;padding:0;gap:8px;list-style:none}
.world-bulletin-updates li{
  position:relative;
  margin:0;
  padding:9px 10px 9px 27px;
  border:2px solid #171717;
  background:#313131;
  color:#f0f0f0;
  font-size:.78rem;
  font-weight:750;
  line-height:1.45;
  box-shadow:inset 0 0 0 1px #4b4b4b;
}
.world-bulletin-updates li::before{content:"◆";position:absolute;left:10px;top:9px;color:#8fcf76;font-size:.65rem}
.world-bulletin-footer{display:flex;min-height:44px;margin-top:16px;align-items:center;justify-content:space-between;gap:10px;border-top:2px solid #4c4c4c;padding-top:10px}
.world-bulletin-footer small{color:#aaa;font-size:.63rem;font-weight:800}
.world-bulletin-admin-link{display:inline-flex;min-height:44px;align-items:center;padding:0 12px;border:2px solid #171717;background:#777;box-shadow:inset -2px -2px 0 #4d4d4d,inset 2px 2px 0 #aaa;color:#fff;font-size:.68rem;font-weight:900;text-decoration:none}
.world-bulletin-open{overflow:hidden}

.world-admin-editing .world-bulletin-board{transition:none}
.world-admin-editing-scenery .world-bulletin-board{z-index:24}

@media(max-width:620px){
  .world-bulletin-board.world-notice-board{left:67%;top:72%;width:72px}
  .world-bulletin-dialog{width:calc(100% - 22px);padding:6px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .world-bulletin-panel{max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:15px 13px}
  .world-bulletin-footer{align-items:flex-start;flex-direction:column}
  .world-bulletin-admin-link{align-self:stretch;justify-content:center}
}
@media(max-width:390px){
  .world-bulletin-board.world-notice-board{left:68%;top:72%;width:68px}
  .world-bulletin-dialog-header h2{font-size:1.18rem}
  .world-bulletin-message,.world-bulletin-updates li{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){.world-bulletin-board{transition:none}}