:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.menu-container{max-width:600px;width:100%;text-align:center}.menu-header{margin-bottom:2.5rem}.menu-title{font-size:3rem;font-weight:800;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-subtitle{margin:.5rem 0 0;color:#ffffff80;font-size:1.1rem}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.game-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .2s ease;text-align:center;color:inherit;font:inherit}.game-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.game-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.game-card h3{margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.game-card p{margin:0;font-size:.85rem;color:#ffffff80}.game{max-width:700px;width:100%;text-align:center}.game h2{margin:0 0 .25rem;font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.subtitle{margin:0 0 1.5rem;color:#ffffff80;font-size:.95rem}.back-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;padding:.25rem 0;margin-bottom:1rem;font-family:inherit}.back-btn:hover{color:#fff}.play-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.play-btn:hover{opacity:.9}.play-btn.small{padding:.6rem 1.2rem;font-size:.9rem}.hangman-visual{margin-bottom:1.5rem}.hangman-svg{width:180px;height:200px}.word-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;letter-spacing:.4em;margin-bottom:1rem;font-weight:600}.game-message{margin:0 0 1rem;color:#fff9;font-size:.95rem}.win-msg{color:#4ade80;font-weight:600;margin:.75rem 0}.lose-msg{color:#f87171;font-weight:600;margin:.75rem 0}.letter-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1rem}.letter-btn{width:38px;height:38px;border-radius:.4rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fafafa;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;text-transform:uppercase}.letter-btn:hover:not(:disabled){background:#ffffff1f}.letter-btn.correct{background:#4ade8033;border-color:#4ade80;color:#4ade80}.letter-btn.wrong{background:#f8717126;border-color:#f871714d;color:#f8717180}.letter-btn:disabled{cursor:default;opacity:.4}.trivia-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem}.trivia-question{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.trivia-options{display:grid;gap:.75rem}.trivia-opt{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.85rem 1rem;color:#fafafa;font-size:1rem;cursor:pointer;font-family:inherit;transition:all .15s;text-align:left}.trivia-opt:hover:not(:disabled){background:#ffffff1a}.trivia-opt.correct{background:#4ade8033;border-color:#4ade80;color:#4ade80}.trivia-opt.wrong{background:#f8717126;border-color:#f87171;color:#f87171}.trivia-opt:disabled{cursor:default}.result-screen{margin-top:2rem}.big-score{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-bar{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;font-size:.9rem;color:#ffffff80}.reaction-zone{border-radius:1rem;padding:4rem 2rem;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.reaction-zone.idle{background:#ffffff0f;border:2px dashed rgba(255,255,255,.15)}.reaction-zone.waiting{background:#ef444426;border:2px solid rgba(239,68,68,.3);color:#f87171}.reaction-zone.ready{background:#4ade8033;border:2px solid #4ade80;color:#4ade80}.reaction-zone.result{background:#6366f126;border:2px solid rgba(99,102,241,.3);color:#818cf8}.reaction-zone.too-early{background:#fbbf2426;border:2px solid rgba(251,191,36,.3);color:#fbbf24}.final-stats{margin-top:1.5rem}.final-stats p{margin:.25rem 0;color:#fff9}.final-stats .play-btn{margin-top:1rem}.draw-canvas{width:100%;max-width:600px;height:400px;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;cursor:crosshair;touch-action:none;margin-bottom:1rem;background:#1a1a2e}.guess-row{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.guess-input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;padding:.7rem 1rem;color:#fafafa;font-size:1rem;font-family:inherit;width:260px}.guess-input::placeholder{color:#ffffff4d}.guess-input:focus{outline:none;border-color:#6366f1}@media(max-width:500px){.shell{padding:1rem}.menu-title{font-size:2.2rem}.game-grid{grid-template-columns:1fr}.word-display{font-size:1.4rem;letter-spacing:.25em}.letter-btn{width:32px;height:32px;font-size:.8rem}.stats-bar{gap:1rem;font-size:.8rem}}