:root{--text: #04221e;--background: #f0fdfd;--primary: #1fe4ce;--secondary: #7fc8f0;--accent: #4c91ea}@font-face{font-family:roboto;src:url(/assets/Roboto-VariableFont_wdth_wght-WOy3sDCz.ttf)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:var(--background);font-family:roboto;color:var(--text)}.card{border-radius:8px;box-shadow:3px 2px 8px 2px #00000091;width:100%;aspect-ratio:4 / 5;padding:clamp(5px,15px,25px);background-color:var(--secondary);transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.card>img{width:100%;max-height:100%;background-color:#00000049;border-radius:15px}.card:hover{transform:translate(-5px,-5px);box-shadow:6px 4px 8px 2px var(--primary);cursor:pointer}.game-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px}.app{display:grid;grid-template-rows:clamp(100px,10vh,200px) 1fr;min-height:100vh}header{display:flex;background-color:var(--secondary);justify-content:center;align-items:center}main{padding:clamp(5px,30px,35px)}.main-screen{display:flex;min-height:80%;flex-direction:column;justify-content:center;align-items:center;border:5px solid var(--accent);border-radius:10px;background-color:var(--secondary);gap:25px}button{border:2px solid var(--secondary);background-color:var(--primary);border-radius:10px;padding:15px 20px;font-size:1.6rem;font-weight:600;transition:background-color .3s .1s ease-in-out}button:hover{background-color:var(--accent);cursor:pointer}.score-header{display:flex;gap:20px;background-color:var(--accent);padding:clamp(5px,15px,20px);font-size:1.4rem;font-weight:600;border-radius:10px}.load-screen{display:flex;justify-content:center;font-size:2rem;font-weight:900;color:var(--accent);animation-name:load-screen;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes load-screen{0%{transform:scale(.8);color:var(--primary)}to{transform:scale(1);color:var(--secondary)}}