.four-in-a-row-game{grid-template-columns:minmax(320px,560px) minmax(250px,330px);align-items:start;gap:24px;display:grid}.four-in-a-row-stage{gap:12px;width:min(100%,560px);display:grid}.four-in-a-row-hud{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:8px 12px;display:flex}.four-in-a-row-player{border:2px solid #20212429;border-radius:50%;flex:none;width:22px;height:22px}.four-in-a-row-player.player-1{background:#2f6fed}.four-in-a-row-player.player-2{background:#e46d5e}.four-in-a-row-board{aspect-ratio:7/6;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#cbdad0;border:1px solid #aebfb4;border-radius:8px;padding:10px;display:grid;overflow:hidden;box-shadow:0 18px 50px #2030271f}.four-in-a-row-row{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.four-in-a-row-cell{cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;padding:7px;display:grid;position:relative}.four-in-a-row-cell:before{content:"";background:#f7f5ef;border:1px solid #2021241f;border-radius:50%;position:absolute;inset:7px}.four-in-a-row-cell:focus-visible{z-index:2;outline-offset:-2px;outline:3px solid #2f6fed7a}.four-in-a-row-cell:disabled{cursor:not-allowed}.four-in-a-row-row:first-child .four-in-a-row-cell.is-selected:not(:disabled):before{background:#2f6fed2e}.four-in-a-row-disc{z-index:1;aspect-ratio:1;border:2px solid #0000;border-radius:50%;width:100%;position:relative}.four-in-a-row-disc.player-1{background:#2f6fed;border-color:#245ec9}.four-in-a-row-disc.player-2{background:#e46d5e;border-color:#bd4f45}.four-in-a-row-cell.is-winning .four-in-a-row-disc{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--reward);animation:.7s ease-in-out infinite alternate four-in-a-row-win}.four-in-a-row-disc.is-latest{animation:.22s ease-out four-in-a-row-drop}.four-in-a-row-panel{border:1px solid var(--line);background:#ffffffc2;border-radius:8px;gap:16px;padding:18px;display:grid}.four-in-a-row-panel fieldset{border:0;min-width:0;margin:0;padding:0}.four-in-a-row-panel legend,.four-in-a-row-select>span{color:var(--muted);margin-bottom:7px;font-size:.78rem;font-weight:800;display:block}.four-in-a-row-segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.four-in-a-row-segmented button{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;font:inherit;background:#fff;border-radius:6px;padding:6px;font-size:.82rem;font-weight:800}.four-in-a-row-segmented button[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.four-in-a-row-select select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:6px;padding:0 10px;font-weight:800}.four-in-a-row-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.four-in-a-row-stats>div{background:var(--text);color:#fff;text-align:center;border-radius:6px;gap:2px;min-width:0;padding:9px 4px;display:grid}.four-in-a-row-stats strong{font-size:1.15rem}.four-in-a-row-stats span{color:#ffffffb3;font-size:.68rem;font-weight:800}.four-in-a-row-actions,.four-in-a-row-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.four-in-a-row-actions button,.four-in-a-row-mobile-actions button{justify-self:stretch;width:100%;min-width:0}.four-in-a-row-mobile-difficulty,.four-in-a-row-mobile-actions{display:none}.four-in-a-row-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.four-in-a-row-dialog{width:min(360px,100vw - 28px)}@keyframes four-in-a-row-drop{0%{transform:translateY(-650%)}to{transform:translateY(0)}}@keyframes four-in-a-row-win{0%{transform:scale(.92)}to{transform:scale(1)}}@media (max-width:760px){.four-in-a-row-game{grid-template-columns:1fr;gap:14px}.four-in-a-row-stage{gap:9px}.four-in-a-row-mobile-difficulty{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.four-in-a-row-mobile-difficulty legend{color:var(--muted);margin-bottom:0;font-size:.72rem;font-weight:800}.four-in-a-row-difficulty-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.four-in-a-row-difficulty-buttons button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--muted);cursor:pointer;font:inherit;background:#fff;border-radius:6px;padding:0 6px;font-size:.8rem;font-weight:800}.four-in-a-row-difficulty-buttons button[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.four-in-a-row-board{width:100%;padding:5px}.four-in-a-row-cell{padding:4px}.four-in-a-row-cell:before{inset:4px}.four-in-a-row-mobile-actions{display:grid}.four-in-a-row-desktop-difficulty{display:none}.four-in-a-row-panel{background:0 0;border-width:1px 0 0;border-radius:0;gap:12px;padding:14px 0 0}.four-in-a-row-actions{display:none}.four-in-a-row-faq-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.four-in-a-row-disc.is-latest,.four-in-a-row-cell.is-winning .four-in-a-row-disc{animation:none}}