:root{--black:#171415;--cream:#fff5da;--pink:#ff668e;--blue:#587cff;--lime:#caff67}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--black);font-family:Arial,"PingFang SC",sans-serif}button{font:inherit}main{max-width:1100px;margin:auto;padding:24px 30px 70px}header{display:flex;align-items:center;border-bottom:3px solid var(--black);padding-bottom:14px}.brand{text-decoration:none;color:inherit;font-size:22px;line-height:.85;transform:rotate(-3deg)}.brand b,.brand i{display:block}.brand i{font-style:normal;color:var(--pink)}.score{margin-left:auto;display:flex;gap:26px}.score span{font-size:12px}.score strong{display:block;font-size:21px}.again{border:2px solid var(--black);background:var(--lime);margin-left:24px;padding:8px 13px;box-shadow:3px 3px 0 var(--black);cursor:pointer}.hero{display:flex;justify-content:space-between;align-items:end;padding:30px 0 24px}.kicker{font-size:11px;letter-spacing:.16em}.hero h1{font-size:clamp(38px,6vw,68px);line-height:.87;letter-spacing:-.06em;margin:12px 0 0}.hero h1 em{font-style:normal;color:var(--blue)}.chooser{display:flex;gap:8px}.chooser button{border:2px solid var(--black);background:white;padding:10px 18px;min-width:82px;cursor:pointer;box-shadow:3px 3px 0 var(--black)}.chooser button.active{background:var(--pink);transform:translate(3px,3px);box-shadow:none}.chooser small{display:block}.board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:12px;max-width:860px;margin:auto}.card{aspect-ratio:1;border:0;background:none;padding:0;perspective:800px;cursor:pointer}.inner{width:100%;height:100%;position:relative;display:block;transition:transform .45s;transform-style:preserve-3d}.card.flipped .inner{transform:rotateY(180deg)}.inner i{position:absolute;inset:0;display:grid;place-items:center;border:2.5px solid var(--black);backface-visibility:hidden;font-style:normal;box-shadow:5px 5px 0 var(--black)}.back{background:var(--blue);color:white;font-size:clamp(24px,4vw,52px);font-weight:bold}.face{background:white;transform:rotateY(180deg);font-size:clamp(26px,5vw,56px)}.matched .face{background:var(--lime)}footer{display:flex;gap:16px;align-items:center;margin:26px auto 0;max-width:860px;border-top:2px dashed var(--black);padding-top:14px;font-size:13px}footer b{background:var(--pink);padding:5px 10px}footer p{margin-left:auto}.modal{position:fixed;inset:0;background:rgba(23,20,21,.78);display:grid;place-items:center;padding:20px;z-index:5}.modal[hidden]{display:none}.modal>div{background:var(--cream);border:3px solid var(--black);box-shadow:10px 10px 0 var(--pink);padding:40px;text-align:center;transform:rotate(-1deg)}.modal span{letter-spacing:.2em;font-size:12px}.modal h2{font-size:44px;margin:12px 0}.modal button{border:2px solid var(--black);background:var(--lime);padding:12px 24px;box-shadow:4px 4px 0 var(--black);cursor:pointer}@media(max-width:650px){main{padding:16px 14px 50px}.hero{display:block}.chooser{margin-top:22px}.chooser button{flex:1;min-width:0;padding:8px}.board{gap:8px}.inner i{box-shadow:3px 3px 0 var(--black)}.score{gap:12px}.again{margin-left:12px;padding:7px}.modal h2{font-size:34px}}