.tools_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.tools_card{box-sizing:border-box;display:grid;grid-template-columns:64px minmax(0,1fr) 22px;align-items:center;gap:14px;min-width:0;min-height:176px;padding:20px;border-radius:12px;color:#174c3d;text-decoration:none;background:#f2eee4;touch-action:manipulation}
.tools_card:hover{filter:brightness(1.035)}.tools_card:active{filter:brightness(.96)}
.tools_card:focus-visible{outline:2px solid #e8eeeb;outline-offset:3px}
.tools_artwork{display:block;width:64px;height:64px;object-fit:contain}
.tools_copy{min-width:0;overflow-wrap:anywhere}.tools_copy h2{margin:0 0 8px;color:inherit;font-size:19px;font-weight:600;line-height:1.2}.tools_copy p{font-size:13px;line-height:1.5;margin:0;color:#385e50}
.tools_arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tools_mahjong>.tools_arrow{color:#bd4f38}.tools_badminton{background:#d5e9dc}
@media(max-width:899px){.tools_grid{grid-template-columns:1fr;gap:14px}.tools_card{min-height:156px;padding:18px}}
@media(min-width:761px){.tools_grid{grid-template-columns:1fr;gap:12px}.tools_card{grid-template-columns:48px minmax(0,1fr) 20px;gap:12px;min-height:112px;padding:16px}.tools_artwork{width:48px;height:48px}.tools_copy h2{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.tools_card{transition:filter 120ms}}