@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:CaveatBrush;src:url(/assets/fonts/CaveatBrush-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CaviarDreams;src:url(/assets/fonts/CaviarDreams_Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--primary-color:#4f46e5;--secondary-color:#10b981;--accent-color:#f59e0b;--dark-color:#1f2937;--light-color:#f3f4f6;--heading-font:"CaveatBrush",sans-serif;--body-font:"CaviarDreams","Segoe UI","Roboto",sans-serif}body{margin:0;font-family:var(--body-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font)}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}25%,75%{transform:translateY(-10px)}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0003}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0003}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.animate-slide-in-left{animation:slideInLeft 1s ease-out forwards}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-fade-in{animation:fadeIn 1.5s ease-out forwards}.option-button,.option-button.correct,.option-button.incorrect{@apply from-red-500 to-red-700 hover:from-red-600 hover:to-red-800}.timer-bar{height:8px;border-radius:4px;background:linear-gradient(90deg,#10b981,#3b82f6);transition:width 1s linear}.money-item,.money-item.active,.money-item.secured{@apply from-green-600 to-green-800}.sound-effects{display:none}.category-badge,.lifeline-button,.lifeline-button.used,.prize-amount,.results-container,.results-header,.results-lost,.results-won{@apply text-red-600}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Fredoka+One:wght@400&display=swap");.quiz-container{background:linear-gradient(135deg,#1a0033,#2d1b69 30%,#7c2d12 70%,#1f2937);flex-direction:column}.rain:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:200%;background-image:linear-gradient(#0000,#0000 95%,#ffffff1a 98%,#0000),linear-gradient(90deg,#0000 48%,#ffffff0d 49%,#ffffff0d 51%,#0000 52%);background-size:2px 60px,60px 2px;animation:rain-fall 2s linear infinite}@keyframes rain-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.game-content{position:relative;z-index:10;max-width:1200px;padding:20px;flex-direction:column;gap:30px}.game-content,.game-header{width:100%;display:flex;align-items:center}.game-header{justify-content:space-between;max-width:800px}.timer-container{position:relative}.timer-circle{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#dc2626,#991b1b);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #dc262680,inset 0 0 20px #0000004d}.timer-text{font-size:24px;font-weight:800;color:gold;text-shadow:0 0 10px #ffd700cc}.score-container{text-align:right}.score-label{display:block;font-size:18px;font-weight:600;color:gold;text-shadow:0 0 10px #ffd70099;margin-bottom:5px}.score-value{display:block;font-size:28px;font-weight:800;color:gold;text-shadow:0 0 15px #ffd700cc}.question-section{text-align:center;width:100%;max-width:700px}.question-number{font-size:20px;font-weight:600;color:gold;text-shadow:0 0 10px #ffd70099;margin-bottom:15px}.question-text{font-size:32px;text-shadow:0 0 20px #ffd700cc;line-height:1.3}.answers-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;width:100%;max-width:800px}.answer-option{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#4f46e54d;border:3px solid #ffd70066;border-radius:15px;color:gold;font-size:18px;font-weight:600;text-align:left;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 8px #ffd70099}.answer-option:hover:not(.locked){background:#4f46e580;border-color:#ffd700cc;transform:translateY(-2px);box-shadow:0 8px 25px #ffd7004d}.answer-option.selected{background:#4f46e5b3;border-color:gold;box-shadow:0 0 30px #ffd70080}.answer-option.locked{opacity:.7;cursor:not-allowed}.option-letter{width:35px;height:35px;background:#ffd70033;font-weight:700;font-size:16px}.lifelines-section{display:flex;gap:20px;margin-top:20px}.lifeline-btn{padding:12px 24px;background:#22c55ecc;border:2px solid #22c55e;border-radius:10px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lifeline-btn:hover:not(.used){background:#22c55e;transform:translateY(-2px);box-shadow:0 5px 15px #22c55e66}.lifeline-btn.used{background:#6b728080;border-color:#6b7280;color:#9ca3af;cursor:not-allowed}.game-over-screen{background:#1e293be6;border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #ffd7004d}.game-over-title{font-size:48px;font-weight:800;color:gold;margin-bottom:20px;text-shadow:0 0 25px #ffd700cc}.final-score{font-size:32px;font-weight:700;color:gold;margin-bottom:15px;text-shadow:0 0 15px #ffd70099}.questions-answered{font-size:18px;color:#e2e8f0;margin-bottom:30px}.game-over-buttons{justify-content:center}.menu-btn,.play-again-btn{padding:15px 30px;border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.play-again-btn{background:#22c55e;color:#fff}.play-again-btn:hover{background:#16a34a;transform:translateY(-2px)}.menu-btn{background:#4f46e5cc;border:2px solid #4f46e5}.menu-btn:hover{background:#4f46e5;transform:translateY(-2px)}@media (max-width:768px){.answers-grid{grid-template-columns:1fr;max-width:500px}.game-header{flex-direction:column;gap:20px}.question-text{font-size:24px}.lifelines-section{flex-wrap:wrap;justify-content:center}.game-over-buttons{flex-direction:column;align-items:center}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 20px #ffffff4d}to{box-shadow:0 0 30px #ffffff80}}.shake-animation{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.lifeline-glow{box-shadow:0 0 15px #ffeb3b99;animation:lifelineGlow 1.5s ease-in-out infinite alternate}@keyframes lifelineGlow{0%{box-shadow:0 0 15px #ffeb3b99}to{box-shadow:0 0 25px #ffeb3bcc}}.disabled-lifeline{opacity:.5;filter:grayscale(100%)}.question-appear{animation:questionAppear .8s ease-out forwards}@keyframes questionAppear{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.answer-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.timer-danger{animation:timerDanger 1s ease-in-out infinite}@keyframes timerDanger{0%,to{color:#ef4444}50%{color:#fbbf24}}.score-update{animation:scoreUpdate .5s ease-out}@keyframes scoreUpdate{0%{transform:scale(1)}50%{transform:scale(1.2);color:#10b981}to{transform:scale(1)}}:root{--color-primary:#3b82f6;--color-secondary:#8b5cf6;--color-accent:#f59e0b;--color-background:from-blue-900 to-purple-900;--color-card:bg-white;--color-text:text-gray-800;--color-buttonBg:bg-blue-600;--color-buttonHover:hover:bg-blue-700;--color-buttonText:text-white}body{transition:background-color .3s ease,color .3s ease}body.theme-default{--theme-bg-gradient:linear-gradient(180deg,#1e3a8a,#6d28d9)}body.theme-dark{--theme-bg-gradient:linear-gradient(180deg,#111827,#000)}body.theme-light{--theme-bg-gradient:linear-gradient(180deg,#f3f4f6,#d1d5db)}body.theme-space{--theme-bg-gradient:linear-gradient(180deg,#0f172a,#581c87,#0f172a)}body.theme-retro{--theme-bg-gradient:linear-gradient(180deg,#f59e0b,#ec4899)}.theme-gradient-bg{background:var(--theme-bg-gradient)}.theme-button{padding:.75rem 1rem;border-radius:.375rem;transition:all .2s ease;background-color:var(--color-buttonBg);color:var(--color-buttonText)}.theme-button:hover{filter:brightness(1.1)}.theme-card{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1rem;background-color:var(--color-card);color:var(--color-text)}.toggleSwitch{width:50px;height:50px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#272727;border-radius:50%;cursor:pointer;transition-duration:.3s;box-shadow:2px 2px 10px #00000021;overflow:hidden}.soundCheckbox{display:none}.bell{width:18px}.bell path{fill:#fff}.speaker{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;transition-duration:.3s}.speaker svg{width:18px}.mute-speaker{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;z-index:3;transition-duration:.3s}.mute-speaker svg{width:18px}.soundCheckbox#soundEffectsToggle:checked+.toggleSwitch .speaker{opacity:0;transition-duration:.3s}.soundCheckbox#soundEffectsToggle:checked+.toggleSwitch .mute-speaker{opacity:1;transition-duration:.3s}.soundCheckbox#soundEffectsToggle:active+.toggleSwitch{transform:scale(.7)}.soundCheckbox#soundEffectsToggle:hover+.toggleSwitch{background-color:#3d3d3d}.soundCheckbox#musicToggle:checked+.toggleSwitch .speaker{opacity:0;transition-duration:.3s}.soundCheckbox#musicToggle:checked+.toggleSwitch .mute-speaker{opacity:1;transition-duration:.3s}.soundCheckbox#musicToggle:active+.toggleSwitch{transform:scale(.7)}.soundCheckbox#musicToggle:hover+.toggleSwitch{background-color:#3d3d3d}.soundCheckbox#musicToggle:not(:checked)+.toggleSwitch,.soundCheckbox#soundEffectsToggle:not(:checked)+.toggleSwitch{background-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.soundCheckbox#musicToggle:checked+.toggleSwitch,.soundCheckbox#soundEffectsToggle:checked+.toggleSwitch{background-color:#272727}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#2563eb;box-shadow:0 0 0 6px #3b82f633}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;-moz-transition:all .2s ease;transition:all .2s ease;border:none}.volume-slider::-moz-range-thumb:hover{background:#2563eb;box-shadow:0 0 0 6px #3b82f633}.settings-label{font-weight:500;margin-bottom:.5rem;color:#4b5563}.settings-section{margin-bottom:1.5rem}.volume-container{position:relative;width:100%}.tooltip-container{position:relative;display:inline-flex}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Fredoka+One&display=swap");.quiz-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a0033,#2d1b69 30%,#4a148c 60%,#1a0033);overflow:hidden;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center}.rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff08 0,#ffffff08 4px);animation:rain-animation 20s linear infinite}@keyframes rain-animation{0%{transform:translateY(-100%) translateX(-100%)}to{transform:translateY(100%) translateX(100%)}}.lifeline-selection-screen{position:relative;z-index:10;text-align:center;max-width:600px;width:90%;padding:40px;background:#1e0d3ce6;border-radius:20px;box-shadow:0 10px 50px #00000080;border:2px solid #ffd7004d}.lifeline-title{font-family:Fredoka One,cursive;font-size:4rem;color:gold;text-shadow:0 0 30px #ffd700cc;margin-bottom:20px;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 30px #ffd700cc}50%{text-shadow:0 0 50px gold}}.lifeline-subtitle{font-size:1.5rem;color:gold;margin-bottom:40px;text-shadow:0 0 10px #ffd70099}.lifelines-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:40px}.lifeline-select-btn{padding:20px;font-size:1.5rem;font-weight:700;background:#888;color:#fff;border:3px solid #666;border-radius:15px;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px #00000080}.lifeline-select-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.lifeline-select-btn.selected{background:#fff;color:#000;border-color:gold;box-shadow:0 0 30px #ffd70099}.start-game-btn{padding:18px 60px;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px #00000080;box-shadow:0 8px 25px #10b98166;animation:btn-bounce 2s ease-in-out infinite}@keyframes btn-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.start-game-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #10b98199}.lifeline-hint{font-size:1.1rem;color:gold;margin-top:20px;opacity:.7}.game-screen{position:relative;z-index:10;width:100%;max-width:1200px;padding:20px;display:flex;flex-direction:column;gap:30px}.game-top-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;gap:20px;align-items:center;background:#1e0d3ccc;padding:15px 30px;border-radius:15px;border:2px solid #ffd7004d}.question-counter{font-size:1.3rem;font-weight:600;color:gold;text-shadow:0 0 10px #ffd70099;text-align:left}.current-prize{font-size:2.5rem;font-weight:800;color:gold;text-shadow:0 0 20px #ffd700cc;text-align:center}.timer-and-quit{display:flex;gap:15px;justify-content:flex-end;align-items:center}.timer{font-size:1.3rem;font-weight:600;color:gold;text-shadow:0 0 10px #ffd70099}.timer-warning{color:#f44;text-shadow:0 0 15px #f44c;animation:timer-pulse .5s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quit-btn{padding:10px 25px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fbbf2466}.quit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2499}.lifelines-bar{display:flex;gap:15px;justify-content:center}.lifeline-game-btn{padding:12px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.lifeline-game-btn.active{background:#fff;color:#000;box-shadow:0 4px 15px #fff6}.lifeline-game-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff9}.lifeline-game-btn.used{background:#888;color:#444;cursor:not-allowed;opacity:.5}.question-container{background:#1e0d3ce6;padding:40px;border-radius:20px;border:2px solid #ffd7004d;text-align:center}.question-text{font-size:2rem;font-weight:700;color:gold;text-shadow:0 0 15px #ffd700cc;line-height:1.4;margin:0}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.game-option{display:flex;align-items:center;gap:15px;padding:20px;background:#c8c8c833;border:3px solid #c8c8c866;border-radius:15px;color:#fff;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left}.game-option:hover{background:#9696964d;border-color:#c8c8c899;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.game-option.selected{background:#3b82f680;border-color:#3b82f6;box-shadow:0 0 25px #3b82f680}.game-option.correct-answer{background:#22c55e99;border-color:#22c55e;box-shadow:0 0 30px #22c55e99;animation:correct-flash .5s ease-in-out}@keyframes correct-flash{0%,to{opacity:1}50%{opacity:.7}}.game-option.wrong-answer{background:#ef444499;border-color:#ef4444;box-shadow:0 0 30px #ef444499;animation:wrong-shake .5s ease-in-out}@keyframes wrong-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.game-option.hidden-option{opacity:0;pointer-events:none}.option-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffd7004d;border:2px solid gold;border-radius:50%;font-weight:800;color:gold;flex-shrink:0}.option-text{flex:1 1}.game-over-screen{position:relative;z-index:10;text-align:center;max-width:600px;width:90%;padding:60px 40px;background:#581c87f2;border-radius:25px;box-shadow:0 15px 60px #0009;border:3px solid #ffd70066}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-title{font-family:Fredoka One,cursive;font-size:4rem;color:#f44;text-shadow:0 0 40px #f44c;margin-bottom:30px;animation:title-pulse 1.5s ease-in-out infinite}@keyframes title-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.victory-title{font-family:Fredoka One,cursive;font-size:3.5rem;color:gold;text-shadow:0 0 40px gold;margin-bottom:20px;animation:victory-glow 1.5s ease-in-out infinite}@keyframes victory-glow{0%,to{text-shadow:0 0 40px gold}50%{text-shadow:0 0 60px gold,0 0 80px #ffd700cc}}.victory-subtitle{font-size:2rem;color:gold;margin-bottom:15px}.victory-prize{font-size:4rem;font-weight:800;color:gold;text-shadow:0 0 50px gold;margin-bottom:40px;animation:prize-bounce 1s ease-in-out infinite}@keyframes prize-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-prize{font-size:2.5rem;font-weight:700;color:gold;text-shadow:0 0 20px #ffd700cc;margin-bottom:40px}.game-over-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.restart-btn{padding:18px 50px;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #10b98166;min-width:250px}.restart-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #10b98199}.menu-btn{padding:18px 50px;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ef444466;min-width:250px}.menu-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ef444499}@media (max-width:768px){.lifeline-title{font-size:3rem}.lifeline-subtitle{font-size:1.2rem}.start-game-btn{font-size:1.5rem;padding:15px 40px}.game-top-bar{grid-template-columns:1fr;gap:15px;text-align:center}.current-prize,.question-counter,.timer-and-quit{justify-content:center}.question-text{font-size:1.5rem}.lifelines-grid,.options-grid{grid-template-columns:1fr}.game-option{font-size:1.1rem;padding:15px}.game-over-title,.victory-title{font-size:2.5rem}.victory-prize{font-size:3rem}.final-prize{font-size:2rem}}