.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.match-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.match-stats span{display:grid;gap:5px;color:var(--muted);font-size:12px}.match-stats b{font-size:29px;color:var(--table-ink);font-variant-numeric:tabular-nums}.match3 progress{width:100%;height:9px;border:0;accent-color:#4c9a78;margin-bottom:20px}.match3 .board-scroll{max-height:none;background:var(--table-soft)}.gems{display:grid;grid-template-columns:repeat(8,48px);gap:5px;width:max-content;margin:auto;padding:4px}.gem{width:48px;height:48px;padding:0;display:grid;place-items:center;background:var(--table-bg);border:1px solid var(--table-line);border-radius:12px;position:relative;font-size:31px;font-weight:800;user-select:none;touch-action:pan-y}.gem[data-color="0"]{color:#b23b56}.gem[data-color="1"]{color:#327298}.gem[data-color="2"]{color:#477f35}.gem[data-color="3"]{color:#985eb8}.gem[data-color="4"]{color:#a66b17}.gem[data-color="5"]{color:#c85f31}.gem.selected{box-shadow:0 0 0 3px #c39235;transform:translateY(-2px)}.gem.hint{outline:3px dashed var(--table-accent);outline-offset:-5px}.gem.clearing{animation:gem-pop .24s ease-in both}.gem:disabled{opacity:1}.match3 h2{margin:0 0 20px}.match3 label{margin-top:18px}.match3 .extra{margin-bottom:0}.match3 .result{margin-top:16px}.match3 .hero h1 span{font-size:.55em;margin-top:14px}.match3 .card{min-width:0}.match3 #next{flex:1}.match3 .rules a{overflow-wrap:anywhere}.match3 .topbar .brand{min-height:44px}
html[data-site-theme="dark"] .gem[data-color="0"]{color:#ff90aa}html[data-site-theme="dark"] .gem[data-color="1"]{color:#8ac9ff}html[data-site-theme="dark"] .gem[data-color="2"]{color:#b0dd89}html[data-site-theme="dark"] .gem[data-color="3"]{color:#d4a3f4}html[data-site-theme="dark"] .gem[data-color="4"]{color:#ffd07c}html[data-site-theme="dark"] .gem[data-color="5"]{color:#ffac83}
@keyframes gem-pop{to{opacity:0;transform:scale(.5)}}
@media(max-width:900px){.match-layout{grid-template-columns:1fr}.match-layout .sidebar{grid-template-columns:1fr 1fr}.match-layout .sidebar .rules{grid-column:auto}}
@media(max-width:560px){.match-layout>.card{padding:12px}.match-layout .sidebar{grid-template-columns:1fr}.gems{grid-template-columns:repeat(8,44px);gap:4px}.gem{width:44px;height:44px;font-size:28px;border-radius:10px}.match-stats b{font-size:25px}.match3 .hero{padding-top:25px}.match3 .hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.gem.clearing{animation:none;opacity:.4}}