.diamond-page .diamond-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:16px;box-sizing:border-box}.diamond-page .diamond-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;flex-wrap:wrap}.diamond-page .extra-game .diamond-actions button:not(.diamond-hole):not(.sevens-card){width:auto;flex:0 0 auto;margin:0;min-height:32px;padding:5px 10px;white-space:nowrap}.diamond-board{position:relative;aspect-ratio:1;max-width:none;margin:auto;background:radial-gradient(ellipse,#f3e3ba,#fffaf0 72%);border-radius:20px}.diamond-hole{position:absolute;width:4.9%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);padding:0;border:1px solid #bbaa86;background:#e4d8b9;box-shadow:inset 0 2px 4px #62552a50}.diamond-hole.red{background:radial-gradient(circle at 30% 25%,#ffbc9e,#d55938);border-color:#a64329}.diamond-hole.blue{background:radial-gradient(circle at 30% 25%,#b5e8ee,#278aa9);border-color:#21647a}.diamond-hole.chosen{outline:3px solid #342;outline-offset:2px}.diamond-hole.legal{background:#9fcb7f;outline:2px solid #38763f}.diamond-hole.goal{border:2px solid #db7954}@media(max-width:620px){.diamond-page .diamond-toolbar,.diamond-page .diamond-actions{gap:4px}.diamond-page .extra-game .diamond-actions button:not(.diamond-hole):not(.sevens-card){min-height:27px;padding:3px 6px;font-size:14px}}.extra-game .diamond-hole:disabled{opacity:1}.diamond-moving-marble{pointer-events:none;z-index:3;will-change:left,top}.diamond-board{width:100%}.diamond-page main{width:100%}