.games{flex-wrap:wrap}#peg-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;background:#e8ecdf;border:1px solid #d4dccb;border-radius:24px;padding:20px}.peg-space,.peg-cell{aspect-ratio:1;min-width:0}.peg-cell{display:grid;place-items:center;border-radius:50%;padding:0;position:relative}.peg-cell::before{content:'';width:70%;height:70%;border-radius:50%;background:#c2ccb8;box-shadow:inset 0 2px 5px #233d3620;border:1px solid #a8b59c}.peg-cell.occupied::before{background:radial-gradient(circle at 34% 28%,#729781,#294d40 75%);border:1px solid #365b49;box-shadow:0 3px 4px #233d3630}.peg-cell.selected{outline:3px solid #bd8c45;outline-offset:-2px;background:#f3dfa4}.peg-cell.destination::before{background:#fff8e4;border:3px dashed #9e793a}.peg-cell.destination::after{content:'↓';position:absolute;color:#8d672f;font-size:25px}.peg-cell:focus-visible{outline-offset:0}.peg-cell:disabled{opacity:1;cursor:default}.rule-demo{display:flex;justify-content:space-between;align-items:center;background:#e8ecdf;border-radius:14px;padding:22px 12px;margin-top:24px;font-size:27px;color:#477965}#hint,#clear{width:100%;padding:14px;background:#e5e9dd;margin-top:10px;font-size:13px}#hint:disabled,#clear:disabled,#undo:disabled{opacity:.45;cursor:default}.hint-note{font-size:12px;color:#6b786b}#message{font-size:14px;min-height:45px}.peg-game .status{gap:8px;flex-wrap:wrap}@media(max-width:620px){#peg-board{padding:12px;gap:5px;border-radius:18px}.peg-game aside{padding-top:2px}.rule-demo{max-width:320px;margin:10px auto;padding:12px}.peg-game aside>.muted{display:block;font-size:12px;text-align:center}.peg-game .status{font-size:11px}.peg-game .status #new{padding:10px}.peg-game .status button{padding:10px}.games a{padding:8px 12px}#hint,#clear{width:calc(50% - 5px)}#clear{margin-left:6px}.peg-cell.destination::after{font-size:20px}}