.pairBoard{box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;max-width:480px;font-family:var(--font-sans,system-ui, sans-serif);flex-direction:column;align-items:center;margin:0 auto;padding:16px 12px;display:flex}.pairHud{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:340px;margin-bottom:16px;display:flex}.pairBadge{color:#1b1726;background:#f0ede4;border:1.5px solid #1b1726;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.pairBadgeAccent{background:#64e2d3}.pairGrid{box-sizing:border-box;background:#fdfcf9;border:3px solid #1b1726;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:380px;padding:12px;display:grid;box-shadow:4px 4px #1b1726}.pairCell{aspect-ratio:1;color:#1b1726;cursor:pointer;touch-action:manipulation;background:#f5f2eb;border:2px solid #1b1726;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:28px;font-weight:800;transition:transform .1s,box-shadow .1s,background .1s;display:flex}.pairCell:hover:not(:disabled):not(.pairCellEmpty){background:#ece8df}.pairCellSelected{transform:scale(1.05);background:#64e2d3!important;border:3px solid #1b1726!important;box-shadow:0 0 0 3px #1b1726,0 4px 8px #1b172626!important}.pairCellEmpty{cursor:default;visibility:visible;background:0 0;border:1px dashed #1b172626}.pairCellShake{animation:.4s cubic-bezier(.36,.07,.19,.97) both pairShake}@keyframes pairShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.pairActions{justify-content:center;gap:12px;width:100%;max-width:340px;margin-top:20px;display:flex}.pairBtn{color:#1b1726;cursor:pointer;touch-action:manipulation;background:#f5f2eb;border:2px solid #1b1726;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:2px 2px #1b1726}.pairBtn:active{transform:translate(2px,2px);box-shadow:0 0 #1b1726}.pairBtnPrimary{background:#64e2d3}.pairModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1b172699;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pairModal{text-align:center;box-sizing:border-box;background:#fdfcf9;border:3px solid #1b1726;border-radius:20px;width:100%;max-width:360px;padding:24px;box-shadow:6px 6px #1b1726}.pairModalTitle{color:#1b1726;margin-bottom:8px;font-size:22px;font-weight:900}.pairModalStats{color:#1b1726;background:#f5f2eb;border:2px solid #1b1726;border-radius:12px;justify-content:space-around;margin:16px 0;padding:12px;font-size:16px;font-weight:700;display:flex}.pairModalButtons{flex-direction:column;gap:10px;margin-top:20px;display:flex}@media (prefers-reduced-motion:reduce){.pairCell,.pairBtn{transition:none!important;animation:none!important}}@media (max-height:430px){.pairBoard{padding:8px 12px}.pairHud{margin-bottom:8px}.pairGrid{gap:6px;max-width:252px;padding:8px}.pairCell{font-size:20px}.pairActions{margin-top:8px}}