.por{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;margin:0 auto;display:flex}.por-prompt{text-align:center;color:var(--ink);margin:0;font-size:1.1rem;font-weight:700}.por-board{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);aspect-ratio:1;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:16px;display:flex;position:relative}.por-grid{gap:8px;width:100%;height:100%;display:grid}.por-cell{border-radius:var(--r-full);justify-content:center;align-items:center;display:flex;position:relative}.por-cell--empty{background-color:var(--surface-translucent);border:1.5px dashed var(--ink-faint)}.por-cell--active{background-color:var(--ink);border:1.5px solid var(--ink)}.por-cell--highlight{background-color:var(--brand);border:2px solid var(--ink);z-index:2;transform:scale(1.08)}.por-legend{color:var(--text-muted);text-align:center;margin:0;font-size:.9rem}