.un-wrap { max-width: 560px; margin: 0 auto; }
.un-top { display: flex; align-items: center; gap: 12px; justify-content: center; margin: 6px 0 12px; }
.un-level { font-weight: 800; color: #fff; background: #ff7eb3; border-radius: 999px;
  padding: 4px 12px; white-space: nowrap; }
.un-status { font-weight: 700; color: #5a4a6a; min-width: 130px; text-align: center; }
.un-board-wrap { position: relative; border-radius: 20px; background: #f5e7c0;
  background-image: radial-gradient(#ecdfb6 22%, transparent 23%);
  background-size: 58px 58px; background-position: 12px 12px;
  box-shadow: inset 0 0 0 3px #eaddb0; overflow: hidden; }
#unBoard { width: 100%; display: block; touch-action: none; cursor: grab; }
#unBoard:active { cursor: grabbing; }
.un-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(40,26,60,.5); }
.un-overlay.hidden { display: none; }
.un-ovcard { background: #fff; border-radius: 20px; padding: 22px 26px; text-align: center; max-width: 82%;
  box-shadow: 0 16px 44px rgba(0,0,0,.3); }
.un-ovcard h2 { margin: 6px 0 4px; color: #ff7eb3; }
.un-ovcard p { margin: 0 0 14px; color: #5a4a6a; }