:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f3ff;background:#171126;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#49356d,#171126 58%)}button{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:18px 14px 28px}header{text-align:center}h1{margin:2px 0 4px;font-family:Georgia,serif;font-size:clamp(2rem,9vw,3.2rem)}.eyebrow{margin:0;color:#f2c6ff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.subtitle{margin:0 auto 14px;max-width:38ch;color:#d8cce8}.status-card,.game-status{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#261b3bcc;border:1px solid #9c7fc655;border-radius:14px;padding:10px 12px;margin-bottom:10px}.status-card{font-size:.72rem}.sha{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-panel{background:#2d2042aa;border:1px solid #b49bd455;border-radius:18px;padding:10px;box-shadow:0 18px 50px #08040f88}.game-status{margin:0 0 10px;flex-wrap:wrap}.game-status strong{text-transform:capitalize}.actions{display:flex;gap:7px}.actions button,.promotion-dialog button{border:1px solid #d5b6ff;border-radius:9px;background:#5b3d7c;color:#fff;padding:7px 10px;min-height:40px}.board{width:100%;aspect-ratio:1;display:grid;grid-template:repeat(8,minmax(0,1fr)) / repeat(8,minmax(0,1fr));border:3px solid #c9aee4;border-radius:8px;overflow:hidden}.cell{position:relative;display:grid;place-items:center;border:0;padding:0;min-width:0;min-height:0;overflow:hidden;touch-action:manipulation}.cell.light{background:#e8d9ef}.cell.dark{background:#805f98}.cell.selected{outline:4px solid #ffdc76;outline-offset:-4px;z-index:1}.piece{position:relative;z-index:2;font-size:clamp(1.8rem,9.5vw,3.1rem);line-height:1;filter:drop-shadow(0 1px 1px #0008)}.piece.white{color:#fff8df;text-shadow:0 0 1px #20122f,0 1px 2px #20122f}.piece.black{color:#281b36}.target-dot{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;background:#ffd85ddd;z-index:3}.capture-target:after{content:"";position:absolute;inset:7%;border:4px solid #ff765f;border-radius:50%;z-index:3}.promotion-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#08040dbb;z-index:10}.promotion-dialog{width:min(100%,380px);padding:20px;border-radius:18px;background:#302047;border:1px solid #d5b6ff;text-align:center}.promotion-dialog div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}footer{padding:16px 4px;text-align:center}footer a{color:#e8ceff}.diagnostics{margin-top:12px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid #9c7fc655;border-radius:14px;background:#261b3bcc}.diagnostics h2,.diagnostics p{margin:0}.diagnostics p{color:#d8cce8;font-size:.75rem}.diagnostics button{border:1px solid #d5b6ff;border-radius:9px;background:#5b3d7c;color:#fff;padding:7px 10px}.diagnostics pre{grid-column:1 / -1;max-height:8rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#d8cce8;font-size:.68rem}@media(max-height:720px){.app-shell{padding-top:8px}h1{font-size:2rem}.subtitle{display:none}}