.zh-pairs.zh-game-active{gap:16px;padding:14px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 60%,#14386480,transparent 65%),#071426 url('../images/zh-game-bg.webp') center/cover}
.zh-pairs-stats{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(900px,100%);min-height:60px;color:#eef6ff}
.zh-pairs-stats>div{display:grid;gap:5px}.zh-pairs-stats small{font-size:9px;letter-spacing:.12em;color:#a1b9d2}.zh-pairs-stats [data-round-stage]{font-size:14px}
.zh-pairs-goal{flex:1;max-width:280px;text-align:center;color:#ffdc65;font-size:22px}.zh-pairs-goal progress{height:5px;width:100%;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#ffffff15}
.zh-pairs-goal progress::-webkit-progress-bar{background:#ffffff15}.zh-pairs-goal progress::-webkit-progress-value{background:#ffd04f}.zh-pairs-goal progress::-moz-progress-bar{background:#ffd04f}
.zh-pairs-moves{text-align:right;min-width:70px}.zh-pairs-moves strong{font-size:24px;font-variant-numeric:tabular-nums}
.zh-pairs.zh-game-active .zh-pairs-board{--cols:4;--rows:3;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:12px;width:min(900px,100%,calc((100dvh - 220px)/var(--rows)*var(--cols)));max-width:900px;margin:auto 0;box-sizing:border-box;padding:18px;border:1px solid #6ac6fc45;border-radius:26px;background:#06192abb;box-shadow:0 24px 80px #0005}
.zh-pairs.zh-game-active .zh-pairs-board[data-pairs="7"],.zh-pairs.zh-game-active .zh-pairs-board[data-pairs="8"]{--rows:4}
.zh-pairs.zh-game-active .zh-pairs-board:is([data-pairs="9"],[data-pairs="10"],[data-pairs="11"],[data-pairs="12"]){--cols:6;--rows:4}
.zh-pairs.zh-game-active .zh-pairs-board button{position:relative;aspect-ratio:1;max-height:none;min-height:44px;min-width:0;padding:6px;border-radius:18px;border:1px solid #89c9ff60;background:radial-gradient(ellipse at top,#3673a74d,transparent),linear-gradient(145deg,#193d63,#10263e);color:#90b8db;font-size:clamp(24px,4vw,48px);font-weight:700;box-shadow:inset 0 1px #ffffff12,0 4px 10px #0003;transition:background .18s,border-color .18s}
.zh-pairs.zh-game-active .zh-pairs-board button:hover:not(:disabled){border-color:#c8e9ff;background-color:#244c76}
.zh-pairs.zh-game-active .zh-pairs-board button.is-open{background:#e5f5ff;color:#173b73;border-color:#b8e5ff;animation:zh-pairs-reveal .2s ease-out}
.zh-pairs.zh-game-active .zh-pairs-board button.is-matched{background:#173e3b;border-color:#68d9b0;color:white;animation:zh-pairs-match .5s ease-out}
.zh-pairs.zh-game-active .zh-pairs-board button.is-matched::after{content:"✓";position:absolute;right:7px;top:5px;color:#88f3ca;font-size:14px}
.zh-pairs.zh-game-active .zh-pairs-board button.is-mismatch{border-color:#efbc77}
.zh-pairs.zh-game-active [data-message]{padding:0;margin:0;min-height:24px;background:none;color:#b8d0e6;font-size:13px;text-align:center}
@keyframes zh-pairs-reveal{from{transform:scale(.94)}to{transform:scale(1)}}
@keyframes zh-pairs-match{50%{box-shadow:0 0 22px #61e5b955;border-color:#c0ffe6}}
@media(max-width:600px){
 .zh-pairs.zh-game-active{gap:10px}
 .zh-pairs-stats{gap:10px;min-height:60px}.zh-pairs-stats [data-round-stage]{font-size:10px;max-width:115px}.zh-pairs-goal{font-size:17px}.zh-pairs-moves{min-width:52px}.zh-pairs-moves strong{font-size:20px}
 .zh-pairs.zh-game-active .zh-pairs-board{gap:7px;padding:10px;border-radius:20px;width:min(100%,calc((100dvh - 190px)/var(--rows)*var(--cols)))}
 .zh-pairs.zh-game-active .zh-pairs-board:is([data-pairs="9"],[data-pairs="10"]){--cols:4;--rows:5}
 .zh-pairs.zh-game-active .zh-pairs-board:is([data-pairs="11"],[data-pairs="12"]){--cols:4;--rows:6}
 .zh-pairs.zh-game-active .zh-pairs-board button{border-radius:12px;font-size:clamp(22px,7vw,34px)}
 .zh-pairs.zh-game-active [data-message]{font-size:11px}
}
@media(max-height:550px) and (min-width:600px){
 .zh-pairs.zh-game-active{gap:6px;padding:8px 14px}
 .zh-pairs-stats{min-height:40px}.zh-pairs-stats small{font-size:8px}.zh-pairs-stats strong{font-size:13px}
 .zh-pairs.zh-game-active .zh-pairs-board{gap:6px;padding:8px;width:min(900px,100%,calc((100dvh - 160px)/var(--rows)*var(--cols)))}
 .zh-pairs.zh-game-active .zh-pairs-board button{border-radius:10px;font-size:25px}
}
@media(prefers-reduced-motion:reduce){.zh-pairs.zh-game-active .zh-pairs-board button{animation:none!important;transition:none}}