.shisima-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:24px}.shisima-board{position:relative;width:min(100%,480px);aspect-ratio:1;margin:0 auto;background:#f0f5fc;border-radius:20px}.shisima-board svg,.shisima-points{position:absolute;inset:0;width:100%;height:100%}.shisima-board polygon,.shisima-board line{fill:none;stroke:#8da8c9;stroke-width:3}.shisima-point{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(40px,11%,52px);height:clamp(40px,11%,52px);border:2px solid #aec3df;background:#fff;color:#14263a;border-radius:50%;font:900 1.1rem Arial,sans-serif;cursor:pointer}.shisima-point.piece-a{background:#185ac5;color:#fff;border-color:#114592}.shisima-point.piece-b{background:#ad5800;color:#fff;border-color:#784000;border-radius:10px}.shisima-point:disabled{cursor:default}.shisima-point.legal{border:3px dashed #185ac5;background:#dceaff}.shisima-point.selected{outline:4px solid #14263a;outline-offset:4px}.shisima-point.winning{outline:4px solid #258752;outline-offset:5px}.shisima-point.computer-last:not(.winning){box-shadow:0 0 0 5px #ad580033}.shisima-point:focus-visible{outline:4px solid #7040b8;outline-offset:4px}.shisima-help{color:#526a84;line-height:1.5}.shisima-help h2{font-size:1.1rem;color:#14263a}.shisima-help p{margin:8px 0}.shisima-legend{text-align:center;color:#526a84;line-height:1.4;font-size:.9rem}.shisima-celebration{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.shisima-celebration i{position:absolute;left:var(--x);top:60%;width:9px;height:9px;background:#185ac5;border-radius:50%;opacity:0;animation:shisima-spark 1.8s var(--delay) ease-out forwards}.shisima-celebration i:nth-child(3n){background:#e6a12c}.shisima-celebration i:nth-child(3n+1){background:#319c61}@keyframes shisima-spark{0%{opacity:1;transform:translate(0,0)}70%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-300px) scale(.3)}}@media(max-width:650px){.shisima-layout{grid-template-columns:1fr;gap:8px}.shisima-help{text-align:center}.shisima-help h2{margin:10px 0 4px}.shisima-board{max-width:390px}}@media(prefers-reduced-motion:reduce){.shisima-celebration{display:none}}