/* 광장 시안 공통 화면 (plaza-a.html, plaza-b.html) */
:root { --bg: #141a33; --ink: #0b0e1e; --line: #4a5899; --text: #f4f1e6; --muted: #9aa6d6; --accent: #ffd23f; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--text); font-family: 'Galmuri11', monospace; overflow: hidden; word-break: keep-all; }
.pz-top { position: fixed; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; background: rgba(11,14,30,.88); z-index: 3; }
.pz-top b { font-size: 15px; color: var(--accent); }
.pz-top small { display: block; font-size: 11px; color: var(--muted); font-weight: 400; }
.pz-top a { color: var(--text); font-size: 12px; text-decoration: none; background: var(--line); padding: 6px 8px; }
#pz-count { font-size: 12px; color: var(--muted); }
#pz { position: fixed; inset: 0; width: 100%; height: 100%; touch-action: none; cursor: grab; image-rendering: pixelated; }
.pz-ctl { position: fixed; right: 12px; bottom: 16px; display: flex; align-items: center; gap: 6px; z-index: 3; }
.pz-ctl button { font: inherit; font-size: 15px; min-width: 40px; height: 40px; border: 0; background: var(--accent); color: #2a1a05; box-shadow: 0 3px 0 #8a6a00; cursor: pointer; }
.pz-ctl #pz-all { font-size: 12px; padding: 0 10px; }
#pz-zoom { font-size: 12px; min-width: 44px; text-align: center; background: rgba(11,14,30,.8); padding: 4px; }
.pz-hint { position: fixed; left: 12px; bottom: 16px; margin: 0; font-size: 11px; line-height: 1.5; color: var(--muted); background: rgba(11,14,30,.75); padding: 6px 8px; z-index: 3; }
.pz-card { position: fixed; left: 50%; top: 64px; transform: translateX(-50%); background: rgba(11,14,30,.92); box-shadow: inset 0 0 0 2px var(--accent); padding: 8px 14px; text-align: center; z-index: 3; font-size: 14px; }
.pz-card small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.hidden { display: none !important; }
.rar { font-size: 11px; padding: 0 4px; color: #fff; }
.rar.SSR { background: #ff7a3c; }
.rar.SSSR { background: linear-gradient(90deg, #ffd23f, #ff8fc0); color: #2a1a05; }