@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";:root{--bg-color:#f2f9f1;--text-color:#3c4a3e;--card-bg:#fff;--card-hover:#e5f0e5;--accent:#5db075;--border-radius:20px}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;margin:0;font-family:Jua,Segoe UI,sans-serif;display:flex}#app{text-align:center;max-width:800px;margin:0 auto;padding:2rem}header h1{color:var(--accent);text-shadow:2px 2px #d4e8d6,4px 4px #5db07533;margin-bottom:.5rem;font-size:3.5rem}header p{color:#888;letter-spacing:.5px;margin-bottom:2rem;font-size:1.2rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem 0;display:grid}.game-card{background-color:var(--card-bg);border-radius:var(--border-radius);color:var(--text-color);border:4px solid var(--accent);box-shadow:0 8px 0 var(--accent);padding:1.5rem;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover{background-color:var(--card-hover);box-shadow:0 13px 0 var(--accent);transform:translateY(-5px)}.game-card:active{box-shadow:0 3px 0 var(--accent);transform:translateY(5px)}.game-card .emoji{justify-content:center;align-items:center;height:1.2em;margin-bottom:1rem;font-size:4rem;display:flex}.game-card h2{margin:0 0 .5rem;font-size:1.5rem}.game-card p{color:#ccc;margin:0;font-size:.9rem}footer{color:#666;margin-top:auto;padding:2rem 0;font-size:.9rem}#game-container{max-width:95vw!important;max-height:90vh!important}#game-container canvas{border-radius:inherit;max-width:100%!important;height:auto!important}