.App{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.homepage{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.homepage-container{max-width:1200px;width:100%;background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d}.homepage-title{font-size:3rem;color:#667eea;text-align:center;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.homepage-intro{font-size:1.2rem;text-align:center;color:#555;margin-bottom:40px;line-height:1.6}.games-list h2{font-size:2rem;color:#333;margin-bottom:30px;text-align:center}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.game-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.game-emoji{font-size:4rem;margin-bottom:15px}.game-card h3{font-size:1.5rem;color:#333;margin-bottom:15px}.game-card p{font-size:1rem;color:#666;margin-bottom:20px;line-height:1.5}.play-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;font-size:1.1rem;border-radius:25px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-weight:700}.play-button:hover{transform:scale(1.05);box-shadow:0 5px 15px #667eea66}.play-button:active{transform:scale(.98)}@media (max-width: 768px){.homepage-title{font-size:2rem}.homepage-intro{font-size:1rem}.games-list h2{font-size:1.5rem}.games-grid{grid-template-columns:1fr}.homepage-container{padding:25px}}.support-button{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:18px 32px;font-size:1.3rem;font-weight:700;border-radius:50px;text-decoration:none;box-shadow:0 8px 25px #ff6b6b66;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.support-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #ff6b6b99;background:linear-gradient(135deg,#ff8e53,#ff6b6b)}.support-button:active{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ff6b6b80}@media (max-width: 768px){.support-button{bottom:20px;right:20px;padding:14px 24px;font-size:1.1rem}}@media (max-width: 480px){.support-button{bottom:15px;right:15px;padding:12px 20px;font-size:1rem}}.shopee-fortune-wheel{position:relative}.back-to-home{position:fixed;top:20px;left:20px;background:#ffffffe6;color:#667eea;border:2px solid #667eea;padding:10px 20px;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700;z-index:1000;box-shadow:0 4px 10px #0000001a}.back-to-home:hover{background:#667eea;color:#fff;transform:translate(-5px);box-shadow:0 6px 15px #667eea66}.back-to-home:active{transform:translate(-3px) scale(.98)}@media (max-width: 768px){.back-to-home{top:10px;left:10px;padding:8px 15px;font-size:.9rem}}.host-setup{width:100%;max-width:800px}.host-setup-container{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.title{font-size:3rem;text-align:center;margin-bottom:10px;color:#e91e63;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:40px}.setup-form{margin-bottom:40px}.setup-form label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#333}.phrase-input{width:100%;padding:15px;font-size:1.2rem;border:3px solid #667eea;border-radius:10px;margin-bottom:20px;text-transform:uppercase}.phrase-input-wrapper{position:relative;display:flex;align-items:center}.reveal-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#fff;border:2px solid #667eea;color:#667eea;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:0;transition:all .2s}.reveal-button:hover{background:#667eea;color:#fff}.reveal-button:active{transform:translateY(-50%) scale(.95)}.phrase-input:focus{outline:none;border-color:#e91e63;box-shadow:0 0 10px #e91e634d}.start-button{width:100%;padding:15px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .2s}.start-button:hover:not(:disabled){transform:scale(1.05)}.start-button:disabled{opacity:.5;cursor:not-allowed}.rules{background:#f8f9fa;padding:20px;border-radius:10px;border-left:5px solid #e91e63}.rules h3{margin-bottom:15px;color:#e91e63}.rules ul{list-style:none;padding:0}.rules li{padding:8px 0;font-size:1rem;line-height:1.5}.wheel-config-section{margin:30px 0;padding:20px;background:#f8f9fa;border-radius:10px}.wheel-config-section h3{margin-bottom:15px;color:#333}.wheel-option{margin:10px 0}.wheel-option label{display:flex;align-items:center;font-size:1rem;font-weight:400;cursor:pointer}.wheel-option input[type=radio]{margin-right:10px;width:20px;height:20px;cursor:pointer}.custom-wheel-config{margin-top:20px;padding:20px;background:#fff;border-radius:10px;border:2px solid #667eea}.config-hint{margin-bottom:15px;padding:10px;background:#fff9e6;border-left:4px solid #ffd93d;border-radius:5px;font-size:.9rem;color:#666}.config-table{margin-bottom:15px}.config-header{display:grid;grid-template-columns:2fr 2fr 1fr;gap:10px;padding:10px;background:#667eea;color:#fff;font-weight:700;border-radius:5px;margin-bottom:10px}.config-row{display:grid;grid-template-columns:2fr 2fr 1fr;gap:10px;padding:10px;background:#f8f9fa;border-radius:5px;margin-bottom:5px}.value-input,.weight-input{padding:8px;border:2px solid #ddd;border-radius:5px;font-size:1rem}.value-input:focus,.weight-input:focus{outline:none;border-color:#667eea}.remove-button{padding:5px 10px;background:#ff6b6b;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.remove-button:hover:not(:disabled){background:#ff5252}.remove-button:disabled{opacity:.3;cursor:not-allowed}.config-actions{display:flex;gap:10px}.add-button,.reset-button{flex:1;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:transform .2s}.add-button{background:#51cf66;color:#fff}.add-button:hover{background:#40c057;transform:scale(1.02)}.reset-button{background:#748ffc;color:#fff}.reset-button:hover{background:#5c7cfa;transform:scale(1.02)}.game-config-section{margin:30px 0;padding:20px;background:#f8f9fa;border-radius:10px}.game-config-section h3{margin-bottom:15px;color:#333}.config-input-group{margin-bottom:20px}.config-input-group label{display:block;font-size:1rem;font-weight:700;margin-bottom:8px;color:#333}.config-input{width:100%;padding:12px;font-size:1.1rem;border:2px solid #ddd;border-radius:8px;margin-bottom:5px}.config-input:focus{outline:none;border-color:#667eea}.currency-input{width:100%;padding:12px;font-size:1.1rem;border:2px solid #ddd;border-radius:8px;margin-bottom:5px;text-transform:uppercase}.currency-input:focus{outline:none;border-color:#667eea}.game-board{width:100%;max-width:1200px;position:relative}.help-button{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;font-size:1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700;z-index:1000;box-shadow:0 4px 10px #0003}.help-button:hover{transform:scale(1.05);box-shadow:0 6px 15px #667eea66}.help-button:active{transform:scale(.98)}.game-container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d}.game-title{text-align:center;font-size:2.5rem;color:#e91e63;margin-bottom:20px}.message-banner{padding:15px;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.message-banner.error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.message-banner.info{background:#d1ecf1;color:#0c5460;border:2px solid #bee5eb}.score-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:10px;text-align:center;margin-bottom:20px}.score-display h2{font-size:2rem;margin-bottom:10px}.score-display p{font-size:1rem;margin:5px 0}.game-controls{margin-top:30px}.letter-input,.vowel-purchase,.full-phrase-section{margin-bottom:30px}.letter-input h3,.vowel-purchase h3{margin-bottom:15px;color:#333;text-align:center}.consonant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px;max-width:800px;margin:0 auto}.letter-button,.vowel-button{padding:15px;font-size:1.2rem;font-weight:700;border:2px solid #667eea;border-radius:8px;background:#fff;color:#667eea;cursor:pointer;transition:all .2s}.letter-button:hover:not(:disabled),.vowel-button:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.05)}.letter-button:disabled,.vowel-button:disabled{opacity:.3;cursor:not-allowed}.letter-button.used,.vowel-button.used{background:#ddd;color:#999;border-color:#ccc}.vowel-grid{display:flex;gap:10px;justify-content:center}.vowel-button{border-color:#e91e63;color:#e91e63;min-width:60px}.vowel-button:hover:not(:disabled){background:#e91e63;color:#fff}.full-phrase-section{text-align:center}.guess-phrase-button{padding:15px 40px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:transform .2s}.guess-phrase-button:hover{transform:scale(1.05)}.phrase-guess-input{max-width:600px;margin:0 auto}.phrase-input{width:100%;padding:15px;font-size:1.2rem;border:3px solid #667eea;border-radius:10px;margin-bottom:15px;text-transform:uppercase}.phrase-input:focus{outline:none;border-color:#e91e63}.phrase-buttons{display:flex;gap:10px;justify-content:center}.submit-button,.cancel-button{padding:12px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:transform .2s}.submit-button{background:#28a745;color:#fff}.submit-button:hover{transform:scale(1.05);background:#218838}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{transform:scale(1.05);background:#5a6268}.floating-end-game-button{position:fixed;right:20px;bottom:20px;background:linear-gradient(135deg,#ff6b6b,#f06595);color:#fff;border:none;padding:10px 14px;font-size:.95rem;font-weight:700;border-radius:25px;cursor:pointer;transition:all .2s ease;z-index:1000;box-shadow:0 4px 10px #0003}.floating-end-game-button:hover{transform:scale(1.05);box-shadow:0 6px 15px #f0659566}.floating-end-game-button:active{transform:scale(.96)}.wheel-container{text-align:center;margin:30px 0}.wheel{position:relative;width:300px;height:300px;margin:0 auto 30px;border-radius:50%;border:8px solid #333;box-shadow:0 10px 40px #0000004d;overflow:hidden}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:#fff;border-radius:50%;border:6px solid #333;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003}.wheel-display{text-align:center}.wheel-icon{font-size:3rem}.wheel-value{font-size:1.3rem;font-weight:700;color:#e91e63}.wheel-label{font-size:.9rem;color:#666;margin-top:5px}.wheel-segments{position:absolute;width:100%;height:100%}.wheel-segment{position:absolute;width:100%;height:100%;transform-origin:center;clip-path:polygon(50% 50%,100% 0%,100% 50%)}.segment-value{position:absolute;top:20px;right:30px;font-size:.8rem;font-weight:700;color:#333;transform:rotate(15deg)}.wheel.spinning{animation:spin 2s cubic-bezier(.17,.67,.12,.99)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1800deg)}}.spin-button{padding:15px 50px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#333;border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px #0003}.spin-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 8px 30px #0000004d}.spin-button:disabled{opacity:.6;cursor:not-allowed;transform:scale(1)}.spin-sound{margin-top:20px;font-size:1.5rem;animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.phrase-board{background:#f8f9fa;padding:30px;border-radius:15px;margin:30px 0;border:3px solid #dee2e6}.phrase-title{text-align:center;color:#333;margin-bottom:20px;font-size:1.3rem}.phrase-display{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:80px}.phrase-word{display:flex;gap:8px;flex-wrap:nowrap}.phrase-word-space{width:20px;height:60px}.phrase-letter{width:50px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:8px;transition:all .3s}.phrase-letter.hidden{background:#fff;border:3px solid #667eea;color:transparent}.phrase-letter.revealed{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:3px solid #764ba2;animation:reveal .5s ease-out}@keyframes reveal{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.phrase-space{width:20px;height:60px;display:flex;align-items:center;justify-content:center}.help-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-modal-content{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.help-modal-header{padding:25px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center}.help-modal-header h2{margin:0;font-size:1.8rem}.close-button{background:#fff3;border:2px solid white;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.help-modal-body{padding:30px;overflow-y:auto;flex:1}.help-section{margin-bottom:25px}.help-section:last-child{margin-bottom:0}.help-section h3{font-size:1.3rem;color:#667eea;margin-bottom:15px;margin-top:0}.help-section p{line-height:1.6;color:#333;margin:0 0 10px}.help-section ol,.help-section ul{line-height:1.8;color:#333;padding-left:25px;margin:10px 0}.help-section li{margin-bottom:10px}.help-section ul ul{margin-top:5px;padding-left:20px}.help-section strong{color:#764ba2}.help-modal-footer{padding:20px 30px;background:#f8f9fa;border-top:1px solid #e0e0e0}.close-footer-button{width:100%;padding:15px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease}.close-footer-button:hover{transform:scale(1.02)}.close-footer-button:active{transform:scale(.98)}@media (max-width: 768px){.help-modal-header h2{font-size:1.3rem}.help-modal-body{padding:20px}.help-section h3{font-size:1.1rem}.help-section p,.help-section li{font-size:.95rem}}.final-summary{width:100%;max-width:700px}.summary-container{background:#fff;border-radius:20px;padding:50px 40px;box-shadow:0 20px 60px #0000004d;text-align:center}.summary-title{font-size:3rem;color:#e91e63;margin-bottom:30px;animation:bounce 1s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.final-score-display{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;border-radius:15px;margin-bottom:30px;box-shadow:0 10px 30px #667eea66}.final-score-display h2{color:#fff;font-size:1.5rem;margin-bottom:15px}.final-score{font-size:4rem;font-weight:700;color:#ffd93d;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.celebration{margin:30px 0}.celebration-icon{font-size:4rem;margin-bottom:15px}.celebration-message{font-size:1.3rem;color:#333;font-weight:700}.restart-button{padding:15px 50px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .2s;margin:20px 0}.restart-button:hover{transform:scale(1.1)}.shopee-message{margin-top:30px;padding:20px;background:#fff5e6;border-radius:10px;border:2px solid #ff6b35}.shopee-message p{font-size:1.2rem;color:#ff6b35;margin:5px 0}.shopee-emoji{font-size:2rem;animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.bonus-details{background:#f0f7ff;padding:25px;border-radius:15px;margin-bottom:30px;border:2px solid #667eea;text-align:left}.bonus-details h3{color:#667eea;font-size:1.5rem;margin-bottom:15px;text-align:center}.bonus-info{background:#fff;padding:20px;border-radius:10px}.bonus-info p{margin:10px 0;font-size:1.1rem;line-height:1.6;color:#333}.bonus-info .total-bonus{margin-top:15px;padding-top:15px;border-top:2px solid #667eea;font-size:1.3rem;color:#667eea}.talkdeck{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.back-to-home{position:absolute;top:20px;left:20px;background:#ffffffe6;border:none;padding:10px 20px;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;color:#333;box-shadow:0 4px 15px #0000001a}.back-to-home:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.talkdeck-container{max-width:800px;width:100%;text-align:center}.talkdeck-title{font-size:3rem;color:#fff;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.talkdeck-subtitle{font-size:1.3rem;color:#fffffff2;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.talkdeck-info{margin-bottom:20px}.questions-remaining{font-size:1.1rem;color:#ffffffe6;font-weight:600;background:#0000001a;padding:10px 20px;border-radius:20px;display:inline-block}.card-container{perspective:1000px;margin:40px auto;cursor:pointer}.card{width:100%;max-width:500px;height:400px;margin:0 auto;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;align-items:center;justify-content:center;padding:30px}.card-front{background:linear-gradient(135deg,#667eea,#764ba2)}.card-back{background:linear-gradient(135deg,#fff,#f0f0f0);transform:rotateY(180deg)}.card-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-emoji{font-size:5rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-front h2{color:#fff;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.question-text{color:#333;font-size:1.5rem;line-height:1.6;text-align:center;font-weight:500;max-width:100%;word-wrap:break-word}.talkdeck-instructions{margin-top:30px;background:#ffffff1a;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.talkdeck-instructions p{color:#fff;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width: 768px){.talkdeck-title{font-size:2rem}.talkdeck-subtitle{font-size:1.1rem}.card{height:350px}.card-emoji{font-size:4rem}.card-front h2{font-size:1.5rem}.question-text{font-size:1.2rem}.back-to-home{font-size:.9rem;padding:8px 16px}}@media (max-width: 480px){.card{height:300px;max-width:350px}.question-text{font-size:1rem}.talkdeck-title{font-size:1.8rem}}.truthordare{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;justify-content:center;align-items:center}.truthordare-container{max-width:800px;width:100%;background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0000004d;position:relative}.back-button{position:absolute;top:1rem;left:1rem;background:#ffffffe6;border:2px solid #667eea;padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;color:#667eea;transition:all .3s ease;z-index:10}.back-button:hover{background:#667eea;color:#fff;transform:translate(-3px)}.truthordare-title{text-align:center;font-size:2.5rem;margin-top:1rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.truthordare-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:2rem}.wheel-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0;position:relative}.wheel-pointer{font-size:2rem;color:#ff6b6b;margin-bottom:-10px;z-index:5;text-shadow:0 2px 4px rgba(0,0,0,.3)}.wheel{width:300px;height:300px;border-radius:50%;position:relative;box-shadow:0 10px 30px #0000004d;transition:transform 3s cubic-bezier(.17,.67,.12,.99);border:8px solid white}.wheel.spinning{transition:transform var(--spin-duration, 3s) cubic-bezier(.17,.67,.12,.99)}.wheel-quarter{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:polygon(50% 50%,100% 0%,100% 100%)}.truth-quarter-1{background:linear-gradient(135deg,#56ccf2,#2f80ed);transform:rotate(0)}.dare-quarter-1{background:linear-gradient(135deg,#f093fb,#f5576c);transform:rotate(90deg)}.truth-quarter-2{background:linear-gradient(135deg,#56ccf2,#2f80ed);transform:rotate(180deg)}.dare-quarter-2{background:linear-gradient(135deg,#f093fb,#f5576c);transform:rotate(270deg)}.spin-button{display:block;margin:2rem auto;padding:1rem 3rem;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #667eea66;transition:all .3s ease}.spin-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 25px #667eea80}.spin-button:active:not(:disabled){transform:translateY(0)}.spin-button:disabled{opacity:.6;cursor:not-allowed}.result-card{margin:2rem 0;padding:2rem;border-radius:15px;text-align:center;animation:slideIn .5s ease;box-shadow:0 8px 20px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card.truth{background:linear-gradient(135deg,#56ccf2,#2f80ed)}.result-card.dare{background:linear-gradient(135deg,#f093fb,#f5576c)}.result-type{font-size:2rem;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.challenge-text{font-size:1.3rem;color:#fff;line-height:1.6;margin-bottom:1.5rem;padding:1rem;background:#fff3;border-radius:10px;min-height:80px;display:flex;align-items:center;justify-content:center}.spin-again-button{padding:.8rem 2rem;font-size:1.1rem;font-weight:700;color:#667eea;background:#fff;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0003}.spin-again-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.instructions{margin:2rem 0;padding:1.5rem;background:#667eea1a;border-radius:10px;border-left:4px solid #667eea}.instructions h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.instructions ul{list-style:none;padding:0}.instructions li{color:#555;line-height:1.5;position:relative;padding:.5rem 0 .5rem 1.5rem}.instructions li:before{content:"✨";position:absolute;left:0}@media (max-width: 768px){.truthordare{padding:1rem}.truthordare-container{padding:1.5rem}.truthordare-title{font-size:2rem}.truthordare-subtitle{font-size:1rem}.wheel{width:250px;height:250px}.result-type{font-size:1.5rem}.challenge-text{font-size:1.1rem}.back-button{font-size:.9rem;padding:.4rem .8rem}}@media (max-width: 480px){.wheel{width:200px;height:200px}.truthordare-title{font-size:1.5rem}.spin-button{padding:.8rem 2rem;font-size:1.1rem}}.language-switcher{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s ease;display:flex;align-items:center;gap:8px;z-index:1000}.language-switcher:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.language-switcher:active{transform:translateY(0);box-shadow:0 2px 10px #667eea66}.language-icon{font-size:20px}.language-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.5px}@media (max-width: 768px){.language-switcher{top:10px;right:10px;padding:8px 16px;font-size:14px}.language-icon{font-size:18px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#root{min-height:100vh}