#groupModel{display:block;width:100%;max-height:430px;touch-action:manipulation;user-select:none}
.model-stone{cursor:pointer}.model-stone rect{fill:transparent}.model-stone circle{fill:#8875ba;stroke:#b9aed9;stroke-width:2;pointer-events:none}.model-stone.marked circle{fill:#3095a0;stroke:#b9e1e5}.model-stone:focus-visible{outline:none}.model-stone:focus-visible rect{stroke:#735aa8;stroke-width:2;rx:10}
#groupBands rect{fill:#e1f3f1;stroke:#59a6ad;stroke-width:2}.complete #groupBands rect{fill:#e2f2e8;stroke:#438860}
.group-reset{display:block;margin:0 auto;min-height:40px}
.group-equation{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0;color:#524467}.group-equation>div{flex:1;min-width:0;text-align:center}.group-equation span{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.group-equation>b{white-space:nowrap;font-size:22px;padding-top:20px}
.group-value{width:100%;max-width:100px;min-height:52px;border:2px solid #d7cfe4;border-radius:12px;background:#fff;font:900 27px Nunito,sans-serif;color:#65508d;cursor:pointer}.group-value.active{border-color:#269bac;background:#edfafb}.group-value:disabled{cursor:default}
.group-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.group-keypad button{min-height:44px;border:1px solid #e2dbea;border-radius:10px;background:#f6f2fa;font:800 20px Nunito,sans-serif;color:#65508d;cursor:pointer}.group-keypad button:disabled{opacity:.45;cursor:default}.group-keypad button:not(:disabled):active{background:#dfd3ef}
#gameShell.is-fullscreen #groupModel{flex:1;min-height:0;height:100%;max-height:none}
#gameShell.is-fullscreen .group-equation{margin:3px 0;gap:7px}
@media(max-height:650px){#gameShell.is-fullscreen .group-keypad{gap:4px}#gameShell.is-fullscreen .group-keypad button{min-height:40px}#gameShell.is-fullscreen .group-value{min-height:44px}#gameShell.is-fullscreen .group-equation span{margin-bottom:2px}}

.group-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.group-actions button{min-height:40px}.group-frame{fill:#e1f3f1;stroke:#59a6ad;stroke-width:1.5}.grouped-stone{fill:#8875ba;stroke:#b9aed9;stroke-width:1.5}.complete .group-frame{fill:#e2f2e8;stroke:#438860}

.group-pairs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:6px}.group-pairs span{padding:5px 9px;border:1px solid #ddd5e7;border-radius:10px;background:#fff;font-size:13px;font-weight:800;color:#65508d}.group-pairs .unknown{border-style:dashed;background:#f6f2fa;min-width:70px;text-align:center}.group-pairs .found{color:#28784b;background:#e2f2e8;border-color:#96bf9f}

#groupModel.placement-dots .model-stone circle{fill:#9eb7c1;stroke:none;r:3}#groupModel.placement-dots .model-stone.marked circle{fill:#8875ba;stroke:#b9aed9;stroke-width:2;r:12}#groupModel.placement-dots.complete .model-stone.marked circle{fill:#438860;stroke:#96bf9f}