*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0b1220,#1a2332);color:#e0e6ed;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:1200px;margin:0 auto;padding:1rem}h1{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#60a5fa;text-shadow:0 2px 10px rgba(96,165,250,.5)}p{text-align:center;font-size:1.1rem;margin-bottom:2rem;color:#94a3b8}.game-container{width:100%;max-width:900px;margin:0 auto;background:#0f172acc;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0006}.canvas-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#0f172a;border-radius:8px;overflow:hidden}canvas{display:block;width:100%;height:100%}.controls{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}select{padding:.75rem 1rem;font-size:1rem;border:2px solid #334155;border-radius:8px;background:#1e293b;color:#e0e6ed;cursor:pointer;transition:all .2s}select:hover{border-color:#475569}select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.info-text{margin-top:1rem;text-align:center;font-size:.9rem;color:#64748b}.game-controls{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.answer-input-group{display:flex;gap:.75rem;flex-wrap:wrap}.answer-input{flex:1;min-width:200px;padding:.75rem 1rem;font-size:1rem;border:2px solid #334155;border-radius:8px;background:#1e293b;color:#e0e6ed;transition:all .2s}.answer-input:hover{border-color:#475569}.answer-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.answer-input::placeholder{color:#64748b}.game-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.secondary-button{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 12px #4755694d}.secondary-button:hover{box-shadow:0 6px 16px #47556966}@media (max-width: 768px){h1{font-size:2rem}p{font-size:1rem}.game-container{padding:1rem}}