*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1a1a1a;background:#fafafa}header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid #ddd;background:#fff}header h1{font-size:1.1rem;margin:0}header label{font-size:.8rem;color:#666}header input{font:inherit;padding:.2rem .4rem}.status{margin-left:auto;font-weight:600}header button{font:inherit;padding:.3rem .7rem;cursor:pointer}.scoreboard{display:flex;gap:.5rem;flex-wrap:wrap;padding:.75rem 1rem}.player{padding:.3rem .7rem;border:2px solid #ccc;border-radius:999px;font-size:.9rem;background:#fff;opacity:.7}.player.turn{opacity:1;font-weight:700;box-shadow:0 0 0 2px #0000000a}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:680px;margin:1rem auto;padding:0 1rem}.card{aspect-ratio:3 / 4;border:2px solid #cdd6e6;border-radius:10px;font-size:2rem;cursor:pointer;display:grid;place-items:center;background:linear-gradient(135deg,#3b5bdb,#5c7cfa);color:transparent;transition:transform .08s ease}.card:not(:disabled):hover{transform:translateY(-2px)}.card.up{background:#fff;color:inherit}.card.matched{opacity:.55;cursor:default;background:#f3f6ff}.card:disabled:not(.matched):not(.up){cursor:not-allowed}dialog{border:1px solid #ccc;border-radius:8px;padding:1.5rem}dialog svg{width:180px;height:180px}dialog a{word-break:break-all;font-size:.8rem}