:root{--bg-color: #1E1E2E;--card-back: #313244;--card-front: #CBA6F7;--text-color: #F8F8F2;--title-color: #BD93F9;--btn-bg: #BD93F9;--btn-text: #1E1E2E;--btn-hover: #D6A8FF;--border-color: #6272A4;--highlighter-color: #446080}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{min-height:100%;width:100%}html{font-size:62.5%}body{background-color:var(--bg-color);color:var(--text-color);font-size:1.6rem}a{color:#2525a7;text-decoration:none}button{outline:none;border:none;padding:1rem 1.5rem;border-radius:1rem;cursor:pointer;background-color:var(--btn-bg);color:var(--btn-text);font-size:2rem;transition:.5s ease;font-weight:700}button:hover{background-color:var(--btn-hover)}.screen{will-change:opacity}.noselect{user-select:none;-webkit-user-select:none}@media (max-width: 998px){html{font-size:55%}}.home-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}.home-screen section h1{font-size:5rem;line-height:5rem}.home-screen section p{font-size:1.8rem}.game-title{display:flex;align-items:center;gap:2rem}.game-title-img-container{height:8rem;width:8rem}.game-title-img-container img{height:100%;width:100%}.option-highlighter-gap{margin-top:2rem}.high-score{font-size:1.8rem}.option-highlighter-container{display:flex;align-items:center;gap:1rem}.highlighter-container{display:flex;position:relative}.highlighter-container span{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.5rem .8rem;border-radius:1rem;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.highlighter{background-color:var(--highlighter-color);border-radius:1rem;height:100%;position:absolute;top:0;left:0;z-index:-999;width:5rem}.game-screen{height:100dvh;flex-direction:column;justify-content:center;align-items:center;position:relative}.game-screen-title{border-bottom:.1rem solid var(--border-color);width:100%;padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center;height:8rem}.game-state{display:flex;gap:2rem}.game-state span{cursor:pointer;font-size:2.5rem;transition:.5s ease;display:inline-block}.game-state span:hover{transform:scale(1.2)}.game-timer{display:flex;gap:2rem;align-items:center;font-size:1.8rem}.card-section{height:calc(100dvh - 8rem);display:flex;justify-content:center;align-items:center}.card-container{display:grid;gap:2rem;max-width:fit-content;margin:auto}.card-container.Easy{grid-template-columns:repeat(4,1fr)}.card-container.Med{grid-template-columns:repeat(5,1fr)}.card-container.Hard{grid-template-columns:repeat(6,1fr)}@media (max-width: 768px){html{font-size:45%}.card-container{width:100%}.card-container.Med,.card-container.Hard{grid-template-columns:repeat(4,1fr)}}.game-model{padding:3rem;height:80vh;width:80%;position:absolute;background-color:#000;z-index:100;border-radius:1rem;display:flex;gap:4rem;flex-direction:column;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;will-change:transform}.close{color:#fff;position:absolute;top:2rem;right:2rem;font-size:3rem;cursor:pointer}.game-model-title{font-size:4rem}.game-model-btn-container{display:flex;gap:2rem}.game-model-btn-container button{padding:.5rem 1rem;font-size:1.8rem}.card{width:100%;aspect-ratio:1 / 1;border-radius:1rem;cursor:pointer;position:relative;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-front,.card-back{height:100%;width:100%;position:absolute;border-radius:1rem;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.card-front{background-color:var(--card-front);transform:rotateY(180deg);font-size:8rem}.card-back{background-color:var(--card-back)}@media (max-width: 768px){html{font-size:45%}}