.pai-settings,.pai-controls {display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.pai-settings label {display:flex;align-items:center;gap:.4rem}
.pai-layout {display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1.5rem;align-items:start}
.pai-table {min-width:0;text-align:center}
.pai-player-top,.pai-player-bottom {font-weight:650;margin:.6rem 0}
.pai-viewport {max-width:100%;overflow:auto;border-radius:1rem;overscroll-behavior:contain}
.pai-board {width:100%;aspect-ratio:1;position:relative;isolation:isolate;max-width:760px;margin:auto}
.pai-board-art {position:absolute;width:100%;height:100%;inset:0;filter:drop-shadow(0 4px 5px #35291c33)}
.pai-harmony-lines line {stroke-width:.12;stroke-linecap:round;opacity:.85}
.pai-dark-line {stroke:#1b373b;stroke-dasharray:.19 .15}
.pai-light-line {stroke:#fffbe7}
.pai-point {position:absolute;transform:translate(-50%,-50%);width:4.85%;height:4.85%;padding:0!important;border:0!important;background:transparent!important;border-radius:50%;box-shadow:none!important;min-height:0!important;color:#191d19;z-index:2;touch-action:manipulation}
.pai-point:focus-visible {outline:3px solid #0b6895!important;outline-offset:2px;z-index:4}
.pai-tile-art {display:block;width:100%;height:100%;pointer-events:none}
.pai-point .pai-tile-art {filter:drop-shadow(0 1px 1px #36281c66)}
.pai-tile-code {position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:clamp(7px,.8vw,11px);line-height:1;background:#f9efcf;border-radius:3px;padding:1px 2px;font-weight:800;color:#30332a;pointer-events:none}
.pai-target::after {content:'';position:absolute;inset:29%;border-radius:50%;background:#0a7681;box-shadow:0 0 0 2px #fff6da;pointer-events:none}
.pai-point[data-tile]:not([data-tile='']).pai-target::after {inset:0;border:3px solid #0a7681;background:transparent;box-shadow:0 0 0 2px #fff6da}
.pai-selected {outline:3px solid #0a7681!important;outline-offset:1px}
.pai-last:not(.pai-selected) {outline:2px solid #daac43!important}
.pai-hint {outline:3px dashed #0b6895!important;outline-offset:2px}
.pai-trapped .pai-tile-art {opacity:.65}
.pai-trapped::before {content:'×';position:absolute;inset:0;font-weight:900;color:#912747;font-size:1.4rem;z-index:3;pointer-events:none}
.pai-legend,.pai-footnote {font-size:.8rem;color:var(--muted);line-height:1.5}
.pai-footnote {grid-column:1/-1;margin:0}
.pai-sidebar {min-width:0}
.pai-status {font-weight:700;font-size:1.05rem;margin:.2rem 0 .8rem;min-height:2.8rem}
.pai-controls button {font-size:.8rem;padding:.45rem .65rem}
.pai-selection {font-size:.86rem;line-height:1.6;min-height:4em;margin:.9rem 0}
.pai-reserve h2,.pai-moves-title {font-size:.9rem;margin:1rem 0 .6rem}
.pai-tray {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem}
.pai-reserve-tile {display:flex;flex-direction:column;align-items:center;padding:3px!important;min-width:0;border:1px solid var(--line)!important;border-radius:.45rem;background:transparent!important;box-shadow:none!important;font-size:.6rem;color:var(--ink)!important;line-height:1.5}
.pai-reserve-tile svg {width:36px;max-width:100%;height:auto}
.pai-reserve-tile small {font-size:.65rem}
.pai-reserve-tile:disabled {opacity:.45;cursor:default}
.pai-reference {margin:1rem 0;font-size:.85rem;line-height:1.55}
.pai-reference summary {cursor:pointer;font-weight:650}
.pai-reference p {min-height:38px;margin:.65rem 0}
.pai-reference svg {width:34px;height:34px;float:left;margin-right:.5rem}
.pai-moves {max-height:180px;overflow:auto;font-size:.78rem;line-height:1.7;padding-left:1.5rem}
.pai-dialog {color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:1rem;padding:1.5rem;max-width:min(520px,90vw)}
.pai-dialog::backdrop {background:#1a211d80}
.pai-dialog h2 {font-size:1.25rem}
.pai-dialog p {line-height:1.6}
.pai-dialog fieldset {display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0;border:1px solid var(--line);border-radius:.5rem}
.pai-dialog button {margin:.7rem .5rem 0 0}
.pai-dialog label {display:inline-flex;gap:.4rem;align-items:center}
.pai-zoomed .pai-board {min-width:660px}
.pai-zoomed {max-height:70vh}
.pai-context {font-size:.85rem;line-height:1.6;color:var(--muted);margin-bottom:1rem}
@media(max-width:850px){.pai-layout{grid-template-columns:minmax(0,1fr)}.pai-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.pai-status,.pai-controls,.pai-selection,.pai-reserves{grid-column:1/-1}.pai-reserves{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pai-reference{grid-row:5/8}.pai-tile-code{font-size:8px}.pai-board{max-width:640px}}
@media(max-width:440px){.pai-reserves{grid-template-columns:1fr}.pai-sidebar{display:block}.pai-tray{grid-template-columns:repeat(6,minmax(0,1fr))}.pai-tile-code{font-size:7px}.pai-settings{gap:.7rem}.pai-settings select{max-width:145px}.pai-selection{min-height:0}.pai-trapped::before{font-size:1rem}}
body[data-game="55"] .game-layout {max-width:1180px}
body[data-game="55"] .game-surface {padding:24px}
@media(max-width:600px){body[data-game="55"] .game-surface{padding:12px}}
body[data-game="55"] #play,body[data-game="55"] #message {max-width:none}