:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.back-link{position:absolute;top:1.5rem;left:1.5rem;color:#888;text-decoration:none;font-size:1rem;transition:color .2s ease}.back-link:hover{color:#fff}.start-screen .title{font-size:4.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.subtitle{font-size:1.8rem;color:#aaa;margin-bottom:1.5rem}.instructions{background:#ffffff14;border-radius:12px;padding:1rem 2rem;margin-bottom:2rem;max-width:700px}.instructions p{font-size:1.1rem;color:#ccc;line-height:1.5;margin:0}.instructions strong{color:#4caf50}.mode-selection{width:100%;max-width:1000px}.mode-title{font-size:1.5rem;margin-bottom:1.5rem;color:#ccc}.difficulty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.difficulty-card{background:#ffffff14;border:3px solid var(--diff-color, rgba(255, 255, 255, .1));border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.4rem}.difficulty-card:hover{background:#ffffff26;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.difficulty-icon{font-size:2.5rem}.difficulty-name{font-size:1.4rem;font-weight:700;color:var(--diff-color, white)}.difficulty-desc{font-size:.85rem;color:#999}.difficulty-count{font-size:.75rem;color:#666;margin-top:.3rem}.selected-difficulty{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.btn-back{background:transparent;border:1px solid rgba(255,255,255,.3);color:#888;padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-back:hover{background:#ffffff1a;color:#fff}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;max-width:900px;margin-left:auto;margin-right:auto}.mode-card{background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mode-card:hover{background:#ffffff26;border-color:#4caf50;transform:translateY(-4px)}.mode-icon{font-size:2.5rem}.mode-name{font-size:1.3rem;font-weight:700;color:#fff}.mode-desc{font-size:.85rem;color:#999;line-height:1.4}.question-count{margin-top:1.5rem;font-size:1rem;color:#555}.btn{border:none;border-radius:15px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn-start{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:2rem;padding:1.5rem 4rem;box-shadow:0 10px 30px #4caf5066}.btn-start:hover{box-shadow:0 15px 40px #4caf5099}.btn-main{color:#fff;font-size:2rem;padding:1.5rem 4rem;min-width:350px}.btn-reveal{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 10px 30px #ff980066}.btn-reveal:hover{box-shadow:0 15px 40px #ff980099}.btn-next{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 10px 30px #2196f366}.btn-next:hover{box-shadow:0 15px 40px #2196f399}.btn-small{font-size:1rem;padding:.8rem 1.5rem}.btn-reset{background:#fff3;color:#fff}.btn-reset:hover{background:#ffffff4d}.game-screen{display:grid;grid-template-rows:auto 1fr auto auto;min-height:100vh;padding:1.5rem 3rem 2rem;gap:1rem}.header{width:100%;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1.5rem}.mode-badge{background:#ffffff26;padding:.5rem 1rem;border-radius:20px;font-size:1rem;font-weight:600}.question-number{font-size:1.2rem;color:#888}.question-card{display:flex;align-items:center;justify-content:center;width:100%;max-width:1100px;margin:0 auto;background:#ffffff0d;border-radius:30px;padding:2rem 3rem}.question-text{font-size:3rem;font-weight:600;line-height:1.3;color:#fff}.timer{display:flex;flex-direction:column;align-items:center;padding:1rem}.timer-number{font-size:4rem;font-weight:800;color:#4caf50;line-height:1;transition:color .3s ease}.timer-warning .timer-number{color:#f44336;animation:pulse .5s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer-label{font-size:1rem;color:#888;text-transform:uppercase;letter-spacing:2px}.answer-options{display:flex;justify-content:center;gap:3rem;min-height:140px;align-items:center}.option{display:flex;flex-direction:column;align-items:center;padding:1.5rem 3rem;border-radius:20px;background:#ffffff1a;min-width:200px}.option-label{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.option-instruction{font-size:1rem;color:#aaa}.option-yes{border:3px solid #4CAF50}.option-yes .option-label{color:#4caf50}.option-no{border:3px solid #f44336}.option-no .option-label{color:#f44336}.answer-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 4rem;border-radius:30px;min-height:140px;animation:popIn .4s ease}@keyframes popIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.answer-yes{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 15px 50px #4caf5080}.answer-no{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 15px 50px #f4433680}.answer-text{font-size:5rem;font-weight:800;line-height:1}.answer-explanation{font-size:1.4rem;margin-top:.5rem;font-style:italic;opacity:.95}.answer-instruction{font-size:1.3rem;opacity:.85;margin-top:.5rem}.controls{display:flex;justify-content:center;align-items:center;padding:1rem 0}.game-over .title{font-size:4rem;margin-bottom:1.5rem;color:gold;text-shadow:0 0 30px rgba(255,215,0,.5)}.game-over .subtitle{font-size:2rem;margin-bottom:2.5rem}@media(min-width:1400px){.question-text{font-size:3.5rem}.answer-text{font-size:6rem}.start-screen .title{font-size:5.5rem}.mode-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.start-screen .title{font-size:3rem}.mode-grid,.difficulty-grid{grid-template-columns:repeat(2,1fr)}.question-text{font-size:2rem}.answer-options{flex-direction:column;gap:1rem;min-height:auto}.answer-text{font-size:4rem}.btn-main{font-size:1.5rem;padding:1.2rem 2.5rem;min-width:280px}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:500px){.mode-grid{grid-template-columns:1fr}.difficulty-grid{grid-template-columns:repeat(2,1fr)}.difficulty-card{padding:1rem .5rem}.difficulty-icon{font-size:2rem}.difficulty-name{font-size:1.1rem}}