*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#1a1f36;font-family:Nunito,system-ui,sans-serif;line-height:1.5}button{font:inherit;cursor:pointer;border:1px solid #d3d9e5;border-radius:8px;background:#fff;color:inherit;padding:12px 18px;font-weight:700}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d24da0;outline-offset:4px}a{color:#3451d1;text-decoration:none}header{background:#fff;border-bottom:2px solid #e2e6f0}.header-inner{max-width:960px;margin:auto;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;gap:16px}header img{display:block;max-width:100%;height:auto}nav{display:flex;gap:16px}nav a{font-size:14px;font-weight:700}main{max-width:760px;margin:20px auto;min-height:75vh;padding:0 20px}.page-heading a{font-size:14px}h1{font-size:28px;margin:12px 0 20px}h2{font-size:21px;margin:0 0 20px}.level-screen{padding:16px 0}.level-options{display:grid;gap:12px}.level-options button{display:flex;align-items:center;text-align:left;gap:18px;padding:14px 20px;border-left:4px solid #0f766e}.level-options button:nth-child(2){border-left-color:#d04462}.level-options button:nth-child(3){border-left-color:#3451d1}.level-options button:hover{background:#eefaf6}.level-copy{flex:1;min-width:0}.level-copy strong,.level-copy span,.level-copy small{display:block}.level-copy strong{font-size:20px}.level-copy span{font-size:14px;color:#39445b}.level-copy small,.rounds-note,.muted{font-size:13px;color:#5a6076}.level-art{display:block;width:72px;height:72px;flex-shrink:0}.object-art{display:block;width:100%;height:100%;background-image:url('../assets/images/matching-objects.png');background-size:400% 400%;background-repeat:no-repeat;pointer-events:none}.diary{background-position:0% 0%}.trophy{background-position:33.333333% 0%}.camera{background-position:33.333333% 66.666667%}.rounds-note{text-align:center}.game-screen{background:#e1f0ee;padding:20px 28px 18px;position:relative;border-block:2px solid #c7e0dc}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-button{border:0;background:#fff;width:44px;height:44px;display:grid;place-items:center;padding:10px}.icon-button svg,.hint-button svg{width:24px;height:24px}.icon-button i,.hint-button i{font-style:normal}.timer{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:800;font-variant-numeric:tabular-nums}.timer svg{width:23px;height:23px}.timer.urgent{color:#b42345}.round-label{font-size:13px;font-weight:700;min-width:80px;text-align:right}.round-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:20px 0 24px}.round-progress span{height:7px;border-radius:4px;background:#bed6d2}.round-progress .current{background:#d24da0}.round-progress .passed{background:#0f766e}.round-progress .failed{background:#c44060}.game-screen h2{text-align:center;font-size:22px;margin-bottom:10px}.pair-counter{text-align:center;min-height:66px}.pair-counter>span{display:block;font-size:27px;font-weight:800;color:#115e59}.pair-counter small{display:block;font-size:11px;color:#486764}.object-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;max-width:510px;margin:14px auto 0;padding-bottom:30px}.object-button{width:100%;aspect-ratio:1;border-radius:50%;border:3px solid #fff;padding:7px;overflow:hidden;background:#fff;position:relative;transition:transform .15s,border-color .15s,opacity .15s;touch-action:manipulation}.object-button:nth-child(3n+2){transform:translateY(30px)}.object-board[data-count='8'] .object-button:last-child{grid-column:2;transform:translateY(30px)}.object-button:hover:not(:disabled){border-color:#7cc6bc}.object-button.selected{border-color:#ce4296;box-shadow:0 0 0 4px #ce42962e}.object-button.wrong{border-color:#d04462;animation:shake .25s}.object-button.hinted{border-color:#d6a71f;box-shadow:0 0 0 4px #e2b82b33}.object-button.matched{border-color:#0f766e;opacity:.25}.object-button.matched:after{content:'\2713';position:absolute;inset:0;display:grid;place-items:center;background:#e1f0ee80;color:#065f46;font-size:38px;font-weight:900}.feedback{min-height:24px;text-align:center;color:#476562;font-size:14px;margin:20px 0 12px}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-badge,.mistake-count{font-size:12px;width:90px}.mistake-count{text-align:right}.level-badge{font-weight:700}.hint-button{display:flex;align-items:center;gap:9px;padding:10px 16px;border:0;background:#fff;color:#115e59}.hint-button span{border-radius:50%;width:24px;height:24px;background:#f6db82;color:#5c4915;display:grid;place-items:center;font-size:13px}.hint-button:disabled{opacity:.45}.results-screen{text-align:center;padding:16px 0}.result-mark{width:100px;height:100px;margin:auto}.result-score{font-size:48px;color:#0f766e;font-weight:800}.results-screen h2{margin:16px 0 0;font-size:25px}.result-stats{display:flex;justify-content:center;gap:40px;padding:24px 0;border-block:1px solid #dbe2ec;margin:24px 0}.result-stats strong,.result-stats span{display:block}.result-stats strong{font-size:24px}.result-stats span{font-size:12px;color:#5a6076}.result-actions,.dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.primary{background:#0f766e;border-color:#0f766e;color:#fff}.primary:hover{background:#115e59}.round-review{padding-left:24px;text-align:left;margin-top:28px}.round-review li{padding:12px 0;border-bottom:1px solid #dbe2ec;color:#5a6076;font-size:14px}dialog{max-width:calc(100% - 32px);width:360px;border:0;border-radius:8px;padding:30px;text-align:center;color:#1a1f36}dialog::backdrop{background:#18343299;backdrop-filter:blur(5px)}dialog h2{margin-bottom:14px}dialog p{color:#5a6076;font-size:14px}footer{text-align:center;padding:20px;font-size:14px;color:#5a6076}[hidden]{display:none!important}@keyframes shake{25%{margin-left:-3px}75%{margin-left:3px}}@media(max-width:480px){main{padding:0 12px;margin-top:14px}h1{font-size:24px}.header-inner{padding-inline:16px}nav{gap:10px}nav a{font-size:12px}header img{width:100px}.game-screen{padding:16px 14px}.game-screen h2{font-size:19px}.timer{font-size:20px}.object-board{gap:12px 10px;padding-bottom:22px}.object-button{padding:3px}.object-button:nth-child(3n+2),.object-board[data-count='8'] .object-button:last-child{transform:translateY(22px)}.level-options button{padding:12px;gap:10px}.level-art{width:60px;height:60px}.level-copy span{font-size:12px}.level-copy small{font-size:11px}.result-stats{gap:24px}}@media(prefers-reduced-motion:reduce){.object-button{transition:none}.object-button.wrong{animation:none}}
/* Keep the whole board and its controls visible on taller screens. */
.object-board{max-width:min(450px,max(225px,calc((100svh - 550px) * 3 / var(--rows,3))))}
.round-progress{margin:14px 0 16px}
.pair-counter{min-height:56px}
.feedback{margin:12px 0}
@media(min-width:600px){
  .object-board{grid-template-columns:repeat(4,minmax(0,1fr));max-width:min(440px,max(280px,calc((100svh - 565px) * 4 / var(--desktop-rows,2))));padding-bottom:20px}
  .object-button:nth-child(3n+2){transform:none}
  .object-button:nth-child(4n+2),.object-button:nth-child(4n+4),.object-board[data-count='8'] .object-button:last-child{transform:translateY(20px);grid-column:auto}
}