*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--background-color, #6563FF)!important}.wrapper{padding:var(--wrapper-padding);border-radius:var(--wrapper-border-radius);background:var(--wrapper-background);box-shadow:var(--wrapper-shadow);display:none}.score-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow)}.score-item{display:flex;flex-direction:column;align-items:center;gap:5px}.score-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.score-value{font-size:1.4rem;color:var(--score-color, var(--text-primary));font-weight:600}.start-menu{padding:var(--wrapper-padding);border-radius:var(--wrapper-border-radius);background:var(--wrapper-background);box-shadow:var(--wrapper-shadow);text-align:center;max-width:var(--max-width)}.start-menu h1{font-size:var(--h1-size);margin-bottom:var(--h1-margin-bottom);color:var(--text-primary)}.start-menu p{font-size:var(--p-size);margin-bottom:var(--p-margin-bottom);color:var(--text-secondary)}.start-menu button{padding:10px 20px;font-size:var(--button-size);background:var(--button-background);color:var(--start-button-text-color, #fff);border:none;border-radius:var(--button-border-radius);cursor:pointer;transition:var(--button-transition)}.start-menu button:hover{background:var(--button-hover-background)}.game-over{padding:var(--wrapper-padding);border-radius:var(--wrapper-border-radius);background:var(--wrapper-background);box-shadow:var(--wrapper-shadow);text-align:center;max-width:var(--max-width);display:none}.game-over h1{font-size:2rem;margin-bottom:30px;color:var(--game-over-color, var(--text-primary))}.game-over button{padding:10px 20px;font-size:1.2rem;background:var(--button-background);color:var(--start-button-text-color, #fff);border:none;border-radius:var(--button-border-radius);cursor:pointer;transition:background .3s;margin:0 10px}.game-over button:hover{background:var(--button-hover-background)}.cards{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);grid-template-rows:repeat(var(--grid-size),1fr);gap:var(--grid-gap);height:var(--grid-height);width:var(--grid-width)}.card,.view{display:flex;align-items:center;justify-content:center}.cards .card{cursor:pointer;list-style:none;user-select:none;position:relative;perspective:var(--card-perspective);transform-style:preserve-3d}.card.shake{animation:shake var(--shake-duration) var(--shake-timing)}.card .view{width:100%;height:100%;position:absolute;border-radius:var(--card-border-radius);background:var(--card-background);pointer-events:none;backface-visibility:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-duration) linear}.card .front-view img{width:var(--icon-width)}.card .back-view img{max-width:var(--image-max-width)}.card .back-view{transform:rotateY(-180deg)}.card.flip .back-view{transform:rotateY(0)}.card.flip .front-view{transform:rotateY(180deg)}@media screen and (max-width:700px){.cards{height:350px;width:350px}.card .front-view img{width:17px}.card .back-view img{max-width:40px}}@media screen and (max-width:530px){.cards{height:300px;width:300px}.card .front-view img{width:15px}.card .back-view img{max-width:35px}}