.pw-board{max-width:560px;margin:16px auto 28px;padding:16px;background:var(--scroll,#14100c);border:1px solid var(--line,rgba(201,169,97,.25));color:var(--paper,#e8e0d0)}
.pw-board-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line,rgba(201,169,97,.25))}
.pw-board-title{font-size:18px;letter-spacing:1px}
.pw-board-meta{font-size:13px;color:var(--weak,#8a7f6a);text-align:right}
.pw-board-meta b{color:var(--gold2,#e3c987)}
.pw-board-map{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:var(--ink,#0a0d0f);padding:6px;border:1px solid var(--line,rgba(201,169,97,.25))}
.pw-board-cell{aspect-ratio:1;background:#1a1612;border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,4.2vw,22px);cursor:pointer;color:var(--paper,#e8e0d0);padding:0}
.pw-board-cell.is-player{border-color:rgba(201,169,97,.45)}
.pw-board-piece{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;border:1px solid var(--gold,#c9a961);background:rgba(201,169,97,.2);color:var(--paper,#e8e0d0);font-size:clamp(16px,4.2vw,22px);transition:transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}
.pw-board-piece.is-warp{transition:none}
.pw-board-log{height:112px;overflow:auto;margin-top:12px;padding:8px 10px;background:var(--ink,#0a0d0f);border:1px solid var(--line,rgba(201,169,97,.25));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:var(--weak,#8a7f6a)}
.pw-board-log .is-fight{color:var(--bad,#ff5a5f)}
.pw-board-log .is-find{color:var(--good,#2fd08a)}
.pw-board-log .is-rest{color:var(--gold2,#e3c987)}
.pw-board-actions{display:flex;gap:8px;margin-top:12px}
.pw-board-actions button{flex:1;min-height:42px;background:transparent;color:var(--paper,#e8e0d0);border:1px solid var(--line,rgba(201,169,97,.25));cursor:pointer;font-weight:650}
.pw-board-actions button.is-on{background:var(--red,#b8412f);border-color:var(--red,#b8412f);color:#fff}
.pw-board-note{margin:8px 0 0;font-size:12px;color:var(--weak,#8a7f6a)}
@media (max-width:767.98px){
  .pw-board{margin:8px 10px 90px;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
}
