@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Playfair+Display:wght@400;700&display=swap";body[data-theme=games]{--bg:#0a0a0a;--primary:#00ff41;--primary-dim:#00aa2a;--danger:#ff003c;--text:#e0e0e0;--font:"Press Start 2P", monospace}body[data-theme=film]{--bg:#2c2416;--primary:#c9a96e;--primary-dim:#8b6914;--danger:#8b0000;--text:#e8d5b0;--font:"Playfair Display", serif}body[data-theme=neutral]{--bg:#1a1a2e;--primary:#e0e0e0;--primary-dim:#888;--danger:#ff003c;--text:#e0e0e0;--font:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--primary);font-family:var(--font);min-height:100vh;padding:20px}#app{width:100%;max-width:700px;margin:0 auto;padding-top:2rem}#app h1{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}#app p{margin-bottom:2rem}#app button{margin-bottom:1rem}#title{color:var(--primary);text-align:center;justify-content:center;font-size:1.2rem}#score-tracker{color:var(--primary-dim);text-align:center;font-size:.7rem}#question-counter{color:var(--primary-dim);font-size:.6rem}#score-text{color:var(--text);font-size:.8rem;line-height:2}#question-text{color:var(--text);border-left:4px solid var(--primary);padding-left:1rem;font-size:.9rem;line-height:1.8}#answers-container{flex-direction:column;gap:1rem;display:flex}#feedback{color:var(--primary);margin-top:1.5rem;margin-bottom:1rem;font-size:.8rem}#exit-button{opacity:.5;width:auto;margin-top:2rem;padding:.5rem 1rem;font-size:.6rem}#exit-button:hover{opacity:1}button{font-family:var(--font);color:var(--primary);border:4px solid var(--primary);cursor:pointer;text-align:left;box-shadow:4px 4px 0px var(--primary-dim);background-color:#0000;width:100%;padding:1rem;font-size:.7rem;transition:all .1s}button:hover:not(:disabled){background-color:var(--primary);color:var(--bg);box-shadow:none;transform:translate(4px,4px)}button:disabled{cursor:not-allowed;opacity:.8}button[style*=green]{border-color:var(--primary);background-color:var(--primary);color:var(--bg);box-shadow:none}button[style*=red]{border-color:var(--danger);background-color:var(--danger);color:var(--bg);box-shadow:none}#cards-container{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;display:grid}.category-card{border:4px solid var(--primary);text-align:center;cursor:pointer;box-shadow:4px 4px 0px var(--primary-dim);padding:2rem;transition:all .1s}.category-card:hover{background-color:var(--primary);color:var(--bg);box-shadow:none;transform:translate(4px,4px)}.card-emoji{margin-bottom:1rem;font-size:3rem}.card-name{font-size:.8rem}body[data-theme=film] #title{font-size:2rem}body[data-theme=film] #score-tracker,body[data-theme=film] #question-counter{font-size:1rem}body[data-theme=film] #question-text{font-size:1.2rem}body[data-theme=film] button,body[data-theme=film] #feedback{font-size:1rem}.fade-in{animation:1s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}