:root{--truth-blue:#4A90D9;--truth-blue-hover:#3A7BC8;--dare-red:#E74C3C;--dare-red-hover:#C0392B;--primary-color:#667eea;--secondary-color:#764ba2;--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--bg-gradient:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);--white:#FFFFFF;--card-bg:#FFFFFF;--bg-light:#F8F9FA;--bg-lighter:#FAFBFC;--bg-subtle:#F0F2F5;--bg-dark:#1a1a2e;--text-dark:#2D3436;--text-primary:#2D3436;--text-light:#636E72;--text-muted:#95A5A6;--border-color:#E0E0E0;--border-light:#EAEAEA;--bg-primary:#FFFFFF;--bg-secondary:#FFFFFF;--success-green:#00B894;--warning-yellow:#FDCB6E;--fun-pink:#FD79A8;--fun-purple:#A29BFE;--font-heading:'Fredoka One','Comic Neue',cursive;--font-body:'Nunito','Poppins',-apple-system,BlinkMacSystemFont,sans-serif;--h1-size:clamp(2rem, 5vw, 3.5rem);--h2-size:clamp(1.5rem, 4vw, 2.5rem);--h3-size:clamp(1.25rem, 3vw, 1.75rem);--body-size:clamp(1rem, 2.5vw, 1.125rem);--small-size:clamp(0.875rem, 2vw, 1rem);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.15);--shadow-xl:0 12px 48px rgba(0, 0, 0, 0.2);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:1100}[data-theme=dark]{--card-bg:#2D3436;--bg-primary:#16213e;--bg-secondary:#1a1a2e;--bg-light:#1e1e3a;--bg-lighter:#1e1e3a;--bg-subtle:#252545;--bg-dark:#0d1117;--text-dark:#FFFFFF;--text-primary:#FFFFFF;--text-light:#B2BEC3;--text-muted:#8395A7;--border-color:#4A4A4A;--border-light:#3A3A3A;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.5)}[data-theme=dark] body{background:#16213e;color:#fff}[data-theme=dark] .site-header{background:rgba(22,33,62,.95);border-bottom:1px solid #4a4a4a}[data-theme=dark] .nav-dropdown-content{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .nav-dropdown-content a:hover{background:#252545}[data-theme=dark] .mobile-menu{background:rgba(22,33,62,.98)}[data-theme=dark] .mobile-menu-content{background:#2d3436}[data-theme=dark] .mobile-menu-content a{color:#b2bec3}[data-theme=dark] .mobile-menu-content a:hover{color:#fff}[data-theme=dark] .btn-outline{background:#252545;border-color:#4a4a4a;color:#fff}[data-theme=dark] .category-card,[data-theme=dark] .category-link-card{background:#2d3436;border-color:#4a4a4a;color:#fff}[data-theme=dark] .category-link-card h3{color:#fff}[data-theme=dark] .category-link-card p{color:#b2bec3}[data-theme=dark] .categories-section{background:#1a1a2e}[data-theme=dark] .tod-btn{background:#2d3436;border-color:#4a4a4a;color:#fff}[data-theme=dark] .tod-text{color:#fff}[data-theme=dark] .tod-options .btn{background:#252545;color:#b2bec3}[data-theme=dark] .tod-options .btn.active{background:#2d3436;color:#fff}[data-theme=dark] .question-card{background:#2d3436;box-shadow:0 16px 60px rgba(0,0,0,.4)}[data-theme=dark] .question-actions .btn-outline{background:#252545;border-color:#4a4a4a;color:#fff}[data-theme=dark] .question-actions .btn-outline:hover{background:#1e1e3a}[data-theme=dark] .share-btn{background:#252545;border-color:#4a4a4a;color:#b2bec3}[data-theme=dark] .share-btn:hover{background:#1e1e3a;color:#fff}[data-theme=dark] .faq-item{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .faq-question{color:#fff}[data-theme=dark] .category-content-section,[data-theme=dark] .content-section,[data-theme=dark] .faq-answer{color:#b2bec3}[data-theme=dark] .content-section h2,[data-theme=dark] .section-title{color:#fff}[data-theme=dark] .site-footer{background:#0d1117}[data-theme=dark] .site-footer a{color:#b2bec3}[data-theme=dark] .site-footer a:hover{color:#fff}[data-theme=dark] .info-page article{color:#b2bec3}[data-theme=dark] .info-page article h2{color:#fff}[data-theme=dark] .question-category-card{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .question-category-card h3{color:#fff}[data-theme=dark] .question-category-card p{color:#b2bec3}[data-theme=dark] .category-hero{border-bottom:1px solid #4a4a4a}[data-theme=dark] .tab-btn{background:#252545;color:#b2bec3;border-color:#4a4a4a}[data-theme=dark] .tab-btn.active{background:var(--bg-gradient);color:#fff}[data-theme=dark] .question-preview-card{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .multiplayer-setup,[data-theme=dark] .spin-bottle-screen{color:#fff}[data-theme=dark] .multiplayer-setup input{background:#252545;border-color:#4a4a4a;color:#fff}[data-theme=dark] .player-chip{background:#252545;color:#b2bec3}[data-theme=dark] .features-section{background:#1a1a2e}[data-theme=dark] .timeline-content{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .timeline-content h3{color:#fff}[data-theme=dark] .timeline-content p{color:#b2bec3}[data-theme=dark] .modal-content{background:#2d3436;color:#fff}[data-theme=dark] .question-item{background:#2d3436;border-color:#4a4a4a;color:#b2bec3}[data-theme=dark] .question-list-section:nth-child(2n){background:#1a1a2e}[data-theme=dark] .content-card{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .content-card h3{color:#fff}[data-theme=dark] .content-card p{color:#b2bec3}[data-theme=dark] .popular-column{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .popular-heading{color:#fff}[data-theme=dark] .toc-link{background:#252545;color:#b2bec3}[data-theme=dark] .toc-link:hover{background:#1e1e3a;color:#fff}[data-theme=dark] .audience-card,[data-theme=dark] .questions-grid .question-card,[data-theme=dark] .related-list-card{background:#2d3436;border-color:#4a4a4a;color:#b2bec3}[data-theme=dark] .audience-card h3,[data-theme=dark] .related-list-card h3{color:#fff}[data-theme=dark] .question-list-item{background:#2d3436;border-color:#4a4a4a}[data-theme=dark] .question-list-item:hover{background:#252545}.dark-mode-toggle{background:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--radius-full);width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);margin-left:var(--spacing-sm);font-size:1.2rem;line-height:1}.dark-mode-toggle:hover{border-color:var(--primary-color);transform:scale(1.1);background:var(--bg-subtle)}.dark-mode-toggle .toggle-icon.dark{display:none}[data-theme=dark] .dark-mode-toggle{background:#252545;border-color:#4a4a4a}[data-theme=dark] .dark-mode-toggle:hover{border-color:#667eea;background:#1e1e3a}[data-theme=dark] .dark-mode-toggle .toggle-icon.light{display:none}[data-theme=dark] .dark-mode-toggle .toggle-icon.dark{display:inline}.skip-link{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background:var(--bg-gradient);color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;font-size:1rem;z-index:99999;transition:top .2s ease-in-out;text-decoration:none;box-shadow:var(--shadow-lg)}.skip-link:focus,.skip-link:focus-visible{top:10px;outline:3px solid var(--warning-yellow);outline-offset:2px}body.menu-open{overflow:hidden}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--body-size);line-height:1.6;color:var(--text-dark);background-color:var(--bg-light);min-height:100vh;overflow-x:hidden}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer;border:none;background:0 0}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;color:var(--text-dark)}h1{font-size:var(--h1-size)}h2{font-size:var(--h2-size)}h3{font-size:var(--h3-size)}p{margin-bottom:var(--spacing-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section-title{text-align:center;margin-bottom:var(--spacing-md);color:var(--text-dark)}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.site-header{background:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-size:1.5rem;color:var(--bg-gradient-start)}.logo-icon{font-size:1.75rem}.logo-img{height:40px;width:auto;max-width:180px}@media (min-width:768px){.logo-img{height:50px;max-width:220px}}.nav-links{display:none;align-items:center;gap:var(--spacing-xl)}.nav-link{font-weight:600;color:var(--text-dark);transition:color var(--transition-fast)}.nav-link:focus,.nav-link:hover{color:var(--bg-gradient-start)}.nav-link.active{color:var(--bg-gradient-start);position:relative}.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--bg-gradient);border-radius:var(--radius-full)}.nav-dropdown{position:relative}.nav-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-dark);padding:var(--spacing-sm) 0}.dropdown-arrow{font-size:.75rem;transition:transform var(--transition-fast)}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-content{position:absolute;top:100%;left:0;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);min-width:180px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-fast)}.nav-dropdown:hover .nav-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content a{display:block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.nav-dropdown-content a:hover{background:var(--bg-light)}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;padding:var(--spacing-sm)}.mobile-menu-btn span{display:block;width:24px;height:3px;background:var(--text-dark);border-radius:2px;transition:all var(--transition-fast)}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.mobile-menu.active{display:block;opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:0;width:85%;max-width:320px;height:100%;background:var(--white);box-shadow:var(--shadow-xl);padding:0;overflow-y:auto;transform:translateX(100%);transition:transform var(--transition-normal)}.mobile-menu.active .mobile-menu-content{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-gradient)}.mobile-menu-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--white)}.mobile-menu-close{width:36px;height:36px;border-radius:var(--radius-full);background:rgba(255,255,255,.2);color:var(--white);font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.mobile-menu-close:hover{background:rgba(255,255,255,.3)}.mobile-menu-section{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-section-title{display:block;padding:var(--spacing-sm) var(--spacing-lg);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.mobile-menu-content nav a{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;color:var(--text-dark);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-menu-content nav a:focus,.mobile-menu-content nav a:hover{background:var(--bg-light);color:var(--bg-gradient-start)}.mobile-menu-content nav a.active{background:var(--bg-light);color:var(--bg-gradient-start);border-left:3px solid var(--bg-gradient-start)}.mobile-menu-content>a{display:block;padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem;font-weight:600;border-bottom:1px solid var(--border-color)}.hero{background:var(--bg-gradient);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;min-height:60vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px}.hero-title{color:var(--white);margin-bottom:var(--spacing-md);text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-subtitle{color:rgba(255,255,255,.9);font-size:var(--h3-size);margin-bottom:var(--spacing-xl)}.hero-cta{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.feature-badge{background:rgba(255,255,255,.2);color:var(--white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;font-size:var(--small-size);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:700;font-size:var(--body-size);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--white);color:var(--bg-gradient-start);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:rgba(255,255,255,.2);color:var(--white);border:2px solid var(--white)}.btn-secondary:hover{background:var(--white);color:var(--bg-gradient-start)}.btn-outline{background:0 0;color:var(--text-dark);border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--bg-gradient-start);color:var(--bg-gradient-start)}.btn-text{color:var(--text-light);padding:var(--spacing-sm)}.btn-text:hover{color:var(--bg-gradient-start)}.btn-large{padding:var(--spacing-lg) var(--spacing-xxl);font-size:1.125rem}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--small-size)}.btn-icon{font-size:1.25em}.game-area{background:var(--bg-gradient);padding:var(--spacing-md) var(--spacing-lg);min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center}.category-selection{text-align:center;width:100%;max-width:800px}.category-selection h2{color:var(--white);margin-bottom:var(--spacing-xl)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.category-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.category-icon{font-size:2.5rem;display:block;margin-bottom:var(--spacing-sm)}.category-name{display:block;font-family:var(--font-heading);font-size:1.125rem;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.category-desc{display:block;font-size:var(--small-size);color:var(--text-light)}.tod-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:600px;padding:var(--spacing-sm) var(--spacing-lg)}.player-turn{color:var(--white);font-size:var(--h3-size);font-family:var(--font-heading);margin-bottom:var(--spacing-sm)}.tod-selection h2{color:rgba(255,255,255,.9);margin-bottom:var(--spacing-md);font-size:var(--h2-size)}.tod-buttons{display:flex;flex-direction:row;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);width:100%}.tod-btn{flex:1;max-width:200px;min-width:150px;background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);transition:all var(--transition-fast);box-shadow:var(--shadow-lg);cursor:pointer}.tod-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.tod-btn:active{transform:scale(.98)}.truth-btn:hover{background:var(--truth-blue);color:var(--white)}.dare-btn:hover{background:var(--dare-red);color:var(--white)}.tod-icon{font-size:2.5rem}.tod-text{font-family:var(--font-heading);font-size:1.25rem}.tod-options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);width:100%}.tod-options .btn{background:rgba(255,255,255,.25);color:var(--white);border:2px solid rgba(255,255,255,.4);padding:var(--spacing-md) var(--spacing-lg);font-weight:600}.tod-options .btn:hover{background:rgba(255,255,255,.4);border-color:rgba(255,255,255,.6)}.tod-options .btn.active{background:var(--white);color:var(--bg-gradient-start)}.question-card{background:var(--white);border-radius:var(--radius-xl);padding:clamp(28px,5vw,48px) clamp(24px,4vw,40px);text-align:center;width:100%;max-width:560px;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 16px 60px rgba(0,0,0,.18);animation:.4s cubic-bezier(.34,1.56,.64,1) cardAppear}@keyframes cardAppear{from{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.question-badge{display:inline-block;padding:10px 28px;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:clamp(.9rem, 2.5vw, 1.1rem);margin-bottom:var(--spacing-xl);align-self:center;letter-spacing:1px;text-transform:uppercase;font-weight:700}.question-badge.truth{background:var(--truth-blue);color:var(--white);box-shadow:0 4px 15px rgba(74,144,217,.4)}.question-badge.dare{background:var(--dare-red);color:var(--white);box-shadow:0 4px 15px rgba(231,76,60,.4)}.question-text{font-size:clamp(1.25rem, 3.5vw, 1.75rem);font-weight:700;color:var(--text-dark);line-height:1.5;margin-bottom:var(--spacing-xl);flex-grow:1;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm)}.question-counter{color:var(--text-muted);font-size:var(--small-size);margin-bottom:var(--spacing-lg);font-weight:600;letter-spacing:.5px}.question-timer{margin-bottom:var(--spacing-lg)}.timer-bar{height:8px;background:var(--bg-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.timer-bar::after{content:'';display:block;height:100%;background:var(--bg-gradient);width:100%;transition:width 1s linear}.timer-text{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-dark)}.question-actions{display:flex;gap:var(--spacing-md);width:100%;max-width:400px}.question-actions .btn{flex:1;padding:14px var(--spacing-lg);font-size:clamp(.95rem, 2.5vw, 1.1rem);font-weight:700;border-radius:var(--radius-lg);transition:.2s}.question-actions .btn-outline{background:var(--bg-light);border:2px solid var(--border-color);color:var(--text-dark)}.question-actions .btn-outline:hover{background:var(--white);border-color:var(--bg-gradient-start);color:var(--bg-gradient-start);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.question-actions .btn-primary{background:var(--bg-gradient);color:var(--white);border:none;box-shadow:0 4px 15px rgba(102,126,234,.4)}.question-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.share-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);width:100%;max-width:400px;justify-content:center}.share-btn{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 16px;font-size:.85rem;cursor:pointer;transition:var(--transition-fast);color:var(--text-dark);font-family:var(--font-body)}.share-btn:hover{background:var(--bg-subtle);transform:translateY(-1px)}.share-btn.copied{background:var(--success-green);color:#fff;border-color:var(--success-green)}.back-btn{margin-top:var(--spacing-xl);color:rgba(255,255,255,.85);font-size:clamp(.9rem, 2.5vw, 1rem);font-weight:600;transition:.2s}.back-btn:hover{color:var(--white);text-decoration:underline}.multiplayer-setup{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:var(--spacing-xl)}.multiplayer-setup h2{color:var(--white);font-size:var(--h2-size);margin-bottom:var(--spacing-sm)}.mp-subtitle{color:rgba(255,255,255,.8);font-size:var(--body-size);margin-bottom:var(--spacing-xl)}.player-input-row{display:flex;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-lg)}.player-name-input{flex:1;padding:14px var(--spacing-lg);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:rgba(255,255,255,.15);color:var(--white);font-size:var(--body-size);font-family:var(--font-body);outline:0;transition:.2s}.player-name-input::placeholder{color:rgba(255,255,255,.5)}.player-name-input:focus{border-color:var(--white);background:rgba(255,255,255,.25)}.btn-add-player{padding:14px var(--spacing-xl);font-weight:700;white-space:nowrap;border-radius:var(--radius-lg)}.player-list{list-style:none;width:100%;margin:0;padding:0;margin-bottom:var(--spacing-lg);max-height:240px;overflow-y:auto}.player-list-item{display:flex;align-items:center;gap:var(--spacing-md);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:10px var(--spacing-lg);margin-bottom:var(--spacing-sm);animation:.3s slideIn}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.player-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.5)}.player-list-name{flex:1;color:var(--white);font-size:var(--body-size);font-weight:600}.player-list-number{color:rgba(255,255,255,.5);font-size:var(--small-size);font-weight:600}.btn-remove-player{background:0 0;border:none;color:rgba(255,255,255,.5);cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:var(--radius-sm);transition:.2s;line-height:1}.btn-remove-player:hover{color:#ff6b6b;background:rgba(255,107,107,.15)}.player-count-info{color:rgba(255,255,255,.7);font-size:var(--small-size);margin-bottom:var(--spacing-lg);font-weight:600}.spin-bottle-toggle{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.toggle-label{color:rgba(255,255,255,.9);font-size:var(--body-size);font-weight:600}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ff6b6b;border-radius:28px;transition:.3s;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.toggle-slider::after{content:'OFF';position:absolute;right:7px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;color:rgba(255,255,255,.9);letter-spacing:.5px}.toggle-slider::before{content:'';position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:var(--white);border-radius:50%;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:1}.toggle-switch input:checked+.toggle-slider{background:#2ecc71}.toggle-switch input:checked+.toggle-slider::after{content:'ON';left:9px;right:auto}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(24px)}.btn-start-mp{width:100%;max-width:300px;font-size:clamp(1rem, 2.5vw, 1.15rem)}.btn-start-mp:disabled{opacity:.4;cursor:not-allowed;transform:none}.spin-bottle-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:500px;padding:var(--spacing-sm) var(--spacing-lg);max-height:calc(100vh - 80px)}.spin-title{color:var(--white);font-size:clamp(1.2rem, 3vw, 1.6rem);margin-bottom:var(--spacing-sm);text-shadow:0 2px 10px rgba(0,0,0,.2)}.bottle-container{position:relative;width:clamp(200px,40vh,280px);height:clamp(200px,40vh,280px);margin-bottom:var(--spacing-sm)}.bottle-glow{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.15) 0,transparent 70%);animation:3s ease-in-out infinite pulseGlow;pointer-events:none}@keyframes pulseGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.spin-bottle-svg{width:100%;height:100%;filter:drop-shadow(0 4px 20px rgba(0, 0, 0, .15))}#bottleGroup{transition:none}#bottleGroup.spinning{transition:transform 3.5s cubic-bezier(.17, .67, .12, .99)}.player-dot-group text{fill:var(--white);font-family:var(--font-body);font-weight:800;font-size:11px;text-anchor:middle;dominant-baseline:central;text-shadow:0 1px 2px rgba(0,0,0,.3)}.player-dot-circle{stroke:rgba(255,255,255,0.6);stroke-width:2.5;transition:.4s;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.player-dot-circle.selected{stroke:var(--white);stroke-width:3.5;filter:url(#selectedGlow);r:22}.spin-result{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md);animation:.5s fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.selected-player-name{color:var(--white);font-family:var(--font-heading);font-size:clamp(1.5rem, 4vw, 2.2rem);margin-bottom:2px;text-shadow:0 2px 15px rgba(0,0,0,.3)}.spin-result-sub{color:rgba(255,255,255,.85);font-size:clamp(1rem, 2.5vw, 1.2rem);font-weight:700;letter-spacing:.5px}.btn-spin{background:linear-gradient(135deg,#ff6b6b 0,#ee5a24 100%);color:var(--white);border:none;padding:14px 44px;font-size:clamp(1rem, 2.5vw, 1.2rem);font-weight:800;font-family:var(--font-heading);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 6px 25px rgba(238,90,36,.5);transition:.3s;letter-spacing:1px;text-transform:uppercase}.btn-spin:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(238,90,36,.6)}.btn-spin:active{transform:translateY(0) scale(.98)}.btn-spin:disabled{opacity:.5;cursor:not-allowed;transform:none}.spin-btn-icon{display:inline-block;animation:2s linear infinite spinIcon;margin-right:4px}@keyframes spinIcon{from{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spin:disabled .spin-btn-icon{animation:none}.btn-continue-spin{background:linear-gradient(135deg,#2ecc71 0,#27ae60 100%);color:var(--white);border:none;padding:14px 44px;font-size:clamp(1rem, 2.5vw, 1.2rem);font-weight:800;font-family:var(--font-heading);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 6px 25px rgba(39,174,96,.5);transition:.3s;letter-spacing:1px;animation:.4s fadeInUp}.btn-continue-spin:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(39,174,96,.6)}.player-turn.multiplayer-active{font-size:clamp(1.25rem, 3.5vw, 1.75rem);padding:8px 24px;background:rgba(255,255,255,.15);border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.3);margin-bottom:var(--spacing-md)}.player-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--white);border:3px solid rgba(255,255,255,.5)}.ad-leaderboard{width:100%;max-width:728px;height:90px}.ad-placeholder{color:var(--text-muted);font-size:var(--small-size)}.categories-section{padding:var(--spacing-xxl) 0;background:var(--white)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.category-link-card{background:var(--bg-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast);border:2px solid transparent}.category-link-card:hover{border-color:var(--bg-gradient-start);transform:translateY(-4px);box-shadow:var(--shadow-md)}.category-link-card .category-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.category-link-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.category-link-card p{color:var(--text-light);font-size:var(--small-size);margin:0}.how-to-play{padding:var(--spacing-xxl) 0;background:var(--bg-light)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.step-card{background:var(--white);border-radius:var(--radius-lg,16px);padding:32px 24px 28px;text-align:center;position:relative;box-shadow:0 4px 20px rgba(102,126,234,.08);border:1px solid var(--border-light,rgba(0,0,0,.06));transition:transform .3s,box-shadow .3s}.step-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(102,126,234,.18);border-color:var(--primary-color)}.step-number{width:52px;height:52px;background:var(--bg-gradient);color:var(--white);border-radius:var(--radius-full,50%);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin:0 auto 20px;box-shadow:0 4px 14px rgba(102,126,234,.35)}.step-card h3{font-family:var(--font-heading);font-size:1.15rem;color:var(--text-dark);margin:0 0 10px}.step-card p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.steps-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.step-card{padding:24px 20px 22px}.step-number{width:44px;height:44px;font-size:1.2rem;margin-bottom:16px}}.steps-timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline-step{display:flex;align-items:flex-start;gap:20px;padding:0 0 32px;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-step::before{content:'';position:absolute;left:22px;top:48px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-color),rgba(118,75,162,.3))}.timeline-step:last-child::before{display:none}.timeline-marker{width:44px;height:44px;min-width:44px;background:var(--bg-gradient);color:var(--white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.2rem;box-shadow:0 4px 12px rgba(102,126,234,.3);z-index:1}.timeline-content{background:var(--white);border-radius:var(--radius-md);padding:16px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);flex:1;transition:.3s}.timeline-content:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.timeline-content h3{font-family:var(--font-heading);font-size:1.05rem;color:var(--text-dark);margin:0 0 4px}.timeline-content p{color:var(--text-light);margin:0;font-size:.92rem;line-height:1.5}.timeline-content a{color:var(--primary-color);text-decoration:none}.timeline-content a:hover{text-decoration:underline}.features-section{padding:var(--spacing-xxl) 0;background:var(--white)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-card{text-align:center;padding:var(--spacing-lg)}.feature-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.feature-card h3{margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--text-light);margin:0}.faq-section{padding:var(--spacing-xxl) 0;background:var(--bg-light)}.faq-grid{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);font-weight:600;text-align:left;transition:background var(--transition-fast)}.faq-question:hover{background:var(--bg-light)}.faq-icon{font-size:1.5rem;color:var(--bg-gradient-start);transition:transform var(--transition-fast)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-light);margin:0}.site-footer{background:var(--bg-dark);color:var(--white);padding:var(--spacing-xxl) 0 var(--spacing-lg)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{color:var(--white);margin-bottom:var(--spacing-md);font-family:var(--font-heading)}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section a{color:rgba(255,255,255,.7);transition:color var(--transition-fast)}.footer-section a:hover{color:var(--white)}.footer-section p{color:rgba(255,255,255,.7);margin-bottom:var(--spacing-md)}.footer-cta{text-align:center}.footer-play-btn{margin-top:var(--spacing-md);display:inline-block;background:var(--bg-gradient)!important;color:var(--white)!important;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.footer-play-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.footer-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.footer-logo img{height:45px;width:auto;opacity:.9}.footer-bottom p{color:rgba(255,255,255,.5);font-size:var(--small-size);margin-bottom:var(--spacing-sm)}.footer-tagline{font-size:.75rem!important;color:rgba(255,255,255,.3)!important}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:var(--radius-full);background:var(--bg-gradient);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s,visibility .3s,transform .3s;z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.back-to-top:focus{outline:3px solid var(--warning-yellow);outline-offset:2px}.back-to-top-icon{font-size:1.5rem;font-weight:700;line-height:1}@media (max-width:768px){.back-to-top{bottom:20px;right:20px;width:45px;height:45px}.back-to-top-icon{font-size:1.25rem}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;max-width:400px;width:100%;animation:.3s modalAppear}@keyframes modalAppear{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content h2{margin-bottom:var(--spacing-md)}.modal-content p{color:var(--text-light);margin-bottom:var(--spacing-xl)}.modal-actions{display:flex;gap:var(--spacing-md)}.modal-actions .btn{flex:1}@media (max-width:479px){.multiplayer-setup{padding:var(--spacing-lg)}.player-input-row{flex-direction:column}.btn-add-player{width:100%}.bottle-container{width:clamp(180px,38vh,240px);height:clamp(180px,38vh,240px)}.btn-continue-spin,.btn-spin{padding:12px 36px;font-size:.95rem}.spin-title{font-size:1.1rem;margin-bottom:4px}.tod-selection{padding:var(--spacing-lg)}.tod-buttons{flex-direction:column;align-items:center}.tod-btn{width:100%;max-width:280px;min-width:unset}.tod-icon{font-size:2.5rem}.tod-text{font-size:1.25rem}.tod-options{flex-direction:column;align-items:center}.tod-options .btn{width:100%;max-width:280px}.question-card{padding:24px 20px;min-height:280px;max-width:100%}.question-badge{padding:8px 20px;font-size:.85rem;margin-bottom:var(--spacing-lg)}.question-actions{flex-direction:row;max-width:100%}.question-actions .btn{padding:12px var(--spacing-md);font-size:.9rem}}@media (min-width:480px){.hero-cta{flex-direction:row;justify-content:center}.ad-container.ad-mobile{display:none}.tod-btn{min-width:180px;max-width:220px}}@media (min-width:768px){.nav-links{display:flex}.mobile-menu-btn{display:none}.categories-grid,.category-grid{grid-template-columns:repeat(4,1fr)}.features-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hero{min-height:70vh}.features-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(4,1fr)}.question-card{min-height:380px;padding:48px 40px}}@media (min-width:1440px){.container{max-width:1400px}}@media (max-width:767px){.ad-leaderboard{max-width:320px;height:100px}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-bounce{animation:.5s bounce}.animate-pulse{animation:1s infinite pulse}.animate-shake{animation:.3s shake}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumb{background:var(--bg-secondary);padding:12px 0;border-bottom:1px solid var(--border-color)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;font-size:14px}.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-list a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-list a:hover{color:var(--primary-color)}.breadcrumb-separator{color:var(--text-tertiary);user-select:none}.breadcrumb-current{color:var(--text-primary);font-weight:600}.category-hero{background:var(--bg-gradient);padding:80px 20px 60px;text-align:center;color:var(--white);position:relative;overflow:hidden}.category-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.category-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.category-badge{display:inline-block;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);padding:10px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1.5px;color:var(--white);border:1px solid rgba(255,255,255,.3)}.category-title{font-family:var(--font-heading);font-size:clamp(2.5rem, 6vw, 3.5rem);font-weight:800;margin:0 0 16px;line-height:1.2;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.1)}.category-subtitle{font-size:clamp(1rem, 2.5vw, 1.25rem);opacity:1;margin:0 0 32px;line-height:1.6;color:rgba(255,255,255,.95)}.category-meta{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:32px}.meta-item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--white)}.meta-icon{font-size:20px}.category-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.category-cta .btn-primary{background:var(--white);color:var(--primary-color)}.category-cta .btn-primary:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.category-cta .btn-secondary{background:rgba(255,255,255,.2);color:var(--white);border:2px solid rgba(255,255,255,.4)}.category-cta .btn-secondary:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.6)}.sample-questions-section{padding:80px 20px;background:var(--bg-subtle)}.questions-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:16px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:.3s}.tab-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.tab-btn.active{background:var(--primary-gradient);border-color:var(--primary-color);color:#fff}.tab-icon{font-size:20px}.questions-content{position:relative}.questions-tab{display:none}.questions-tab.active{display:block;animation:.3s ease-in fadeIn}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.questions-grid .question-card{background:var(--white);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;transition:.3s;position:relative}.questions-grid .question-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);background:linear-gradient(180deg,rgba(102,126,234,.03) 0,var(--white) 100%)}.questions-grid .question-number{position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.questions-grid .question-text{font-size:16px;line-height:1.6;color:var(--text-primary);margin-bottom:12px;min-height:48px}.questions-grid .question-difficulty{display:inline-block;padding:4px 12px;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.question-difficulty.easy{background:rgba(52,211,153,.1);color:#10b981}.question-difficulty.medium{background:rgba(251,191,36,.1);color:#f59e0b}.question-difficulty.hard{background:rgba(239,68,68,.1);color:#ef4444}.questions-cta{text-align:center;padding-top:20px}.category-content-section{padding:60px 20px}.category-content-section:nth-child(2n){background:var(--bg-secondary)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:32px}.content-card{background:var(--white);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-normal)}.content-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.content-card h3{font-size:20px;margin-bottom:12px;color:var(--text-primary)}.content-card p{font-size:15px;line-height:1.7;color:var(--text-secondary)}@media (max-width:768px){.category-title{font-size:32px}.category-subtitle{font-size:16px}.category-meta{gap:16px}.meta-item{font-size:14px}.category-cta{flex-direction:column}.category-cta .btn{width:100%;max-width:300px;margin:0 auto}.content-grid,.questions-grid{grid-template-columns:1fr}}@media (max-width:480px){.category-hero{padding:40px 16px}.category-title{font-size:28px}.sample-questions-section{padding:60px 16px}.questions-tabs{flex-direction:column;gap:12px}.tab-btn{width:100%;justify-content:center}}.questions-hub-hero{background:var(--bg-gradient);padding:80px 20px 60px;text-align:center;color:var(--white);position:relative;overflow:hidden}.questions-hub-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.questions-hub-hero .container{position:relative;z-index:1}.questions-hub-hero h1{font-family:var(--font-heading);font-size:var(--h1-size);margin-bottom:var(--spacing-md)}.questions-hub-hero .hero-subtitle{font-size:var(--body-size);opacity:.9;max-width:600px;margin:0 auto var(--spacing-xl)}.quick-jump{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.quick-jump-label{font-weight:600;opacity:.8}.quick-jump-link{background:rgba(255,255,255,.2);color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.quick-jump-link:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.questions-section{padding:80px 20px}.questions-section.alt-bg{background:var(--bg-light)}.questions-section .section-intro{text-align:center;max-width:700px;margin:0 auto var(--spacing-xxl);color:var(--text-light);font-size:var(--body-size)}.question-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:900px;margin:0 auto}.question-category-grid.mood-grid{grid-template-columns:repeat(3,1fr);max-width:1100px}.question-category-card{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:2px solid var(--border-light)}.question-category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.question-category-card .category-icon{font-size:48px;margin-bottom:var(--spacing-md)}.question-category-card h3{font-family:var(--font-heading);font-size:var(--h3-size);margin-bottom:var(--spacing-sm)}.question-category-card p{color:var(--text-light);font-size:var(--small-size);line-height:1.6;flex-grow:1}.question-category-card .category-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.question-category-card .difficulty-range,.question-category-card .question-count{font-size:12px;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-light);color:var(--text-light)}.question-category-card .card-cta{display:inline-block;font-weight:700;margin-top:var(--spacing-md);color:var(--truth-blue);transition:var(--transition-fast)}.question-category-card:hover .card-cta{transform:translateX(4px)}.truth-card:hover{border-color:var(--truth-blue)}.truth-card .card-cta{color:var(--truth-blue)}.dare-card:hover{border-color:var(--dare-red)}.dare-card .card-cta{color:var(--dare-red)}.funny-card:hover{border-color:var(--warning-yellow)}.funny-card .card-cta{color:#d4a012}.flirty-card:hover{border-color:var(--fun-pink)}.flirty-card .card-cta{color:var(--fun-pink)}.embarrassing-card:hover{border-color:var(--fun-purple)}.embarrassing-card .card-cta{color:var(--fun-purple)}.extreme-card:hover{border-color:var(--dare-red)}.extreme-card .card-cta{color:var(--dare-red)}.romantic-card:hover{border-color:#e91e63}.romantic-card .card-cta{color:#e91e63}.popular-questions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xxl);max-width:1000px;margin:0 auto var(--spacing-xxl)}.popular-column{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.popular-heading{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:3px solid}.popular-heading.truth-heading{border-color:var(--truth-blue);color:var(--truth-blue)}.popular-heading.dare-heading{border-color:var(--dare-red);color:var(--dare-red)}.popular-list{list-style:none;padding:0;margin:0}.popular-item{padding:var(--spacing-md);margin:0 calc(-1 * var(--spacing-md));border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.popular-item:hover{background:var(--bg-subtle);border-color:transparent}.popular-item:last-child{border-bottom:none}.popular-item .question-text{flex-grow:1;color:var(--text-dark);line-height:1.5;font-size:15px}.popular-item .play-link{flex-shrink:0;font-size:13px;color:var(--white);text-decoration:none;font-weight:600;background:var(--bg-gradient);padding:6px 14px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.popular-item .play-link:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.cta-center{text-align:center}.audience-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.audience-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-md);text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid var(--border-light)}.audience-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);background:linear-gradient(180deg,rgba(102,126,234,.05) 0,var(--white) 100%)}.audience-card .audience-icon{font-size:32px;margin-bottom:var(--spacing-sm)}.audience-card .audience-name{font-weight:700;font-size:var(--small-size)}.audience-card .audience-desc{font-size:12px;color:var(--text-light);margin-top:4px}.questions-section.cta-section{text-align:center;background:var(--bg-gradient);color:var(--white)}.cta-section .section-title{color:var(--white)}.question-list-hero{background:var(--bg-gradient);padding:80px 20px 60px;text-align:center;color:var(--white);position:relative;overflow:hidden}.question-list-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.question-list-hero .container{position:relative;z-index:1}.question-list-hero .hero-subtitle{opacity:.95;max-width:600px;margin:0 auto;font-size:var(--body-size);line-height:1.6}.question-list-hero.truth-hero{background:linear-gradient(135deg,#4a90d9 0,#667eea 100%)}.question-list-hero.dare-hero{background:linear-gradient(135deg,#e74c3c 0,#c0392b 100%)}.question-list-hero.funny-hero{background:linear-gradient(135deg,#f1c40f 0,#f39c12 100%)}.question-list-hero.flirty-hero{background:linear-gradient(135deg,#fd79a8 0,#e91e63 100%)}.question-list-hero.embarrassing-hero{background:linear-gradient(135deg,#a29bfe 0,#6c5ce7 100%)}.question-list-hero.extreme-hero{background:linear-gradient(135deg,#e74c3c 0,#8e44ad 100%)}.question-list-hero.romantic-hero{background:linear-gradient(135deg,#e91e63 0,#9c27b0 100%)}.question-list-hero h1{font-family:var(--font-heading);font-size:var(--h1-size);margin-bottom:var(--spacing-md)}.question-list-hero .hero-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.hero-stat{text-align:center}.hero-stat .stat-number{display:block;font-family:var(--font-heading);font-size:2rem}.hero-stat .stat-label{font-size:var(--small-size);opacity:.8}.toc-section{padding:var(--spacing-xl) 20px;background:linear-gradient(180deg,var(--bg-subtle) 0,var(--white) 100%);border-bottom:1px solid var(--border-light)}.toc-section h3{text-align:center;font-family:var(--font-heading);margin-bottom:var(--spacing-lg);color:var(--text-dark)}.toc-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);max-width:900px;margin:0 auto}.toc-link{padding:10px 20px;background:var(--white);color:var(--text-dark);text-decoration:none;border-radius:var(--radius-full);font-weight:600;font-size:14px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:2px solid var(--border-light)}.toc-link:hover{background:var(--bg-gradient);color:var(--white);transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:transparent}.question-list-section{padding:60px 20px;scroll-margin-top:80px;background:var(--bg-lighter)}.question-list-section:nth-child(2n){background:var(--white)}.question-list-section:nth-child(odd){background:var(--bg-subtle)}.question-list-section h2{font-family:var(--font-heading);font-size:var(--h2-size);margin-bottom:var(--spacing-md);text-align:center;color:var(--text-dark)}.question-list-section .section-intro{text-align:center;max-width:700px;margin:0 auto var(--spacing-xl);color:var(--text-light)}.question-list{list-style:none;padding:0;margin:0 auto;max-width:900px}.question-list-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:var(--white);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:2px solid transparent;border-left:4px solid var(--border-light)}.question-list-item:hover{box-shadow:var(--shadow-lg);transform:translateX(8px);border-left-color:var(--primary-color);border-color:var(--primary-color);background:linear-gradient(90deg,rgba(102,126,234,.03) 0,var(--white) 100%)}.truth-list .question-list-item{border-left-color:var(--truth-blue)}.truth-list .question-list-item:hover{border-color:var(--truth-blue);background:linear-gradient(90deg,rgba(74,144,217,.05) 0,var(--white) 100%)}.dare-list .question-list-item{border-left-color:var(--dare-red)}.dare-list .question-list-item:hover{border-color:var(--dare-red);background:linear-gradient(90deg,rgba(231,76,60,.05) 0,var(--white) 100%)}.question-number{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);border-radius:var(--radius-full);font-weight:700;color:var(--white);font-size:var(--small-size);box-shadow:var(--shadow-sm)}.question-content{flex-grow:1}.question-content .question-text{font-size:var(--body-size);color:var(--text-dark);line-height:1.6;margin-bottom:var(--spacing-sm)}.question-content .question-meta{display:flex;gap:var(--spacing-md);align-items:center}.difficulty-badge{font-size:11px;padding:3px 10px;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase}.difficulty-badge.easy{background:rgba(0,184,148,.15);color:var(--success-green)}.difficulty-badge.medium{background:rgba(253,203,110,.3);color:#d4a012}.difficulty-badge.hard{background:rgba(231,76,60,.15);color:var(--dare-red)}.play-question-btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-gradient);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--small-size);font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition-fast)}.play-question-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.related-lists-section{padding:60px 20px;background:linear-gradient(180deg,var(--bg-subtle) 0,var(--bg-light) 100%)}.related-lists-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.related-list-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--white);border-radius:var(--radius-md);text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid var(--border-light)}.related-list-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-color);background:linear-gradient(180deg,rgba(102,126,234,.08) 0,var(--white) 100%)}.related-list-card .related-icon{font-size:36px;margin-bottom:var(--spacing-md)}.related-list-card .related-name{font-weight:700;font-size:15px}.ad-container{display:none!important}.ad-container--sidebar{max-width:300px;min-height:250px}.ad-container--mobile{max-width:320px;min-height:100px}.ad-container span{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.question-list-section .ad-container{margin:var(--spacing-xxl) auto}@media (max-width:992px){.question-category-grid.mood-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(3,1fr)}.related-lists-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.questions-hub-hero{padding:60px 20px 40px}.popular-questions-grid,.question-category-grid,.question-category-grid.mood-grid{grid-template-columns:1fr}.audience-grid{grid-template-columns:repeat(3,1fr)}.quick-jump{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.quick-jump-link{font-size:13px;padding:8px 14px}.hero-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.toc-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.toc-link{font-size:13px;padding:8px 14px}.question-list-item{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.question-list-item:hover{transform:translateX(4px)}.question-number{width:36px;height:36px;font-size:13px}.play-question-btn{width:100%;text-align:center;margin-top:var(--spacing-sm);padding:12px}.related-lists-grid{grid-template-columns:repeat(2,1fr)}.ad-container{max-width:100%;min-height:100px}}@media (max-width:480px){.question-list-section,.questions-section{padding:40px 16px}.question-category-card{padding:var(--spacing-lg)}.audience-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.audience-card{padding:var(--spacing-md)}.audience-card .audience-icon{font-size:24px}.audience-card .audience-name{font-size:13px}.question-list-item{border-left-width:3px;padding:var(--spacing-md)}.question-content .question-text{font-size:15px}.related-lists-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.related-list-card{padding:var(--spacing-md)}.related-list-card .related-icon{font-size:28px}.section-title{font-size:1.5rem}}.info-page article{max-width:800px;margin:0 auto;padding:40px 0 60px}.info-page article h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-dark);margin-bottom:12px;margin-top:0;text-align:left}.info-page article h3{font-size:1.15rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;margin-top:24px}.info-page article p{font-size:1rem;line-height:1.8;color:var(--text-light);margin-bottom:16px}.info-page article ul{padding-left:24px;margin-bottom:16px}.info-page article li{line-height:1.8;color:var(--text-light);margin-bottom:8px}.info-page article a{color:var(--primary-color);text-decoration:none}.info-page article a:hover{text-decoration:underline}.info-page article section{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-light)}.info-page article section:last-child{border-bottom:none}.article-truth-list{background:linear-gradient(135deg,#f0f5ff 0,#e8eeff 100%);padding:28px 28px 20px;border-radius:16px;margin:30px 0;border-left:4px solid var(--truth-blue);box-shadow:0 2px 12px rgba(74,144,217,.08)}.article-dare-list{background:linear-gradient(135deg,#fff5f5 0,#fee 100%);padding:28px 28px 20px;border-radius:16px;margin:30px 0;border-left:4px solid var(--dare-red);box-shadow:0 2px 12px rgba(231,76,60,.08)}.article-tip-list{background:linear-gradient(135deg,#f0faf5 0,#e8f5ee 100%);padding:28px 28px 20px;border-radius:16px;margin:30px 0;border-left:4px solid #27ae60;box-shadow:0 2px 12px rgba(39,174,96,.08)}.article-dare-list h3,.article-tip-list h3,.article-truth-list h3{margin-bottom:20px;color:var(--text-dark);font-size:1.2em;display:flex;align-items:center;gap:10px}.article-truth-list h3::before{content:'💬';font-size:1.1em}.article-dare-list h3::before{content:'🎯';font-size:1.1em}.article-tip-list h3::before{content:'✅';font-size:1.1em}.article-dare-list ul,.article-tip-list ul,.article-truth-list ul{list-style:none;padding-left:0;margin:0}.article-dare-list ul li,.article-tip-list ul li,.article-truth-list ul li{padding:14px 16px 14px 20px;margin-bottom:8px;background:rgba(255,255,255,.85);border-radius:10px;line-height:1.65;font-size:16px;position:relative;transition:transform .2s,box-shadow .2s;border:1px solid rgba(0,0,0,.04)}.article-dare-list ul li:last-child,.article-tip-list ul li:last-child,.article-truth-list ul li:last-child{margin-bottom:0}.article-dare-list ul li:hover,.article-tip-list ul li:hover,.article-truth-list ul li:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.article-truth-list ul{counter-reset:truth-counter}.article-dare-list ul{counter-reset:dare-counter}.article-truth-list ul li{counter-increment:truth-counter;padding-left:52px}.article-dare-list ul li{counter-increment:dare-counter;padding-left:52px}.article-truth-list ul li::before{content:counter(truth-counter);position:absolute;left:14px;top:14px;width:28px;height:28px;background:var(--truth-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.article-dare-list ul li::before{content:counter(dare-counter);position:absolute;left:14px;top:14px;width:28px;height:28px;background:var(--dare-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.article-related-modes{margin-top:60px;padding-top:40px;border-top:2px solid var(--bg-light)}.article-related-modes h2{text-align:center;margin-bottom:12px;color:var(--text-dark)}.article-related-modes p{text-align:center;margin-bottom:30px;color:var(--text-secondary,#666);font-size:16px}@media (prefers-color-scheme:dark){.article-truth-list{background:linear-gradient(135deg,#1a2340 0,#1e2a4a 100%)}.article-dare-list{background:linear-gradient(135deg,#2a1a1a 0,#3a1e1e 100%)}.article-tip-list{background:linear-gradient(135deg,#1a2a20 0,#1e3a28 100%)}.article-dare-list ul li,.article-tip-list ul li,.article-truth-list ul li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}}.last-updated{color:rgba(255,255,255,.75);font-size:var(--small-size);margin-bottom:var(--spacing-lg);text-align:center;margin-top:var(--spacing-lg)}.content-author{color:rgba(255,255,255,.85);font-size:var(--small-size);font-style:italic;text-align:center;margin-bottom:var(--spacing-md)}.safe-badge{display:inline-block;background:var(--success-green);color:#fff;padding:8px 20px;border-radius:var(--radius-full);font-size:var(--small-size);font-weight:700;margin-bottom:var(--spacing-md)}.footer-disclosure{color:var(--text-muted);font-size:.8rem;margin-top:var(--spacing-sm);opacity:.7}.related-modes-section{padding:60px 20px;background:var(--bg-subtle)}.related-modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg);max-width:900px;margin:0 auto}.related-mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text-dark);transition:all var(--transition-normal);border:2px solid transparent}.related-mode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.related-mode-card .mode-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.related-mode-card .mode-name{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:var(--spacing-xs)}.related-mode-card .mode-count{font-size:var(--small-size);color:var(--text-muted)}.sound-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--small-size);color:var(--text-light);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:6px 14px;transition:var(--transition-fast)}.sound-toggle:hover{background:var(--bg-subtle)}.sound-toggle.active{color:var(--primary-color);border-color:var(--primary-color);background:rgba(102,126,234,.1)}.custom-questions-panel{display:none;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;width:100%;margin:0 auto;text-align:center}.custom-questions-panel.active{display:flex}.custom-questions-panel h3{font-family:var(--font-heading);font-size:var(--h3-size);color:var(--text-dark);margin:0}.custom-q-input-group{display:flex;gap:var(--spacing-sm)}.custom-q-input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--text-dark);background:var(--bg-light);transition:var(--transition-fast)}.custom-q-input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.custom-q-type-select{padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--text-dark);background:var(--bg-light);cursor:pointer}.custom-q-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto;text-align:left}.custom-q-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);font-size:var(--small-size)}.custom-q-item .q-type-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);color:#fff}.custom-q-item .q-type-badge.truth{background:var(--truth-blue)}.custom-q-item .q-type-badge.dare{background:var(--dare-red)}.custom-q-item .remove-q{background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0 4px;transition:var(--transition-fast)}.custom-q-item .remove-q:hover{color:var(--dare-red)}.custom-q-empty{color:var(--text-muted);font-size:var(--small-size);padding:var(--spacing-md)}.favorite-btn{background:0 0;border:none;cursor:pointer;font-size:1.4rem;padding:4px;transition:var(--transition-fast);opacity:.5;filter:grayscale(1)}.favorite-btn:hover{opacity:.8;transform:scale(1.2)}.favorite-btn.favorited{opacity:1;filter:none;animation:.3s heartPop}@keyframes heartPop{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}.favorites-panel{display:none;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;width:100%;margin:0 auto;text-align:center}.favorites-panel.active{display:flex}.favorites-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;text-align:left}.favorites-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 14px;background:var(--bg-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);font-size:var(--small-size)}.favorites-list-item .fav-type{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);color:#fff;flex-shrink:0}.favorites-list-item .fav-type.truth{background:var(--truth-blue)}.favorites-list-item .fav-type.dare{background:var(--dare-red)}.favorites-list-item .fav-text{flex:1}.favorites-list-item .fav-remove{background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0 4px;transition:var(--transition-fast)}.favorites-list-item .fav-remove:hover{color:var(--dare-red)}.history-panel{display:none;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;width:100%;margin:0 auto;text-align:center}.history-panel.active{display:flex}.history-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;text-align:left}.history-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 14px;border-bottom:1px solid var(--border-light);font-size:var(--small-size)}.history-list-item:last-child{border-bottom:none}.history-list-item .history-num{font-weight:700;color:var(--text-muted);font-size:.8rem;min-width:24px}.history-list-item .history-type{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);color:#fff;flex-shrink:0}.history-list-item .history-type.truth{background:var(--truth-blue)}.history-list-item .history-type.dare{background:var(--dare-red)}.history-list-item .history-text{flex:1}.shortcuts-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:var(--z-modal);align-items:center;justify-content:center;padding:20px}.shortcuts-modal.active{display:flex}.shortcuts-modal-content{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-xxl);max-width:420px;width:100%;box-shadow:var(--shadow-xl);position:relative}.shortcuts-modal-content h3{font-family:var(--font-heading);font-size:var(--h3-size);color:var(--text-dark);margin:0 0 var(--spacing-lg);text-align:center}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{display:flex;gap:4px}.shortcut-key{display:inline-block;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;padding:3px 10px;font-family:monospace;font-size:.85rem;font-weight:700;color:var(--text-dark);min-width:28px;text-align:center}.shortcut-desc{color:var(--text-light);font-size:var(--small-size)}.shortcuts-close{position:absolute;top:12px;right:16px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}.shortcuts-close:hover{color:var(--text-dark)}.game-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap;position:relative;z-index:2}.toolbar-btn{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-full);padding:6px 12px;font-size:.78rem;font-family:var(--font-body);color:rgba(255,255,255,.9);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;backdrop-filter:blur(4px)}.toolbar-btn:hover{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.6);color:#fff}.toolbar-btn.active{color:#fff;border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.35)}.toolbar-btn .toolbar-icon{font-size:1rem}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg-dark);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-size:var(--small-size);font-family:var(--font-body);z-index:var(--z-toast);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),transform var(--transition-normal),visibility 0s var(--transition-normal);pointer-events:none;white-space:nowrap}.toast.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition:opacity var(--transition-normal),transform var(--transition-normal),visibility 0s}@media (max-width:480px){.related-modes-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.game-toolbar{gap:8px 10px}.toolbar-btn{padding:6px 12px;font-size:.75rem}.shortcuts-modal-content{padding:var(--spacing-lg)}.custom-q-input-group{flex-direction:column}}