.match-card .catalog-art{background:linear-gradient(135deg,#e7f4e7,#fff3d9);font-size:48px;gap:10px}.match-card .catalog-footer b{color:#4e805c}.match3.active{display:block}.match3{max-width:960px;margin:auto;padding:32px 24px 60px}.match3 h1{font-size:32px;margin:10px 0}.match3 h1:focus{outline:none}.match-intro{color:var(--muted);line-height:1.8;margin:8px 0 28px}.match-layout{display:grid;grid-template-columns:minmax(0,540px) minmax(190px,1fr);gap:28px;align-items:start}.match-garden{background:linear-gradient(145deg,#e7f1df,#f3f7ed);padding:18px;border:1px solid #d4e1c8;border-radius:28px;box-shadow:0 12px 40px #405d3910}.match-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.match-tile{min-width:0;aspect-ratio:1;border:1px solid #ffffffc9;border-radius:13px;padding:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 0 #45644018;transition:transform .15s,box-shadow .15s;touch-action:manipulation}.match-tile span{font-size:clamp(20px,3.2vw,34px);line-height:1}.match-tile:disabled{opacity:1;cursor:default}.color-0{background:#ffe3ec}.color-1{background:#fff2bd}.color-2{background:#ece1fa}.color-3{background:#d9edcf}.color-4{background:#dceef6}.color-5{background:#ffe2cc}.match-tile:hover:not(:disabled){transform:translateY(-2px)}.match-tile.selected{box-shadow:0 0 0 3px #617f4e;transform:scale(.9)}.match-tile:focus-visible{outline:3px solid #6b528e;outline-offset:1px}.match-tile.hinted{animation:match-hint .7s ease-in-out infinite alternate}.match-tile.popping{animation:match-pop .28s ease-in forwards}.match-caption{text-align:center;font-size:12px;color:#69805e;margin:18px 0 0;letter-spacing:.08em}.match-sidebar{display:grid;gap:16px}.match-scorecard{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line)}.match-scorecard>small{color:var(--muted)}.match-scorecard>strong{display:block;font-size:46px;color:#4a714d;margin:6px 0 20px;font-variant-numeric:tabular-nums}.match-scorecard label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.match-scorecard progress{width:100%;height:10px;accent-color:#71935a;margin:10px 0 20px}.match-numbers{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px}.match-numbers span{display:grid;gap:6px;font-size:12px;color:var(--muted)}.match-numbers b{font-size:24px;color:var(--ink)}.match-sidebar .tool-btn,.match-sidebar .primary-btn{width:100%;justify-content:center}.match-help{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.match-status{min-height:48px;text-align:center;line-height:1.8;color:#58734c;font-size:14px;margin:20px 0 0}.match-result{border:1px solid #dec79b;border-radius:16px;background:#fff3d9;color:#815c2a;padding:18px;margin-top:20px;text-align:center;font-weight:600}@keyframes match-pop{50%{transform:scale(1.16)}100%{transform:scale(.25);opacity:0}}@keyframes match-hint{to{box-shadow:0 0 0 3px #a18c38;transform:scale(.9)}}@media(max-width:650px){.match3{padding:24px 16px 40px}.match3 h1{font-size:26px}.match-layout{grid-template-columns:1fr;gap:20px}.match-garden{padding:12px;border-radius:20px}.match-board{gap:4px}.match-tile{border-radius:9px}.match-tile span{font-size:clamp(20px,6vw,34px)}.match-sidebar{grid-template-columns:1fr 1fr;gap:12px}.match-scorecard{grid-column:1/-1;padding:18px}.match-scorecard>strong{font-size:34px;margin-bottom:12px}.match-help{grid-column:1/-1}.match-numbers{padding-top:12px}.match-intro{font-size:14px;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.match-tile{transition:none}.match-tile.popping{animation:none;opacity:.3}.match-tile.hinted{animation:none;outline:3px solid #a18c38}}