.sg-room{max-width:620px;margin:0 auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}.sg-room[hidden],#games-catalogue[hidden],.strategy-rules [hidden]{display:none!important}#strategy-game{max-width:520px;margin:0 auto}#strategy-game [hidden]{display:none!important}.sg-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sg-toolbar label{display:grid;gap:6px;width:100%}.sg-toolbar select{max-width:100%;min-height:44px}#sg-status{min-height:3.5em;line-height:1.5;font-weight:650}.sg-board{display:grid;gap:7px;padding:10px;border-radius:16px;background:#182d4d;color:#fff;user-select:none}.sg-merge{grid-template-columns:repeat(4,minmax(0,1fr));touch-action:pinch-zoom}.sg-four{grid-template-columns:repeat(7,minmax(0,1fr))}.sg-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;border-radius:9px;font-weight:800;font-size:clamp(1.05rem,5vw,2rem);background:#334965;color:#fff}.sg-merge .sg-v0{color:#b3c0d0}.sg-merge :is(.sg-v1,.sg-v2){background:#e5edf4;color:#18304c}.sg-merge :is(.sg-v3,.sg-v4){background:#a9d9d2;color:#143e38}.sg-merge :is(.sg-v5,.sg-v6){background:#f4ce89;color:#50310b}.sg-merge :is(.sg-v7,.sg-v8){background:#f4a88f;color:#542719}.sg-merge :is(.sg-v9,.sg-v10,.sg-v11){background:#d9c6fa;color:#38205e}.sg-four .sg-cell{border-radius:50%;background:#f3f6fc;color:#536078;font-size:clamp(1rem,5vw,2rem)}.sg-four .sg-v1{background:#f8cd60;color:#432d00}.sg-four .sg-v2{background:#9bd8f1;color:#12364b}.sg-controls,.sg-actions{display:grid;gap:8px;margin-top:14px}.sg-directions,.sg-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-columns{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}#strategy-game button{min-width:0;min-height:46px;padding:8px;border:1px solid var(--control-line,var(--line));border-radius:9px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}#strategy-game button:hover{border-color:var(--purple)}#strategy-game button:disabled{opacity:.5;cursor:default}#strategy-game [aria-disabled=true]{border-style:dashed}#strategy-game :is(button,select,.sg-board):focus-visible{outline:3px solid var(--purple);outline-offset:3px}.strategy-rules{line-height:1.65;max-width:65ch}.strategy-rules summary{cursor:pointer;min-height:44px;font-weight:700}.strategy-rules li{margin:8px 0}@media(max-width:420px){.sg-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-board{gap:4px;padding:7px}.sg-cell{border-radius:7px}}@media(forced-colors:active){.sg-board,.sg-cell{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText}#strategy-game button{border:1px solid ButtonText}}