.groups-page{max-width:1160px;margin:22px auto 44px}.groups-hero{color:#fff;background:radial-gradient(circle at 88% 8%,#d9f16a2e,#0000 18rem),linear-gradient(125deg,#153c2b,#286446);border-radius:25px;padding:clamp(27px,4vw,43px);box-shadow:0 20px 46px #173c2b21}.groups-hero h1{color:#fff;letter-spacing:-.075em;margin:0;font-size:clamp(39px,5.2vw,62px);font-weight:900;line-height:1}.groups-hero h1 span{color:var(--lime)}.groups-hero>p:not(.eyebrow){color:#ffffffd1;max-width:680px;margin:15px 0 0;font-size:15px;line-height:1.7}.groups-meta{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.groups-meta span{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.groups-game{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:17px;margin-top:18px;display:grid}.groups-main-card,.groups-info-card{border:1px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow);border-radius:21px}.groups-main-card{padding:clamp(17px,2.8vw,28px)}.groups-game-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.groups-game-head .section-kicker{margin:0 0 7px}.groups-game-head h2{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(20px,2.7vw,27px);font-weight:900}.groups-number{color:var(--green-deep);background:#f3f8ef;border:1px solid #dce8d9;border-radius:999px;flex:none;padding:8px 10px;font-size:10px;font-weight:850}.groups-instructions{color:var(--muted);margin:9px 0 15px;font-size:12px;line-height:1.6}.groups-solved{gap:7px;margin-bottom:9px;display:grid}.groups-solved-card{text-align:center;border-radius:10px;gap:4px;padding:12px 14px;display:grid}.groups-solved-card strong{color:#203a2a;font-size:12px;font-weight:900}.groups-solved-card span{color:#314d3b;letter-spacing:.035em;font-size:11px;font-weight:700}.group-tone-1{background:#f4e7a9}.group-tone-2{background:#b7d8c0}.group-tone-3{background:#b7cce9}.group-tone-4{background:#c9b9e5}.groups-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.groups-word{color:#20372a;letter-spacing:.015em;text-align:center;overflow-wrap:anywhere;cursor:pointer;background:#f1f3ee;border:1px solid #e1e7df;border-radius:10px;place-items:center;min-width:0;min-height:65px;padding:8px 4px;font-size:clamp(10px,1.15vw,13px);font-weight:900;transition:background .14s,border-color .14s,transform .14s;display:grid}.groups-word:hover{background:#e8eee5;border-color:#9db9a0}.groups-word.is-selected{color:#fff;background:#1f4c34;border-color:#1f4c34;transform:translateY(-1px)}.groups-word:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.groups-word:disabled{cursor:default}.groups-status{color:#657267;text-align:center;background:#f7f9f5;border-radius:10px;justify-content:center;align-items:center;min-height:38px;margin:12px 0 8px;padding:8px 12px;font-size:12px;line-height:1.45;display:flex}.groups-status[data-tone=success]{color:#205e40;background:#eaf5e9;font-weight:800}.groups-status[data-tone=error]{color:#a33e34;background:#fff0ec}.groups-status[data-tone=hint]{color:#7b6119;background:#fff8e4;font-weight:800}.groups-mistakes{color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:10px;font-weight:750;display:flex}.groups-mistake-dots{gap:5px;display:flex}.groups-mistake-dots span{background:#4d6654;border-radius:50%;width:10px;height:10px}.groups-mistake-dots span.is-used{background:#e2e7df;box-shadow:inset 0 0 0 1px #cbd4c9}.groups-actions,.groups-bottom-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px;display:flex}.groups-actions .button{flex:120px}.groups-actions .button:disabled{opacity:.42;cursor:not-allowed;transform:none}.groups-bottom-actions .button{flex:0 auto}.groups-note{border-top:1px solid var(--line);color:var(--muted);margin:16px 0 0;padding-top:13px;font-size:10px;line-height:1.7}.groups-sidebar{gap:12px;display:grid}.groups-info-card{padding:19px}.groups-info-card .section-kicker{margin:0 0 7px}.groups-info-card h3{color:var(--ink);letter-spacing:-.04em;margin:0 0 10px;font-size:18px;font-weight:900}.groups-info-card ol{color:var(--muted);gap:10px;margin:0;padding-left:18px;font-size:11px;line-height:1.6;display:grid}.groups-info-card li::marker{color:var(--green);font-weight:900}.groups-info-card p:not(.section-kicker){color:var(--muted);margin:0;font-size:11px;line-height:1.7}.groups-tip{background:linear-gradient(145deg,#fff,#f7faf1)}.groups-guide{margin-top:18px}@media (width<=850px){.groups-game{grid-template-columns:minmax(0,1fr)}.groups-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.groups-page{margin-top:12px}.groups-hero{border-radius:19px;padding:25px 20px}.groups-hero>p:not(.eyebrow){font-size:13px}.groups-game{gap:12px;margin-top:12px}.groups-main-card{border-radius:17px;padding:15px 11px}.groups-game-head h2{font-size:19px}.groups-number{padding:6px 8px;font-size:9px}.groups-grid{gap:5px}.groups-word{border-radius:8px;min-height:58px;padding:6px 2px;font-size:clamp(9px,2.7vw,12px)}.groups-actions{gap:6px}.groups-actions .button{min-height:39px;padding-inline:8px;font-size:10px}.groups-sidebar{grid-template-columns:minmax(0,1fr)}.groups-info-card{padding:17px}}@media (prefers-reduced-motion:reduce){.groups-word{transition:none}}