:root{font-family:NYTimes,Georgia,Times New Roman,serif;line-height:1.6;font-weight:400;--color-primary: #000000;--color-secondary: #363636;--color-accent: #6366f1;--color-background: #ffffff;--color-surface: #f8f9fa;--color-border: #e5e7eb;--color-text-primary: #000000;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh;font-family:inherit;overflow-x:hidden;overflow-y:auto}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin:0;line-height:1.6}button{border-radius:6px;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base);font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-background);cursor:pointer;transition:all .2s ease;outline:none}button:hover{background-color:var(--color-secondary);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button.secondary{background-color:var(--color-background);color:var(--color-primary);border:1px solid var(--color-border)}button.secondary:hover{background-color:var(--color-surface)}input{border-radius:6px;border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);font-family:inherit;background-color:var(--color-background);color:var(--color-text-primary);outline:none;transition:border-color .2s ease}input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11a}input::placeholder{color:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.navigation-bar{background-color:#faf8f3;border:none;position:relative;z-index:1;box-shadow:none}.nav-container{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);height:auto;min-height:60px}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:transform .2s ease}.nav-brand:hover{transform:scale(1.02)}.logo-circle{width:40px;height:40px;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;background:#ff5e41;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:var(--text-xl);flex-shrink:0;border:4px solid #000;box-shadow:4px 4px #00000040;transform:rotate(-2deg);position:relative;overflow:visible;transition:all .2s ease;cursor:pointer}.logo-text{transform:rotate(2deg);display:block;color:#000}.nav-brand:hover .logo-circle{transform:translateY(-2px) rotate(-1deg) scale(1.05);box-shadow:5px 5px #0000004d}.nav-brand:hover .logo-text{transform:rotate(3deg)}.brand-text{font-size:1.5rem;font-weight:900;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.02em;transform:rotate(.5deg);transition:transform .2s ease}.nav-brand:hover .brand-text{transform:rotate(-.3deg) scale(1.02)}.nav-links{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-link{background:none;border:none;color:#6b7280;font-size:var(--text-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit}.nav-link:hover{color:#000;background-color:transparent}.nav-link.active{color:#000;font-weight:600}.nav-account-btn{background:#ffd93d;color:#000;border:4px solid #000;width:44px;height:44px;padding:0;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-left:var(--spacing-sm);position:relative;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;box-shadow:4px 4px #00000040;transform:rotate(-1deg);overflow:visible;display:inline-flex;align-items:center;justify-content:center}.nav-account-btn:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.nav-account-btn:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 12px 18px/18px 14px 20px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.nav-account-btn:hover{background:#ffc700;transform:translateY(-2px) rotate(-1deg);box-shadow:5px 5px #0000004d}.nav-account-btn.active{background:#ffbf00;box-shadow:6px 6px #00000059}.nav-account-btn svg{width:22px;height:22px;stroke-width:3}.nav-categories-btn{background:#8b5cf6;color:#fff;border:4px solid #000;font-size:var(--text-base);font-weight:700;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all .2s ease;font-family:inherit;margin-left:var(--spacing-sm);position:relative;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;box-shadow:3px 3px #00000040;transform:rotate(-.5deg);overflow:visible}.nav-categories-btn:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.nav-categories-btn:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 12px 18px/18px 14px 20px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.nav-categories-btn:hover{background:#7c3aed;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:5px 5px #0000004d}.nav-categories-btn.active{background:#7c3aed}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:1001;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.hamburger-line{display:block;width:24px;height:3px;background:#000;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.mobile-menu-backdrop{display:none}@media (max-width: 768px){.nav-container{padding:var(--spacing-sm) var(--spacing-md);min-height:56px}.brand-text{font-size:var(--text-xl)}.hamburger-btn{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;height:100dvh;background:#faf8f3;border-left:4px solid #000;box-shadow:-6px 0 #00000026;flex-direction:column;align-items:stretch;padding:80px var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-xs);z-index:1000;transition:right .3s cubic-bezier(.34,1.56,.64,1);overflow-y:auto}.nav-links.mobile-open{right:0}.nav-link{font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-radius:12px 14px 10px 13px/13px 11px 15px 12px;min-height:44px;display:flex;align-items:center}.nav-link:hover{background:#0000000a}.nav-link.active{background:#fff;border:2px solid #000;box-shadow:2px 2px #00000026}.nav-categories-btn{margin-left:0;margin-top:var(--spacing-sm);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-account-btn{margin-left:0;margin-top:var(--spacing-sm);align-self:center}.mobile-menu-backdrop{display:block;position:fixed;inset:0;background:#0000004d;z-index:999}}.intro-page{min-height:100vh;width:100%;background-color:#faf8f3;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}.hero-section{width:100%;padding:var(--spacing-2xl) var(--spacing-xl);display:flex;align-items:center;justify-content:center;position:relative;flex:1;overflow:hidden;box-sizing:border-box}.hero-content{z-index:2;text-align:center;max-width:1400px;margin:0 auto;width:100%}.hero-title{font-size:3.5rem;font-weight:900;color:#0f172a;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.025em;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.hero-description{margin-bottom:2.5rem}.hero-description p{font-size:1.25rem;color:#475569;line-height:1.625;margin:0 auto;max-width:42rem;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.hero-actions{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center;justify-content:center;flex-wrap:wrap}.hero-primary-btn{background:#ff5e41;color:#fff;border:4px solid #000;padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:var(--spacing-sm);position:relative;border-radius:22px 28px 16px 24px/24px 20px 28px 22px;box-shadow:4px 4px #00000040;transform:rotate(-.8deg);overflow:visible;letter-spacing:-.01em}.hero-primary-btn:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:24px 30px 18px 26px/26px 22px 30px 24px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.hero-primary-btn:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:20px 26px 14px 22px/22px 18px 26px 20px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.hero-primary-btn:hover{background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.8deg);box-shadow:6px 6px #0000004d}.hero-secondary-link{color:#64748b;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#ffd93d;font-size:var(--text-lg);font-weight:700;transition:color .2s ease,text-decoration-color .2s ease;display:inline-block}.hero-secondary-link:hover{color:#000;text-decoration-color:#ff5e41}.hero-visual{position:relative;height:100%;max-height:400px;z-index:1}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;z-index:0}.blob-pink{width:400px;height:400px;background:#ffb3d9;top:-100px;left:-100px}.blob-green{width:350px;height:350px;background:#b3ffd9;bottom:-50px;right:-50px}.game-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:400px;background:#fefcf9;border:3px solid #000;border-radius:20px;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #00000026;z-index:2;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.1))}.card-logo{width:60px;height:60px;border-radius:50%;background:#2d2d2d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-2xl)}.card-question{width:100%;display:flex;justify-content:center;margin:var(--spacing-xl) 0}.question-box{width:120px;height:120px;border:3px solid #000;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;background:#fff;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.1))}.card-answers{font-size:var(--text-2xl);font-weight:700;letter-spacing:.5em;color:#2d2d2d}.decorative-squiggle{position:absolute;z-index:3;opacity:.8}.squiggle-1{top:20%;right:10%;width:120px;height:30px}.squiggle-2{bottom:30%;left:5%;width:100px;height:25px}.decorative-star{position:absolute;top:15%;right:25%;font-size:2rem;z-index:3;filter:drop-shadow(2px 2px 0 #ff8c00);transform:rotate(-15deg)}.decorative-dash{position:absolute;border-top:2px dashed #000;z-index:3}.dash-1{width:80px;top:40%;right:15%;transform:rotate(15deg)}.dash-2{width:60px;bottom:25%;left:10%;transform:rotate(-20deg)}.decorative-plus{position:absolute;bottom:20%;right:20%;font-size:2rem;font-weight:700;color:#000;z-index:3}.how-it-works{width:100%;padding:var(--spacing-2xl) var(--spacing-xl);flex-shrink:0;box-sizing:border-box;display:flex;justify-content:center}.how-it-works-content{max-width:1400px;width:auto;box-sizing:border-box}.section-heading{font-size:1.875rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-2xl);text-align:left;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.feature-cards{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.feature-card{background:transparent;border:none;border-radius:0;padding:0;text-align:left;box-shadow:none;display:flex;align-items:center;gap:var(--spacing-xl);transition:transform .2s ease}.feature-card:hover{transform:translateY(-2px)}.card-icon-wrapper{width:80px;height:80px;margin:0;background:#fff;border:4px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;display:flex;align-items:center;justify-content:center;box-shadow:5px 5px #000;flex-shrink:0;transition:all .2s ease;transform:rotate(-.5deg);position:relative;overflow:visible}.card-icon-wrapper:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.card-icon-wrapper:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 14px 18px/18px 16px 20px 14px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.feature-card:nth-child(1) .card-icon-wrapper{transform:rotate(-.8deg)}.feature-card:nth-child(2) .card-icon-wrapper{transform:rotate(.6deg)}.feature-card:nth-child(3) .card-icon-wrapper{transform:rotate(-.4deg)}.feature-card:hover .card-icon-wrapper{transform:translateY(-3px) rotate(.5deg) scale(1.05);box-shadow:6px 6px #000}.card-icon-wrapper.yellow{background:#ffd93d}.card-icon{width:32px;height:32px;display:block;transform:rotate(-1deg);transition:transform .2s ease}.card-icon.hand-drawn{filter:none}.feature-card:hover .card-icon{transform:rotate(1deg) scale(1.1)}.card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:var(--spacing-sm);text-align:left;letter-spacing:-.01em;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.card-text{font-size:var(--text-base);color:#475569;line-height:1.625;margin:0;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.feature-card-content{flex:1;padding-top:var(--spacing-xs)}.intro-footer{width:100%;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border-top:none;margin-top:var(--spacing-2xl);box-sizing:border-box;display:flex;justify-content:center}.footer-text{max-width:1400px;width:100%;font-size:var(--text-sm);color:#64748b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.why-trivvia{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.why-content{padding-right:var(--spacing-xl)}.why-list{list-style:none;padding:0;margin:0}.why-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);align-items:flex-start}.why-icon{font-size:2rem;flex-shrink:0;margin-top:var(--spacing-xs)}.why-text{flex:1}.why-text strong{display:block;font-size:var(--text-lg);font-weight:700;color:#000;margin-bottom:var(--spacing-xs)}.why-text p{font-size:var(--text-base);color:#6b7280;line-height:1.6;margin:0}.why-cta-box{background:#8b5cf6;border-radius:16px;padding:var(--spacing-2xl);color:#fff;text-align:center;box-shadow:0 8px 24px #8b5cf64d}.cta-question{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-lg);line-height:1.4}.cta-checkmark{font-size:3rem;margin-bottom:var(--spacing-lg);font-weight:700}.cta-button{background:#ff6b6b;color:#fff;border:3px solid #000;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:var(--spacing-sm);position:relative;border-radius:14px 17px 13px 15px/15px 13px 17px 14px;box-shadow:3px 3px #0000004d;transform:rotate(.5deg)}.cta-button:hover{background:#ff5252;transform:translate(-2px,-2px) rotate(.5deg);box-shadow:5px 5px #0006}@media (max-width: 968px){.hero-section{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-visual{height:400px}.why-trivvia{grid-template-columns:1fr}.why-content{padding-right:0}}@media (max-width: 768px){.hero-section{padding:var(--spacing-xl) var(--spacing-lg)}.hero-title{font-size:3rem}.hero-description p{font-size:1.125rem}.section-heading{font-size:1.75rem;text-align:left}.feature-card{gap:var(--spacing-lg)}.card-icon-wrapper{width:80px;height:80px}.card-icon{width:50px;height:50px}.card-title{font-size:1.25rem}.how-it-works{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width: 480px){.hero-section{padding:var(--spacing-lg) var(--spacing-md)}.hero-title{font-size:2.5rem}.hero-description p{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.hero-primary-btn{width:100%;justify-content:center}.section-heading{font-size:1.5rem;margin-bottom:var(--spacing-lg);text-align:left}.feature-cards{gap:var(--spacing-xl)}.feature-card{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.card-icon-wrapper{width:70px;height:70px}.card-icon{width:45px;height:45px}.card-title,.card-text{text-align:left}.how-it-works{padding:var(--spacing-xl) var(--spacing-md)}}.rooms-page{min-height:100vh;width:100%;background-color:#faf8f3;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}.rooms-container{width:100%;flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;background-color:#faf8f3}.rooms-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);box-sizing:border-box}.rooms-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-md);letter-spacing:-.025em;line-height:1.1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.rooms-subtitle{font-size:1.25rem;color:#475569;font-weight:400;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);width:100%;padding:0 var(--spacing-xl);box-sizing:border-box}.room-card{background:#fff;border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;box-shadow:6px 6px #0003;transition:all .2s ease;position:relative;overflow:visible;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:300px;transform:rotate(0)}.room-card:nth-child(3n+1){transform:rotate(-.3deg)}.room-card:nth-child(3n+2){transform:rotate(.4deg)}.room-card:nth-child(3n+3){transform:rotate(-.2deg)}.room-card:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-1;opacity:.4;transform:rotate(1.5deg) translate(2px,2px)}.room-card:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;z-index:-1;opacity:.3;transform:rotate(-1.2deg) translate(-2px,-2px)}.room-card .room-bottom-section{background:#fff!important}.room-top-section[data-category=general]{background:#f8b4d0}.room-top-section[data-category=science]{background:#fb9b00}.room-top-section[data-category=math]{background:#f7da21}.room-top-section[data-category=pop-culture]{background:#fc716b}.room-top-section[data-category=history]{background:#d4a574}.room-top-section[data-category=sports]{background:#a8d8da}.room-top-section[data-category=geography]{background:#bfdbfe}.room-top-section[data-category=literature]{background:#c7a8d8}.room-card.active{border-color:#000}.room-card:nth-child(3n+1).active:hover{transform:translate(-3px,-3px) rotate(-.8deg);box-shadow:8px 8px #00000040}.room-card:nth-child(3n+2).active:hover{transform:translate(-3px,-3px) rotate(.2deg);box-shadow:8px 8px #00000040}.room-card:nth-child(3n+3).active:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:8px 8px #00000040}.room-card.coming-soon{cursor:not-allowed}.room-card.coming-soon .room-top-section[data-category=science]{background:#fb9b00}.room-card.coming-soon .room-top-section[data-category=math]{background:#f7da21}.room-card.coming-soon .room-top-section[data-category=pop-culture]{background:#fc716b}.room-card.coming-soon .room-top-section[data-category=history]{background:#d4a574}.room-card.coming-soon .room-top-section[data-category=sports]{background:#a8d8da}.room-card.coming-soon .room-top-section[data-category=geography]{background:#bfdbfe}.room-card.coming-soon .room-top-section[data-category=literature]{background:#c7a8d8}.room-card.coming-soon .room-icon{background:transparent}.room-card.coming-soon .room-name,.room-card.coming-soon .room-description{color:#000}.room-card:nth-child(3n+1).coming-soon:hover{transform:translate(-2px,-2px) rotate(-.2deg);box-shadow:7px 7px #0003;cursor:pointer}.room-card:nth-child(3n+2).coming-soon:hover{transform:translate(-2px,-2px) rotate(.5deg);box-shadow:7px 7px #0003;cursor:pointer}.room-card:nth-child(3n+3).coming-soon:hover{transform:translate(-2px,-2px) rotate(.2deg);box-shadow:7px 7px #0003;cursor:pointer}.room-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;flex-shrink:0;box-shadow:none;margin:0 auto;transform:rotate(-1deg);transition:transform .2s ease}.room-card:hover .room-icon{transform:rotate(1deg) scale(1.1)}.room-card.active .room-icon{background:transparent;box-shadow:none}.room-top-section{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;border-radius:16px 20px 14px 18px/18px 16px 20px 14px;min-height:200px;border-bottom:3px solid #000;position:relative}.room-card .room-bottom-section,.room-bottom-section{background:#fff!important;padding:var(--spacing-lg);border-radius:0 0 16px 18px/0 0 18px 16px;display:flex;align-items:center;justify-content:center;border-top:none;min-height:90px}.room-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.room-name{font-size:var(--text-xl);font-weight:700;color:#0f172a;margin:0 0 var(--spacing-sm) 0;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.room-card.active .room-name{color:#0f172a}.room-description{font-size:var(--text-base);color:#475569;margin:0 0 var(--spacing-sm) 0;line-height:1.625;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.coming-soon-badge{display:inline-block;background:#6b7280cc;color:#fff;font-size:var(--text-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-family:NYTimes,Georgia,Times New Roman,serif;margin-top:var(--spacing-sm)}.room-arrow{display:none}.room-button{background:#ff5e41;color:#fff;border:4px solid #000;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base);font-weight:700;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-width:100px;box-shadow:3px 3px #00000040;transform:rotate(-.5deg);overflow:visible;position:relative}.room-button:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.room-button:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 12px 18px/18px 14px 20px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.room-button:hover{background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:5px 5px #0000004d}.room-button:active{transform:translateY(0) rotate(-.5deg)}.active-button{background:#ff5e41;color:#fff}.coming-soon-button{background:#6b7280;color:#fff;opacity:.7;cursor:not-allowed}.coming-soon-button:hover{background:#6b7280;transform:none;box-shadow:none}.rooms-footer{width:100%;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border-top:none;margin-top:var(--spacing-2xl);box-sizing:border-box}.rooms-footer .footer-text{font-size:var(--text-sm);color:#64748b;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}@media (max-width: 1024px) and (min-width: 769px){.rooms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.rooms-page{padding:0}.rooms-header{padding:var(--spacing-xl) var(--spacing-lg)}.rooms-title{font-size:2rem}.rooms-subtitle{font-size:1.125rem;margin-bottom:0}.rooms-grid{grid-template-columns:1fr;gap:var(--spacing-2xl);max-width:100%;margin-top:0;padding:0 var(--spacing-lg)}.room-card{height:240px}.room-top-section{padding:var(--spacing-md);min-height:150px}.room-bottom-section{padding:var(--spacing-md);min-height:80px}.room-icon{width:60px;height:60px;font-size:2.5rem}.room-name{font-size:var(--text-base)}.room-description{font-size:var(--text-xs)}}@media (max-width: 480px){.rooms-page{padding:0}.rooms-header{padding:var(--spacing-lg) var(--spacing-md)}.rooms-title{font-size:1.875rem}.rooms-subtitle{font-size:1rem;margin-bottom:0}.rooms-grid{margin-top:0;padding:0 var(--spacing-md);gap:var(--spacing-2xl)}.room-card{height:220px}.room-top-section{padding:var(--spacing-sm);min-height:130px}.room-bottom-section{padding:var(--spacing-sm);min-height:80px}.room-icon{width:50px;height:50px;font-size:2rem}.room-name{font-size:var(--text-sm)}.room-description{font-size:var(--text-xs)}.room-button{font-size:var(--text-xs);padding:var(--spacing-sm) var(--spacing-md);min-width:80px;min-height:44px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:#faf8f3;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:8px 8px #00000040;animation:modalBounceIn .5s cubic-bezier(.34,1.56,.64,1) forwards;transform:rotate(-.5deg);position:relative;overflow:visible}.modal-content:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}.modal-content:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:22px 26px 18px 24px/24px 20px 26px 22px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px)}@keyframes modalBounceIn{0%{opacity:0;transform:translateY(30px) scale(.8) rotate(-2deg)}60%{transform:translateY(-5px) scale(1.05) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-.5deg)}}.modal-header{padding:var(--spacing-xl);text-align:center;border-bottom:3px solid #000;position:relative}.modal-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:inline-block;animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1) .2s forwards;transform:scale(0)}.modal-title{font-size:var(--text-2xl);font-weight:900;color:#0f172a;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.02em;transform:rotate(.3deg)}.modal-body{padding:var(--spacing-xl);text-align:center}.modal-description{font-size:var(--text-base);color:#475569;margin-bottom:var(--spacing-lg);line-height:1.625;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.coming-soon-message{background:#fff;border:3px solid #000;border-radius:16px 18px 14px 17px/17px 15px 19px 16px;padding:var(--spacing-lg);box-shadow:4px 4px #00000026;transform:rotate(.2deg);position:relative}.coming-soon-text{display:block;font-size:var(--text-xl);font-weight:900;color:#ff5e41;margin-bottom:var(--spacing-sm);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.01em;transform:rotate(-.3deg)}.coming-soon-subtext{font-size:var(--text-sm);color:#475569;margin:0;line-height:1.625;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.modal-footer{padding:var(--spacing-xl);text-align:center;border-top:3px solid #000}.modal-button{background:#ff5e41;color:#fff;border:4px solid #000;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:700;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-width:120px;box-shadow:3px 3px #00000040;transform:rotate(-.5deg);overflow:visible;position:relative}.modal-button:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.modal-button:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 12px 18px/18px 14px 20px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.modal-button:hover{background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:5px 5px #0000004d}.modal-button:active{transform:translateY(0)}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-md)}.modal-content{max-width:none;width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-icon{font-size:2.5rem}.modal-title{font-size:var(--text-xl)}}@media (prefers-color-scheme: dark){.rooms-page{background:#fafafa}}.premium-crown{font-size:.75rem;margin-left:3px;vertical-align:middle;line-height:1}.leaderboard{background:#fff;border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;height:fit-content;box-shadow:6px 6px #0003;overflow:hidden;transform:rotate(-.2deg);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.leaderboard:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-2;opacity:.4;transform:rotate(1deg) translate(2px,2px);pointer-events:none}.leaderboard:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;z-index:-2;opacity:.3;transform:rotate(-1.2deg) translate(-2px,-2px);pointer-events:none}.leaderboard-header{padding:var(--spacing-lg);background:#faf8f3;border-bottom:3px solid #000;display:flex;justify-content:space-between;align-items:center;min-height:48px}.leaderboard-title{font-size:var(--text-lg);font-weight:900;color:#0f172a;margin:0;padding:0;line-height:1.2;display:flex;align-items:center;height:100%;letter-spacing:-.02em}.player-count{font-size:var(--text-sm);color:#000;background:#ffd93d;padding:var(--spacing-xs) var(--spacing-sm);border-radius:10px 12px 9px 11px/11px 9px 12px 10px;border:2px solid #000;font-weight:700;box-shadow:2px 2px #00000026}.leaderboard-list{max-height:400px;overflow-y:auto;transition:all .3s ease}.leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard-list::-webkit-scrollbar-track{background:#faf8f3}.leaderboard-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px;border:1px solid #000}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.player-item{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid #e5e7eb;gap:var(--spacing-md);transform:translateZ(0)}.player-item:last-child{border-bottom:none}.player-item.current-player{background:#faf8f3;border-left:none;padding-left:var(--spacing-lg);font-weight:700}.player-item.offline{opacity:.6}.player-item.away{opacity:.8;background:#f59e0b0d;border-left:2px solid #f59e0b}.player-item.updating{background:#22c55e0d;border-left:3px solid var(--color-success)}.player-rank{min-width:40px;text-align:center;transition:all .3s ease}.player-rank.updating{transform:scale(1.1)}.rank-icon{font-size:var(--text-2xl);font-weight:400;color:#0f172a;display:flex;align-items:center;justify-content:center}.player-info{flex:1;min-width:0}.player-name-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs);gap:var(--spacing-sm)}.player-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border:2px solid #000;border-radius:12px 14px 11px 13px/13px 11px 15px 12px;box-shadow:2px 2px #0003;transform:rotate(-1.5deg);position:relative;overflow:visible;flex-shrink:0;margin-right:var(--spacing-xs);padding:2px}.player-icon:before{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:14px 16px 12px 15px/15px 13px 17px 14px;z-index:-1;opacity:.3;transform:rotate(1.2deg) translate(1px,1px);pointer-events:none}.player-name{font-weight:700;color:#0f172a;font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.player-status{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.status-indicator{font-size:var(--text-xs);line-height:1}.status-indicator.online{color:var(--color-success)}.status-indicator.away{color:#f59e0b}.status-indicator.offline{color:var(--color-text-muted)}.you-badge{font-size:var(--text-xs);color:#6366f1;font-weight:600;opacity:.9;margin-right:var(--spacing-xs)}.player-score{font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;gap:var(--spacing-xs);transition:all .2s ease}.player-score.updating{transform:scale(1.15);color:#10b981;font-weight:900;text-shadow:0 0 8px rgba(16,185,129,.4)}.player-score.high-score{color:#10b981}.player-score.medium-score{color:#f59e0b}.player-score.low-score{color:#6b7280}.leaderboard-footer{padding:var(--spacing-md) var(--spacing-lg);background:#faf8f3;border-top:3px solid #000}.scoring-info{font-size:var(--text-xs);color:#475569;margin:0;text-align:center;line-height:1.4;font-weight:600}.loading-message,.error-message{padding:var(--spacing-lg);text-align:center;color:#475569;font-style:italic;font-weight:600}.error-message{color:#ef4444;font-weight:700}@media (max-width: 1024px){.leaderboard{margin-bottom:var(--spacing-lg)}.leaderboard-list{max-height:300px}.player-item{padding:var(--spacing-sm) var(--spacing-md)}.player-name-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.player-status{align-self:flex-end}}@media (max-width: 1024px){.leaderboard{border-width:1px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.leaderboard-header{padding:var(--spacing-sm) var(--spacing-md)!important;display:flex;justify-content:space-between;align-items:center;min-height:44px}.leaderboard-title{font-size:var(--text-sm)!important;margin:0!important;padding:0;line-height:inline;display:flex;align-items:center;height:100%}.leaderboard-footer{padding:var(--spacing-xs) var(--spacing-sm)}.player-count{font-size:var(--text-xs)!important;padding:2px var(--spacing-xs);border-radius:8px;border-width:1px}.player-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);flex-wrap:nowrap;border-bottom-width:1px}.player-item.current-player{border-left-width:3px;padding-left:calc(var(--spacing-md) - 3px)}.rank-icon{font-size:var(--text-sm);flex-shrink:0}.player-name{font-size:var(--text-xs);line-height:1.2;flex:1 1 auto;white-space:normal;word-break:break-word}.player-score{font-size:var(--text-xs);line-height:1.2;flex-shrink:0}.player-name-container{margin-bottom:0;width:100%;gap:2px}.you-badge{font-size:10px;margin-right:2px}.status-indicator{font-size:10px}.scoring-info{font-size:10px;line-height:1.3}.leaderboard-list::-webkit-scrollbar{width:4px}.leaderboard-list::-webkit-scrollbar-thumb{border-radius:2px}}@media (max-width: 480px){.leaderboard{border-radius:6px;margin:var(--spacing-xs)}.leaderboard-header{padding:var(--spacing-xs) var(--spacing-md)!important;display:flex;justify-content:space-between;align-items:center;min-height:40px!important}.leaderboard-title{font-size:var(--text-sm)!important;margin:0!important;padding:0;line-height:20px;display:block;align-items:center}.leaderboard-footer{padding:6px var(--spacing-xs)}.player-item{padding:var(--spacing-sm) var(--spacing-md);gap:6px}.player-item.current-player{border-left-width:2px;padding-left:calc(var(--spacing-md) - 2px)}.rank-icon{font-size:var(--text-xs);min-width:24px}.player-name,.player-score{font-size:10px;line-height:1.1}.player-count{font-size:10px;padding:1px 4px;border-radius:6px}.you-badge,.status-indicator{font-size:9px}.scoring-info{font-size:9px;line-height:1.2}.leaderboard-list{max-height:250px}}.premium-crown{font-size:.7rem;margin-left:3px;vertical-align:middle;line-height:1}.chat-history-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#faf8f3;border-bottom:3px solid #000;color:#475569;font-size:var(--text-sm);font-weight:600}.loading-spinner{width:16px;height:16px;border:3px solid #e5e7eb;border-top:3px solid #FF5E41;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-component{background:transparent;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;z-index:1}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;height:0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#faf8f3;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px;border:1px solid #000}.chat-messages::-webkit-scrollbar-thumb:hover{background:#d1d5db}.message{padding:var(--spacing-sm) var(--spacing-md);border-radius:14px 16px 12px 15px/15px 13px 17px 14px;background:#fff;border:3px solid #000;max-width:65%;width:fit-content;word-wrap:break-word;box-shadow:3px 3px #0003;transform:rotate(-.4deg);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:visible;align-self:flex-start}.message:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:16px 18px 14px 17px/17px 15px 19px 16px;z-index:-1;opacity:.3;transform:rotate(.8deg) translate(1px,1px);pointer-events:none}.message.own-message{align-self:flex-end;background:#6366f1;color:#fff;border:3px solid #000;transform:rotate(.5deg);box-shadow:3px 3px #00000040;position:relative;overflow:visible;max-width:65%;width:fit-content}.message.own-message:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:16px 18px 14px 17px/17px 15px 19px 16px;z-index:-1;opacity:.3;transform:rotate(-.8deg) translate(-1px,-1px);pointer-events:none}.message.answer{background:#e0f2fe;border:3px solid #000;box-shadow:3px 3px #0003}.message.answer.own-message{background:#818cf8;border:3px solid #000;box-shadow:3px 3px #00000040}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);gap:var(--spacing-sm)}.message-player{font-weight:700;font-size:var(--text-sm);color:#0f172a;display:flex;align-items:center;gap:var(--spacing-xs)}.player-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#fff;border:2px solid #000;border-radius:11px 13px 10px 12px/12px 10px 14px 11px;box-shadow:2px 2px #0003;transform:rotate(-1.5deg);position:relative;overflow:visible;flex-shrink:0;padding:2px}.player-icon svg{width:100%;height:100%;transform:rotate(.5deg)}.player-icon:before{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:13px 15px 11px 14px/14px 12px 16px 13px;z-index:-1;opacity:.3;transform:rotate(1.2deg) translate(1px,1px);pointer-events:none}.player-icon.own-player-icon{background:#6366f1;border-color:#000}.player-icon.own-player-icon svg path{stroke:#fff}.player-icon.own-player-icon:before{border-color:#000;opacity:.25}.message.own-message .message-player{color:#ffffffe6}.message-timestamp{font-size:var(--text-xs);color:#6b7280;opacity:.8;font-weight:600}.message.own-message .message-timestamp{color:#ffffffb3}.message.bot .message-timestamp{color:#000;opacity:.9}.message-content{font-size:var(--text-sm);line-height:1.4;color:#475569;font-weight:500}.message.own-message .message-content{color:#ffffffe6}.message.bot .message-content{color:#0f172a;font-weight:500}.bot-question{font-weight:700;color:#6366f1;display:block;margin-bottom:var(--spacing-xs)}.answer-highlight{font-weight:700;color:#10b981;background:#10b98126;padding:2px 6px;border-radius:4px;display:inline-block}.first-responder{font-weight:700;color:#f59e0b;background:#f59e0b26;padding:2px 6px;border-radius:4px;display:inline-block}.message .player-name{font-weight:700;color:#6366f1;background:#6366f126;padding:2px 6px;border-radius:4px;display:inline-block}.mention{font-weight:700;color:#6366f1;background:#6366f126;padding:2px 4px;border-radius:4px;display:inline-block}.answer-prefix{margin-right:var(--spacing-xs);font-size:var(--text-base)}.bot-prefix{margin-right:var(--spacing-sm);display:inline-flex;align-items:center;vertical-align:middle}.bot-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:3px solid #000;border-radius:14px 16px 12px 15px/15px 13px 17px 14px;font-size:18px;box-shadow:3px 3px #0003;transform:rotate(-2deg);position:relative;overflow:visible;flex-shrink:0;line-height:1}.bot-icon:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:16px 18px 14px 17px/17px 15px 19px 16px;z-index:-1;opacity:.3;transform:rotate(1.5deg) translate(1px,1px);pointer-events:none}.message.bot{background:#ffd93d;border:3px solid #000;white-space:pre-line;box-shadow:3px 3px #0003;transform:rotate(-.2deg);position:relative;overflow:visible;max-width:65%;width:fit-content;align-self:flex-start}.message.bot .message-player{color:#000;font-weight:700}.message.bot .message-content{color:#000;font-family:Georgia,serif;line-height:1.6;font-weight:500;font-size:var(--text-sm)}.message.bot .answer-text{color:#059669;font-weight:700}.bot-question{display:inline;color:var(--color-text-gray);font-size:.85em;margin-right:8px;font-weight:400}.answer-text{font-weight:600;color:var(--color-success);font-size:.9em}.chat-form{padding:var(--spacing-lg) var(--spacing-xl);border-top:3px solid #000;background:#fff;flex-shrink:0;min-height:0;position:relative;z-index:2}.chat-input-group{display:flex;gap:var(--spacing-sm)}.chat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:10px 12px 9px 11px/11px 9px 12px 10px;border:3px solid #000;background:#fff;font-size:var(--text-sm);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:600;box-shadow:2px 2px #0000001a;transform:rotate(-.2deg);transition:all .2s ease}.chat-input:focus{border-color:#000;box-shadow:4px 4px #0003;outline:none;transform:rotate(0) translateY(-1px);background:#faf8f3}.send-button{background:#ff5e41;color:#fff;border:3px solid #000;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:700;border-radius:10px 12px 9px 11px/11px 9px 12px 10px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:3px 3px #00000040;transform:rotate(.3deg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.send-button:hover:not(:disabled){background:#ff4d2e;transform:translate(-2px,-2px) rotate(.3deg);box-shadow:4px 4px #0000004d}.send-button:disabled{background:#6b7280;color:#fff;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}@media (max-width: 768px){.chat-component{height:auto;flex:1;min-height:0;position:relative;-webkit-overflow-scrolling:touch}.chat-header{padding:var(--spacing-md)}.chat-messages{padding:var(--spacing-sm)}.chat-form{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));position:sticky;bottom:0;background:#faf8f3;z-index:10}.message{max-width:95%}.chat-input-group{flex-direction:row}.chat-input{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;transform:translateZ(0)}.chat-input:focus{transform:translateZ(0);outline:none}.send-button{align-self:flex-end;padding:var(--spacing-sm) var(--spacing-xl)}.message-player,.message.bot .message-content{font-size:var(--text-xs)}.bot-question{font-size:.75em}.answer-text{font-size:.8em}}@media (max-width: 480px){.chat-input-group{align-items:center;gap:var(--spacing-xs)}.chat-input{border-radius:4px;padding:var(--spacing-sm) var(--spacing-sm);min-height:44px;box-sizing:border-box;line-height:1.2;flex:1}.send-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs);min-height:44px;box-sizing:border-box;flex-shrink:0}}.hint-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:0;background:transparent;border:none;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.hint-label{font-size:var(--text-sm);font-weight:600;color:#475569;white-space:nowrap}.hint-text{font-size:var(--text-lg);font-weight:700;color:#0f172a;font-family:Courier New,monospace;letter-spacing:2px;line-height:1.2;word-break:break-word}.hint-countdown{font-size:var(--text-sm);font-weight:500;color:#64748b;font-style:italic}.hint-complete{font-size:var(--text-sm);color:#10b981;margin-left:var(--spacing-xs);font-weight:700}@keyframes hintReveal{0%{opacity:.7;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.hint-text{font-size:var(--text-sm);letter-spacing:.5px}.hint-display{margin-top:var(--spacing-sm);gap:var(--spacing-xs)}}.inactivity-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.inactivity-modal{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-2xl);max-width:360px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.inactivity-heading{font-size:var(--text-2xl);color:var(--color-text-primary)}.inactivity-subtext{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.inactivity-countdown{font-size:var(--text-base);color:var(--color-text-muted);font-style:italic;margin:0}.inactivity-button{margin-top:var(--spacing-sm);background-color:var(--color-accent);border:1px solid var(--color-accent);color:#fff;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-base);font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;min-width:120px}.inactivity-button:hover{background-color:#4f46e5;border-color:#4f46e5;transform:translateY(-1px)}.inactivity-button:active{transform:translateY(0)}.inactivity-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 480px){.inactivity-modal{padding:var(--spacing-xl);max-width:320px}}.welcome-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#faf8f3;opacity:1;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.welcome-screen:before{display:none}.welcome-screen.fade-out{opacity:0}.game-room{height:100vh;background-color:#faf8f3;display:flex;flex-direction:column;overflow:hidden;opacity:0;animation:fadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.game-room.fade-in{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-content{text-align:center;max-width:600px;padding:var(--spacing-2xl);position:relative;z-index:2;background:#fff;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;box-shadow:8px 8px #00000040;transform:rotate(-.3deg);overflow:visible;animation:contentEntrance .5s cubic-bezier(.34,1.56,.64,1) forwards}.welcome-content:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}.welcome-content:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:22px 26px 18px 24px/24px 20px 26px 22px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px)}.category-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--category-color, #f8b4d0);color:#000;padding:var(--spacing-sm) var(--spacing-lg);border:3px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;font-weight:700;font-size:var(--text-lg);margin:var(--spacing-lg) 0;box-shadow:4px 4px #0003;transform:rotate(.5deg)}.category-icon{font-size:var(--text-xl)}.category-name{font-size:var(--text-base)}@keyframes contentEntrance{0%{opacity:0;transform:translateY(30px) scale(.9) rotate(-2deg)}60%{transform:translateY(-5px) scale(1.02) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-.3deg)}}.welcome-title{font-size:var(--text-4xl);font-weight:900;color:#0f172a;margin-bottom:var(--spacing-lg);letter-spacing:-.025em;transform:rotate(-.5deg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.welcome-subtitle{font-size:var(--text-lg);color:#475569;margin-bottom:var(--spacing-md);font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.nickname-display{background:var(--category-color, #f8b4d0);color:#000;padding:var(--spacing-lg) var(--spacing-xl);border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;font-size:var(--text-2xl);font-weight:700;margin:var(--spacing-lg) 0;box-shadow:6px 6px #0003;letter-spacing:.5px;transform:rotate(-.3deg);position:relative;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.nickname-display:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.welcome-message{font-size:var(--text-base);color:#475569;font-style:italic;margin-top:var(--spacing-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.welcome-loading{margin-top:var(--spacing-lg);text-align:center}.loading-dots{font-size:var(--text-base);color:#000;font-style:italic;position:relative}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.game-header{background:#faf8f3;border-bottom:none;box-shadow:none;transition:all .3s ease}.header-main{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);position:relative;z-index:10}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.game-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-circle{width:40px;height:40px;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;background:#ff5e41;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:var(--text-xl);flex-shrink:0;border:4px solid #000;box-shadow:4px 4px #00000040;transform:rotate(-2deg);position:relative;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.logo-circle:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-1;opacity:.4;transform:rotate(1.5deg) translate(1px,1px)}.logo-circle:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;z-index:-1;opacity:.3;transform:rotate(-1.8deg) translate(-1px,-1px)}.logo-text{transform:rotate(2deg);display:block}.game-title{font-size:var(--text-2xl);font-weight:900;color:#0f172a;margin:0;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.player-welcome{color:#475569;font-size:var(--text-base);font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.leave-button{background:#faf8f3!important;color:#000!important;border:4px solid #000!important;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:700;border-radius:16px 20px 14px 18px/18px 16px 20px 14px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px #00000040;transform:rotate(-.5deg);position:relative;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.leave-button.secondary{background:#faf8f3!important;color:#000!important;border:4px solid #000!important}.leave-button:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.leave-button:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:14px 18px 12px 16px/16px 14px 18px 12px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.leave-button:hover{background:#f0ede5;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px #0000004d}.leave-icon{display:none}.guest-signup-nudge{font-size:var(--text-sm);font-weight:600;color:#475569;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;white-space:nowrap}.guest-signup-link{background:none;border:none;padding:0;color:#6366f1;font-weight:700;font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.guest-signup-link:hover{color:#4f51e0;background-color:transparent}.about-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);margin-right:var(--spacing-sm)}.header-leaderboard{display:none}@media (max-width: 1024px){.header-leaderboard{display:block;position:fixed;inset:50px 0 0;z-index:1000;background:#fff;padding:var(--spacing-md);height:calc(100vh - 50px);height:calc(100dvh - 50px);overflow-y:auto;animation:slideDown .3s ease-out}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}60%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.game-layout{flex:1;display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl);height:calc(100vh - 120px);min-height:0;overflow:hidden;background:#faf8f3}.game-main{display:flex;flex-direction:column;gap:0;min-height:0;overflow:visible}.unified-chat-section{background:#fff;border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;box-shadow:6px 6px #0003;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;max-height:calc(100vh - 120px);transform:rotate(-.2deg);position:relative;padding:0;box-sizing:border-box;margin:0}.unified-chat-section:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px);pointer-events:none}.unified-chat-section:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px);pointer-events:none}.question-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm);flex-shrink:0;min-height:0;border-bottom:3px solid #000;position:relative;z-index:1;margin:0;overflow:visible;background:#fff;border-top-left-radius:16px;border-top-right-radius:20px;box-sizing:border-box}.question-category{background:#ffd93d;color:#000;padding:var(--spacing-xs) var(--spacing-md);border:3px solid #000;border-radius:12px 14px 10px 13px/13px 11px 15px 12px;font-size:var(--text-sm);font-weight:700;box-shadow:3px 3px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;z-index:2;flex-shrink:0;margin:0;max-width:calc(100% - var(--spacing-lg));transform:rotate(-.3deg)}.question-difficulty{background:#fff;color:#475569;padding:var(--spacing-xs) var(--spacing-md);border:3px solid #000;border-radius:12px 14px 10px 13px/13px 11px 15px 12px;font-size:var(--text-sm);font-weight:700;box-shadow:3px 3px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;z-index:2;flex-shrink:0;margin:0;max-width:calc(100% - var(--spacing-lg));transform:rotate(.3deg)}.timer{display:flex;align-items:center;gap:var(--spacing-sm)}.timer-text{font-weight:700;color:var(--color-text-primary);font-size:var(--text-sm);min-width:60px;text-align:center}.timer-bar{width:120px;height:10px;background:#e5e7eb;border:2px solid #000;border-radius:8px 10px 7px 9px/9px 7px 10px 8px;overflow:hidden;box-shadow:2px 2px #00000026}.timer-progress{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b);transition:width 1s linear;border-radius:6px 8px 5px 7px/7px 5px 8px 6px}@media (max-width: 1024px){.timer{padding:var(--spacing-xs);gap:var(--spacing-xs)}.timer-text{font-size:var(--text-xs);min-width:50px}.timer-bar{width:80px;height:8px}}.question-content{padding:var(--spacing-xl) var(--spacing-xl);text-align:center;flex-shrink:0;border-bottom:3px solid #000;min-height:0;background:#faf8f3;position:relative;z-index:1}.answer-info{margin-top:var(--spacing-md);text-align:center;color:#475569;font-size:var(--text-base);font-weight:600}.correct-answer{font-weight:700;color:#10b981;margin-right:var(--spacing-xs)}.question-text{font-size:var(--text-2xl);color:#0f172a;line-height:1.4;margin:0;font-weight:700;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.answer-form{margin-top:var(--spacing-xl)}.answer-input-group{display:flex;gap:var(--spacing-md);max-width:600px;margin:0 auto}.answer-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg);border:3px solid #000;border-radius:14px 16px 12px 15px/15px 13px 17px 14px;background:#fff;box-shadow:3px 3px #0000001a;transform:rotate(-.2deg);transition:all .2s ease;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.answer-input:focus{border-color:#000;box-shadow:5px 5px #0003;outline:none;transform:rotate(0) translateY(-2px);background:#faf8f3}.answer-input:disabled{background:#e5e7eb;color:#6b7280;opacity:.7}.submit-answer-button{background:#ff5e41;color:#fff;border:3px solid #000;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:700;border-radius:16px 20px 14px 18px/18px 16px 20px 14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:3px 3px #00000040;transform:rotate(.5deg);position:relative;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.submit-answer-button:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;z-index:-1;opacity:.4;transform:rotate(1deg) translate(1px,1px)}.submit-answer-button:hover:not(:disabled){background:#ff4d2e;transform:translate(-2px,-2px) rotate(.5deg);box-shadow:5px 5px #0000004d}.submit-answer-button:disabled{background:#6b7280;color:#fff;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.game-sidebar{display:flex;flex-direction:column;min-height:0;height:100%}@media (max-width: 1024px){.game-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.game-main{order:-1;min-height:auto}.game-sidebar{display:none}.mobile-menu-button{display:block!important;background:#ffd93d!important;border:3px solid #000!important;outline:none!important;cursor:pointer;padding:var(--spacing-sm)!important;margin-right:var(--spacing-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:40px!important;height:40px!important;border-radius:10px 12px 9px 11px/11px 9px 12px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:3px 3px #0003!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;transform:rotate(-1deg);position:relative}.mobile-menu-button:hover{background:#ffd000!important;transform:rotate(-1deg) translateY(-1px)!important;box-shadow:4px 4px #00000040!important}.mobile-menu-button:active,.mobile-menu-button:focus,.mobile-menu-button:focus-visible,.mobile-menu-button:focus-within{background:#ffd93d!important;border:3px solid #000!important;box-shadow:3px 3px #0003!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.mobile-menu-button.expanded{transform:rotate(179deg) scaleX(-1)}.header-leaderboard{display:block;position:fixed;inset:50px 0 0;z-index:1000;background:#faf8f3;padding:var(--spacing-md);height:calc(100vh - 50px);height:calc(100dvh - 50px);overflow-y:auto;animation:slideDown .5s cubic-bezier(.34,1.56,.64,1)}.header-main{padding:var(--spacing-md) var(--spacing-lg)}.game-title{font-size:var(--text-xl)}.player-welcome{font-size:var(--text-sm)}.header-leaderboard .leaderboard-title{font-size:var(--text-base);margin-bottom:var(--spacing-sm)}.header-leaderboard .player-count{font-size:var(--text-sm)}.header-leaderboard .player-name{font-size:var(--text-sm);line-height:1.2}.header-leaderboard .player-score{font-size:var(--text-xs);line-height:1.2}.header-leaderboard .scoring-info{font-size:var(--text-xs);padding:var(--spacing-sm)}}@media (max-width: 1024px){.welcome-content{padding:var(--spacing-lg);max-width:90%}.welcome-title{font-size:var(--text-3xl)}.nickname-display{font-size:var(--text-xl);padding:var(--spacing-md) var(--spacing-lg)}.game-header{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md);text-align:center}.header-left{flex-direction:column;gap:var(--spacing-sm)}.game-layout{padding:var(--spacing-md);gap:var(--spacing-md)}.question-section{padding:var(--spacing-lg)}.question-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.timer{align-self:stretch;justify-content:space-between}.answer-input-group{flex-direction:column}.question-text{font-size:var(--text-lg)}}@media (max-width: 1024px){.game-room{height:100vh;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.game-header{min-height:44px;background:#faf8f3;border-bottom:none;box-shadow:none}.header-main{padding:6px var(--spacing-md);flex-direction:row;justify-content:space-between;align-items:center;text-align:left;min-height:44px;height:auto}.header-left{flex-direction:row;gap:var(--spacing-sm);align-items:center}.game-title{font-size:var(--text-lg);margin:0}.player-welcome{display:none}.leave-button{padding:0!important;min-height:44px;min-width:44px;width:44px;height:44px;display:flex!important;align-items:center;justify-content:center;border-width:3px!important;box-shadow:2px 2px #0003}.leave-text{display:none}.leave-icon{display:inline;font-size:var(--text-lg);font-weight:900;line-height:1}.guest-signup-nudge{display:none}.game-layout{grid-template-columns:1fr;grid-template-rows:1fr;padding:0;gap:0;height:calc(100vh - 56px);height:calc(100dvh - 56px)}.game-sidebar{display:none}.game-main{order:0;min-height:0;height:100%}.unified-chat-section{border:none;border-radius:0;box-shadow:none;max-height:100%;height:100%;margin:0}.unified-chat-section:before,.unified-chat-section:after{display:none}.question-header{padding:var(--spacing-sm) var(--spacing-md);flex-direction:row;align-items:center;gap:var(--spacing-sm);border-bottom:3px solid #000;background:#faf8f3}.question-category,.question-difficulty{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.timer{margin-left:auto}.timer-text{font-size:var(--text-xs)}.timer-bar{width:60px;height:6px}.question-content{padding:var(--spacing-md);border-bottom:3px solid #000;background:#faf8f3}.answer-info{font-size:var(--text-sm)}.answer-form{margin-top:var(--spacing-md)}.answer-input-group{flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.answer-input{font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-md)}.submit-answer-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm)}.game-room{height:calc(var(--vh, 1vh) * 100)}.game-layout{height:calc(var(--vh, 1vh) * 100 - 56px)}.game-room.keyboard-open .question-content{padding:var(--spacing-xs) var(--spacing-md)}.game-room.keyboard-open .question-text{font-size:var(--text-sm);margin:0}.game-room.keyboard-open .hint-display{display:none}}.mobile-menu-button{display:none;background:#ffd93d;border:3px solid #000;border-radius:10px 12px 9px 11px/11px 9px 12px 10px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px #0003;transform:rotate(-1deg)}.mobile-menu-button:hover{background:#ffd000;transform:rotate(-1deg) translateY(-1px);box-shadow:4px 4px #00000040}.coming-soon-section{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl)}.coming-soon-content{text-align:center;max-width:600px;padding:var(--spacing-2xl);background:#fff;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;box-shadow:8px 8px #00000040;transform:rotate(-.5deg);position:relative;overflow:visible}.coming-soon-content:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}.coming-soon-content:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:22px 26px 18px 24px/24px 20px 26px 22px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px)}.coming-soon-icon{font-size:4rem;margin-bottom:var(--spacing-lg);display:block;transform:rotate(-3deg)}.coming-soon-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-lg);letter-spacing:-.025em;transform:rotate(.3deg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.coming-soon-message{font-size:var(--text-lg);color:#475569;line-height:1.6;margin-bottom:var(--spacing-2xl);font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.coming-soon-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.back-to-rooms-button,.play-general-button{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:700;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;cursor:pointer;transition:all .2s ease;border:3px solid #000;min-width:180px;box-shadow:4px 4px #00000040;position:relative;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.back-to-rooms-button{background:#fff;color:#475569;transform:rotate(-.5deg)}.back-to-rooms-button:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;z-index:-1;opacity:.4;transform:rotate(1deg) translate(1px,1px)}.back-to-rooms-button:hover{background:#faf8f3;color:#0f172a;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px #0000004d}.play-general-button{background:#ff5e41;color:#fff;transform:rotate(.5deg)}.play-general-button:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;z-index:-1;opacity:.4;transform:rotate(1deg) translate(1px,1px)}.play-general-button:hover{background:#ff4d2e;transform:translate(-2px,-2px) rotate(.5deg);box-shadow:6px 6px #0000004d}@media (max-width: 768px){.coming-soon-content{padding:var(--spacing-xl);margin:var(--spacing-md)}.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:2rem}.coming-soon-message{font-size:var(--text-base)}.coming-soon-actions{flex-direction:column;align-items:center}.back-to-rooms-button,.play-general-button{width:100%;max-width:300px}.question-text{font-size:var(--text-base)}}.about-page{min-height:100vh;width:100%;background-color:#faf8f3;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}.about-container{width:100%;background:transparent;border-radius:0;box-shadow:none;overflow:visible;flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto}.about-header{background:transparent;color:#0f172a;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);position:relative}.about-title-section{text-align:center;max-width:800px;margin:0 auto}.about-title{font-size:2.5rem;font-weight:900;margin-bottom:var(--spacing-sm);color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.025em;line-height:1.1}.about-subtitle{font-size:1.25rem;color:#475569;font-weight:400;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.about-content{padding:var(--spacing-2xl) var(--spacing-xl);flex:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.about-section{margin-bottom:4rem;box-sizing:border-box;max-width:900px;width:100%}.about-section:last-child{margin-bottom:0}.about-section h2{font-size:2rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-2xl);text-align:center;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transform:rotate(-.3deg)}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl) var(--spacing-2xl);margin-bottom:var(--spacing-xl);width:100%;max-width:750px;margin-left:auto;margin-right:auto}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0;background:transparent;border:none;border-radius:0;box-shadow:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:visible;transform:rotate(0)}.feature-item:before{display:none}.feature-item:hover{transform:translateY(-2px) scale(1.01)}.feature-icon-wrapper{width:80px;height:80px;margin:0;background:#fff;border:4px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;display:flex;align-items:center;justify-content:center;box-shadow:5px 5px #000;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:rotate(-.5deg);position:relative;overflow:visible}.feature-icon-wrapper:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.feature-icon-wrapper:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 14px 18px/18px 16px 20px 14px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.feature-item:nth-child(1) .feature-icon-wrapper{transform:rotate(-.8deg)}.feature-item:nth-child(2) .feature-icon-wrapper{transform:rotate(.6deg)}.feature-item:nth-child(3) .feature-icon-wrapper{transform:rotate(-.4deg)}.feature-item:nth-child(4) .feature-icon-wrapper{transform:rotate(.7deg)}.feature-item:hover .feature-icon-wrapper{transform:translateY(-3px) rotate(.5deg) scale(1.05);box-shadow:6px 6px #000}.feature-icon-wrapper.yellow{background:#ffd93d}.feature-icon{width:32px;height:32px;display:block;color:#000;stroke:#000;fill:none;transform:rotate(-1deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.feature-icon.hand-drawn{filter:none}.feature-item:hover .feature-icon{transform:rotate(1deg) scale(1.1)}.feature-content h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:var(--spacing-xs);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.3}.feature-content p{color:#475569;line-height:1.625;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.9375rem}.contact-description{text-align:center;color:#475569;font-size:1rem;margin-bottom:var(--spacing-2xl);line-height:1.625;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:650px;margin-left:auto;margin-right:auto}.contact-form{max-width:600px;width:100%;margin:0 auto;padding:var(--spacing-xl);background:#fff;border:3px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;box-shadow:6px 6px #00000026;transform:rotate(.2deg);position:relative;overflow:visible}.contact-form:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-1;opacity:.3;transform:rotate(-1deg) translate(-2px,-2px)}.form-input,.form-textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-base);border-radius:14px 16px 12px 15px/15px 13px 17px 14px;border:3px solid #000;background:#fff;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .2s ease;resize:vertical;box-shadow:3px 3px #0000001a;transform:rotate(-.2deg);position:relative}.form-input:focus,.form-textarea:focus{border-color:#000;box-shadow:5px 5px #0003;outline:none;transform:rotate(0) translateY(-2px);background:#faf8f3}.form-input-readonly{background:#e2e8f0;color:#64748b;cursor:not-allowed;opacity:.8}.form-input-readonly:hover{background:#e2e8f0;transform:rotate(-.2deg)}.form-textarea{min-height:120px;line-height:1.6}.form-actions{text-align:right;margin-top:var(--spacing-xl)}.submit-button{background:#ff5e41;color:#fff;border:4px solid #000;padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--text-lg);font-weight:700;border-radius:22px 28px 16px 24px/24px 20px 28px 22px;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;min-width:160px;box-shadow:4px 4px #00000040;transform:rotate(-.8deg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.send-icon{width:18px;height:18px;display:inline-block;transition:transform .2s ease}.submit-button:hover:not(:disabled) .send-icon{transform:translate(2px) translateY(-2px) rotate(-10deg)}.submit-button:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:24px 30px 18px 26px/26px 22px 30px 24px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.submit-button:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:20px 26px 14px 22px/22px 18px 26px 20px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.submit-button:hover:not(:disabled){background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.8deg);box-shadow:6px 6px #0000004d}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.submit-button.loading{animation:pulse 1.5s ease-in-out infinite}.status-message{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:16px 18px 14px 17px/17px 15px 19px 16px;text-align:center;font-weight:700;font-size:var(--text-base);border:3px solid #000;box-shadow:4px 4px #00000026;transform:rotate(.2deg);position:relative}.status-message.success{background:#fff;color:var(--color-success);border-color:var(--color-success)}.status-message.error{background:#fff;color:var(--color-error);border-color:var(--color-error)}.about-info{text-align:center;width:100%;margin:0 auto;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;transform:none;position:relative;overflow:visible;max-width:700px}.about-info:before{display:none}.about-info p{color:#475569;line-height:1.75;margin-bottom:var(--spacing-xl);font-size:var(--text-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.about-info p:last-child{margin-bottom:0}.credit-link{color:#6366f1;text-decoration:none;font-weight:600;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.credit-link:hover{color:#4f46e5;text-decoration:underline}.rate-limit-info{margin-top:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-success);font-weight:500}.rate-limit-warning{margin-top:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-warning);font-weight:500}.rate-limit-indicator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.about-footer{background:transparent;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border-top:none;margin-top:var(--spacing-2xl);width:100%;box-sizing:border-box}.animate-fade-in-view{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.animate-fade-in-view-delay-1{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .1s forwards;opacity:0}.animate-fade-in-view-delay-2{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .2s forwards;opacity:0}.animate-fade-in-view-delay-3{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0}.animate-fade-in-view-delay-4{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .4s forwards;opacity:0}.footer-text{color:#64748b;font-size:var(--text-sm);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.about-page{padding:0}.about-header{padding:var(--spacing-xl) var(--spacing-lg)}.about-title{font-size:2rem}.about-subtitle{font-size:1.125rem}.about-content{padding:0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg)}.about-section h2{font-size:1.75rem}.about-features{grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-item{gap:var(--spacing-md)}.contact-form{max-width:100%}.submit-button{width:100%}}@media (max-width: 480px){.about-page{padding:0}.about-header{padding:var(--spacing-lg) var(--spacing-md)}.about-content{padding:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md)}.about-title{font-size:1.875rem}.about-subtitle{font-size:1rem}.about-section h2{font-size:1.5rem}.feature-item{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.feature-icon{margin-top:0}}.login-page{min-height:100vh;width:100%;background-color:#faf8f3;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}.login-container{width:100%;max-width:500px;padding:var(--spacing-xl);margin:0 auto;display:flex;align-items:center;justify-content:center;flex:1}.login-content{width:100%;background:#fff;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;box-shadow:8px 8px #00000040;transform:rotate(-.3deg);position:relative;overflow:visible;padding:var(--spacing-2xl);box-sizing:border-box}.login-content:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}.login-content:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:22px 26px 18px 24px/24px 20px 26px 22px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px)}.login-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-sm);text-align:center;letter-spacing:-.025em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transform:rotate(-.3deg);line-height:1.1}.login-subtitle{font-size:1.125rem;color:#475569;margin-bottom:var(--spacing-2xl);text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:500}.login-form{width:100%}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;font-weight:700;color:#0f172a;margin-bottom:var(--spacing-sm);font-size:var(--text-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:left}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-base);border-radius:14px 16px 12px 15px/15px 13px 17px 14px;border:3px solid #000;background:#fff;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .2s ease;resize:vertical;box-shadow:3px 3px #0000001a;transform:rotate(-.2deg);position:relative;box-sizing:border-box}.form-input:focus{border-color:#000;box-shadow:5px 5px #0003;outline:none;transform:rotate(0) translateY(-2px);background:#faf8f3}.error-message{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:16px 18px 14px 17px/17px 15px 19px 16px;text-align:center;font-weight:700;font-size:var(--text-base);border:3px solid #000;box-shadow:4px 4px #00000026;transform:rotate(.2deg);position:relative;background:#fff;color:#ef4444;border-color:#ef4444}.login-button{width:100%;background:#ff5e41;color:#fff;border:4px solid #000;padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--text-lg);font-weight:700;border-radius:22px 28px 16px 24px/24px 20px 28px 22px;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;min-width:160px;box-shadow:4px 4px #00000040;transform:rotate(-.8deg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.login-button:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:24px 30px 18px 26px/26px 22px 30px 24px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.login-button:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:20px 26px 14px 22px/22px 18px 26px 20px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.login-button:hover:not(:disabled){background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.8deg);box-shadow:6px 6px #0000004d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{margin-top:var(--spacing-xl);text-align:center}.login-footer-text{color:#475569;font-size:var(--text-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.signup-link{background:none;border:none;color:#6366f1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:0}.signup-link:hover{color:#4f46e5;background-color:transparent}.signup-link:focus,.signup-link:focus-visible,.signup-link:active{outline:none;box-shadow:none}@media (max-width: 768px){.login-container{padding:var(--spacing-lg)}.login-content{padding:var(--spacing-xl)}.login-title{font-size:2rem}.login-subtitle{font-size:1rem}}@media (max-width: 480px){.login-container{padding:var(--spacing-md)}.login-content{padding:var(--spacing-lg)}.login-title{font-size:1.875rem}.login-subtitle{font-size:.9375rem}}.account-page{min-height:100vh;width:100%;background-color:#faf8f3;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}.account-container{width:100%;max-width:700px;padding:var(--spacing-xl);margin:0 auto;display:flex;align-items:center;justify-content:center;flex:1}.account-content{width:100%}.premium-banner{width:100%;background:linear-gradient(135deg,#ffd93d,#ffc700);border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;box-shadow:6px 6px #00000040;transform:rotate(-.5deg);position:relative;overflow:visible;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.premium-banner:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.premium-banner:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:18px 22px 16px 20px/20px 18px 22px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.premium-banner-content{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.premium-badge-icon{flex-shrink:0;width:70px;height:70px;display:flex;align-items:center;justify-content:center;position:relative;animation:pulseRotate 2s ease-in-out infinite}.premium-badge-icon svg{width:70px;height:70px;fill:#ffd93d;stroke:#000;stroke-width:1.8;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.3));transform:rotate(-8deg);position:relative}@keyframes pulseRotate{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.premium-banner-text{flex:1;min-width:200px}.premium-banner-title{font-size:1.5rem;font-weight:900;color:#0f172a;margin:0 0 var(--spacing-xs) 0}.premium-banner-description{font-size:1rem;color:#475569;margin:0;font-weight:500}.premium-banner-button{background:#ff5e41;color:#fff;border:4px solid #000;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:700;border-radius:16px 18px 14px 17px/17px 15px 19px 16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;box-shadow:4px 4px #00000040;transform:rotate(-.5deg);white-space:nowrap}.premium-banner-button:before{content:"";position:absolute;inset:-4px;border:3px solid #000;border-radius:18px 20px 16px 19px/19px 17px 20px 18px;z-index:-1;opacity:.4;transform:rotate(1deg) translate(1px,1px)}.premium-banner-button:hover{background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px #0000004d}.account-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-sm);text-align:center;letter-spacing:-.025em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transform:rotate(-.3deg);line-height:1.1}.account-subtitle{font-size:1.125rem;color:#475569;margin-bottom:var(--spacing-2xl);text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:500}.account-card{width:100%;background:#fff;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;box-shadow:8px 8px #00000040;transform:rotate(-.3deg);position:relative;overflow:visible;padding:var(--spacing-2xl);box-sizing:border-box}.account-card:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}.account-card:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:22px 26px 18px 24px/24px 20px 26px 22px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px)}.account-section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:var(--spacing-lg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:2px solid #e2e8f0}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#475569;font-size:var(--text-base)}.info-value{font-weight:500;color:#0f172a;font-size:var(--text-base)}.info-value.premium-status{color:#ff5e41;font-weight:700}.account-actions{display:flex;justify-content:center;padding-top:var(--spacing-lg);border-top:2px solid #e2e8f0}.logout-button{background:#ef4444;color:#fff;border:4px solid #000;padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--text-base);font-weight:700;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;box-shadow:4px 4px #00000040;transform:rotate(-.5deg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.logout-button:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.logout-button:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 12px 18px/18px 14px 20px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.logout-button:hover{background:#dc2626;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px #0000004d}.premium-active-banner{width:100%;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px 18px;box-shadow:6px 6px #00000040;transform:rotate(-.5deg);position:relative;overflow:visible;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.premium-active-banner:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.premium-active-content{display:flex;align-items:center;gap:var(--spacing-lg)}.premium-active-icon{font-size:2.5rem;flex-shrink:0;animation:pulseRotate 2s ease-in-out infinite}.premium-active-text{flex:1}.premium-active-title{font-size:1.25rem;font-weight:900;color:#065f46;margin:0 0 var(--spacing-xs) 0}.premium-active-description{font-size:.9rem;color:#047857;margin:0;font-weight:500}.username-crown{margin-left:var(--spacing-xs);font-size:1rem}.subscription-section{border-top:2px solid #e2e8f0;padding-top:var(--spacing-xl)}.cancel-scheduled-status{color:#b45309;font-weight:700}.subscription-actions{padding-top:var(--spacing-lg)}.cancel-sub-btn{background:none;color:#64748b;border:2px solid #cbd5e1;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);font-weight:600;border-radius:12px 14px 10px 13px/13px 11px 15px 12px;cursor:pointer;transition:all .2s ease;font-family:inherit}.cancel-sub-btn:hover{color:#ef4444;border-color:#ef4444;background:#fef2f2}.cancel-scheduled-notice{font-size:var(--text-sm);color:#b45309;background:#fefce8;border:2px solid #fcd34d;border-radius:10px 12px 8px 11px/11px 9px 13px 10px;padding:var(--spacing-md);margin-top:var(--spacing-md);line-height:1.5}.account-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.account-modal-content{background:#faf8f3;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;max-width:420px;width:100%;box-shadow:8px 8px #00000040;animation:modalBounceIn .4s cubic-bezier(.34,1.56,.64,1) forwards;transform:rotate(-.5deg);position:relative;overflow:visible}.account-modal-content:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}@keyframes modalBounceIn{0%{opacity:0;transform:translateY(30px) scale(.85) rotate(-2deg)}60%{transform:translateY(-4px) scale(1.03) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-.5deg)}}.account-modal-header{padding:var(--spacing-xl);text-align:center;border-bottom:3px solid #000}.account-modal-icon{font-size:3rem;display:inline-block;margin-bottom:var(--spacing-md);animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes iconBounce{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.account-modal-title{font-size:var(--text-2xl);font-weight:900;color:#0f172a;margin:0;letter-spacing:-.02em}.account-modal-body{padding:var(--spacing-xl);text-align:center}.account-modal-description{font-size:var(--text-base);color:#475569;line-height:1.625;margin:0}.cancel-modal-error{color:#ef4444;font-size:var(--text-sm);margin-top:var(--spacing-md);font-family:inherit}.account-modal-footer{padding:var(--spacing-xl);border-top:3px solid #000;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.account-modal-btn-keep{background:#ff5e41;color:#fff;border:4px solid #000;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:700;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:180px;box-shadow:3px 3px #00000040;position:relative;overflow:visible}.account-modal-btn-keep:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.account-modal-btn-keep:hover:not(:disabled){background:#ff4d2e;transform:translate(-2px,-2px);box-shadow:5px 5px #0000004d}.account-modal-btn-keep:disabled{opacity:.6;cursor:not-allowed}.account-modal-btn-cancel{background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:#94a3b8;font-family:inherit;padding:0;transition:color .2s ease}.account-modal-btn-cancel:hover:not(:disabled){color:#ef4444}.account-modal-btn-cancel:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 480px){.premium-active-content{flex-direction:column;text-align:center}.account-modal-overlay{padding:var(--spacing-md)}.account-modal-content{max-width:none;width:100%}}@media (max-width: 768px){.account-container{padding:var(--spacing-lg)}.account-card{padding:var(--spacing-xl)}.account-title{font-size:2rem}.account-subtitle{font-size:1rem}}@media (max-width: 480px){.account-container{padding:var(--spacing-md)}.account-card{padding:var(--spacing-lg)}.account-title{font-size:1.875rem}.info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.premium-banner-content{flex-direction:column;text-align:center}.premium-banner-button{width:100%}}.premium-page{min-height:100vh;width:100%;background-color:#faf8f3;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.premium-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.premium-header{text-align:center;margin-bottom:80px;padding-top:var(--spacing-2xl)}.premium-title{font-size:3rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-md);letter-spacing:-.025em;transform:rotate(-.5deg)}.premium-subtitle{font-size:1.25rem;color:#475569;font-weight:500}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-2xl);margin-bottom:100px;max-width:800px;margin-left:auto;margin-right:auto;padding:40px 0}.pricing-card{background:#fff;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;box-shadow:8px 8px #00000040;transform:rotate(-.5deg);position:relative;overflow:visible;padding:var(--spacing-2xl);transition:all .3s ease;margin:20px 10px;display:flex;flex-direction:column}.pricing-card:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}.pricing-card:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:22px 26px 18px 24px/24px 20px 26px 22px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px)}.pricing-card.premium-card.featured{border-color:#ff5e41;transform:rotate(.5deg) scale(1.05)}.pricing-card.premium-card.featured:before,.pricing-card.premium-card.featured:after{border-color:#ff5e41}.pricing-card:hover{transform:rotate(0) scale(1.02);box-shadow:10px 10px #0000004d}.pricing-card.premium-card.featured:hover{transform:rotate(0) scale(1.07)}.featured-badge{position:absolute;top:-18px;right:-12px;background:#ffd93d;color:#000;padding:var(--spacing-sm) var(--spacing-lg);border:3px solid #000;border-radius:14px 16px 12px 15px/15px 13px 17px 14px;box-shadow:3px 3px #0003;font-weight:700;font-size:.875rem;transform:rotate(5deg);z-index:10}.card-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);padding-top:var(--spacing-sm);border-bottom:3px dashed #e2e8f0}.card-title{font-size:1.75rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-md)}.card-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.price{font-size:3rem;font-weight:900;color:#0f172a}.period{font-size:1.125rem;color:#64748b;font-weight:500}.feature-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;flex:1}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;color:#0f172a;font-size:1rem;font-weight:500}.feature-item.disabled{color:#94a3b8;text-decoration:line-through}.plan-check-icon{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#10b981;color:#fff;border-radius:50%;font-weight:900;font-size:.875rem}.feature-item.disabled .plan-check-icon{background:#cbd5e1;color:#64748b}.premium-icon{background:#ff5e41}.plan-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg);font-weight:700;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;border:4px solid #000;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;box-shadow:4px 4px #00000040;transform:rotate(-.5deg)}.plan-button:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.plan-button:after{content:"";position:absolute;inset:-3px;border:2px solid #000;border-radius:16px 20px 12px 18px/18px 14px 20px 16px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-1px,-1px)}.free-button{background:#e2e8f0;color:#64748b;cursor:not-allowed}.premium-button{background:#ff5e41;color:#fff}.premium-button:hover:not(:disabled){background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px #0000004d}.premium-button:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#fee2e2;border:3px solid #ef4444;border-radius:12px 14px 10px 13px/13px 11px 15px 12px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:#991b1b;font-weight:600;text-align:center;box-shadow:2px 2px #0000001a}.faq-section{margin-top:80px;padding-top:60px;border-top:3px dashed #cbd5e1}.faq-title{font-size:2rem;font-weight:900;color:#0f172a;text-align:center;margin-bottom:50px;transform:rotate(-.3deg)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.faq-item{background:#fff;border:3px solid #000;border-radius:16px 18px 14px 17px/17px 15px 19px 16px;padding:var(--spacing-xl);box-shadow:4px 4px #00000026;transform:rotate(-.3deg);transition:all .2s ease}.faq-item:hover{transform:rotate(0) translateY(-4px);box-shadow:6px 6px #0003}.faq-question{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:var(--spacing-md)}.faq-answer{font-size:1rem;color:#475569;line-height:1.6;margin:0}.your-plan-badge{background:#d1fae5;color:#065f46;border-color:#000}.premium-expiry-label{font-size:.875rem;color:#10b981;font-weight:600;margin:var(--spacing-sm) 0 0 0}.manage-sub-button{background:#10b981;color:#fff}.manage-sub-button:hover:not(:disabled){background:#059669;transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px #0000004d}.premium-footer{text-align:center;margin-top:60px;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-3xl);border-top:2px dashed #cbd5e1;color:#64748b}.premium-footer a{color:#6366f1;text-decoration:none;font-weight:600}.premium-footer a:hover{text-decoration:underline}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.animate-fade-in-delay-1{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .1s forwards;opacity:0}.animate-fade-in-delay-2{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .2s forwards;opacity:0}.animate-fade-in-delay-3{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0}.animate-fade-in-delay-4{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .4s forwards;opacity:0}.animate-fade-in-delay-5{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .5s forwards;opacity:0}.animate-fade-in-delay-6{animation:floatUp .5s cubic-bezier(.34,1.56,.64,1) .6s forwards;opacity:0}@media (max-width: 768px){.premium-title{font-size:2.25rem}.pricing-cards{grid-template-columns:1fr;gap:var(--spacing-xl)}.pricing-card.premium-card.featured{transform:rotate(.5deg) scale(1)}.pricing-card.premium-card.featured:hover{transform:rotate(0) scale(1.02)}.faq-grid{grid-template-columns:1fr}}.admin-page,.admin-login-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-page input,.admin-page select,.admin-page textarea,.admin-page button,.admin-login-page input,.admin-login-page select,.admin-login-page textarea,.admin-login-page button{font-family:inherit}.admin-page button:hover,.admin-login-page button:hover{transform:none}.admin-login-page{min-height:100vh;background:#faf8f3;display:flex;align-items:center;justify-content:center;padding:2rem}.admin-login-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:380px;text-align:center;box-shadow:0 4px 16px #0000000f}.admin-login-logo{font-size:2.5rem;margin-bottom:.75rem}.admin-login-title{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin-bottom:.25rem}.admin-login-sub{font-size:.875rem;color:#475569;margin-bottom:1.75rem}.admin-login-form{display:flex;flex-direction:column;gap:.75rem}.admin-login-input{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9375rem;color:#0f172a;background:#fff;box-sizing:border-box;transition:border-color .15s;outline:none}.admin-login-input:focus{border-color:#000}.admin-login-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:8px 12px;color:#dc2626;font-size:.875rem}.admin-login-btn{width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:.01em}.admin-login-btn:hover:not(:disabled){background:#1e1e1e}.admin-login-btn:disabled{opacity:.5;cursor:not-allowed}.admin-page{min-height:100vh;background:#faf8f3}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:50}.admin-header-inner{max-width:1280px;margin:0 auto;padding:0 2rem;height:56px;display:flex;align-items:center;justify-content:space-between}.admin-brand{display:flex;align-items:center;gap:.625rem}.admin-brand-icon{font-size:1.125rem}.admin-brand-name{font-size:1.0625rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.admin-logout-btn{background:transparent;border:1.5px solid #e2e8f0;color:#475569;padding:6px 16px;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.admin-logout-btn:hover{border-color:#94a3b8;color:#0f172a}.admin-main{max-width:1280px;margin:0 auto;padding:1.75rem 2rem}.admin-tabs{display:flex;border-bottom:1.5px solid #e2e8f0;margin-bottom:1.5rem;gap:0}.admin-tab{padding:10px 22px;background:none;border:none;font-size:.9375rem;font-weight:500;color:#475569;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:.5rem}.admin-tab:hover{color:#0f172a;background-color:transparent}.admin-tab.active{color:#0f172a;font-weight:700;border-bottom-color:#ff5e41}.tab-count{background:#ff5e41;color:#fff;font-size:.6875rem;font-weight:700;padding:1px 7px;border-radius:999px}.admin-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.admin-section-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.875rem}.section-title-row{display:flex;align-items:baseline;gap:.625rem}.section-title{font-size:1.125rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.section-count{font-size:.8125rem;color:#94a3b8}.filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:5px 14px;border:1.5px solid #e2e8f0;background:#fff;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;color:#475569}.filter-btn:hover{border-color:#94a3b8;color:#0f172a}.filter-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.section-actions{display:flex;align-items:center;gap:.5rem}.search-bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:200px;padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#0f172a;background:#fff;outline:none;transition:border-color .15s}.search-input:focus{border-color:#000}.search-select{padding:8px 10px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#0f172a;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.search-select:focus{border-color:#000}.btn-primary{background:#000;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:#1e1e1e}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:#fff;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:6px;padding:8px 18px;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s}.btn-secondary:hover:not(:disabled){border-color:#94a3b8}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-icon{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;width:34px;height:34px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569;transition:border-color .15s,color .15s}.btn-icon:hover{border-color:#94a3b8;color:#0f172a}.btn-approve{background:#ff5e41;color:#fff;border:none;border-radius:6px;padding:7px 18px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-approve:hover{background:#e84e32}.btn-reject{background:#fff;color:#dc2626;border:1.5px solid #fca5a5;border-radius:6px;padding:7px 18px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn-reject:hover{background:#fef2f2;border-color:#dc2626}.pending-list{display:flex;flex-direction:column;padding:1.25rem 1.5rem;gap:1rem}.pending-card{border:1px solid #e2e8f0;border-radius:8px;padding:1.125rem;background:#faf8f3}.pending-card-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.625rem}.pending-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pending-info{display:flex;gap:1rem;font-size:.75rem;color:#94a3b8}.pending-question{font-size:.9375rem;font-weight:600;color:#0f172a;margin-bottom:.625rem;line-height:1.5}.pending-answers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.625rem}.answer-chip{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:.75rem;color:#475569}.answer-chip em{color:#94a3b8;font-style:normal}.pending-best{font-size:.8125rem;color:#475569;margin-bottom:.5rem}.pending-notes{font-size:.8125rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:5px;padding:6px 10px;margin-bottom:.5rem}.pending-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e2e8f0;margin-top:.625rem}.badge{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.pending-cat{font-size:.75rem;color:#475569;font-weight:500}.diff-tag{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:capitalize}.diff-easy{background:#d1fae5;color:#065f46}.diff-medium{background:#fef3c7;color:#92400e}.diff-hard{background:#fee2e2;color:#991b1b}.source-tag{font-size:.6875rem;padding:2px 7px;border-radius:4px;font-weight:500;text-transform:capitalize}.source-internal{background:#f1f5f9;color:#475569}.source-ai_generated{background:#ede9fe;color:#5b21b6}.source-user_contributed{background:#dbeafe;color:#1e40af}.questions-table-wrap{overflow-x:auto;padding:0 1.5rem 1.5rem}.questions-table{width:100%;border-collapse:collapse;font-size:.875rem}.questions-table th{text-align:left;padding:9px 12px;border-bottom:1.5px solid #e2e8f0;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;white-space:nowrap}.questions-table td{padding:11px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.questions-table tr:last-child td{border-bottom:none}.questions-table tbody tr:hover td{background:#faf8f3}.col-id{color:#94a3b8;font-size:.75rem;white-space:nowrap}.col-question{max-width:320px}.q-text{display:block;font-weight:500;color:#0f172a;line-height:1.45;margin-bottom:2px}.q-answer{display:block;font-size:.75rem;color:#94a3b8}.col-cat{font-size:.875rem;color:#475569;white-space:nowrap}.sub-name{color:#94a3b8}.col-diff,.col-source{white-space:nowrap}.col-stats{font-size:.75rem;color:#94a3b8;white-space:nowrap}.col-actions{white-space:nowrap;display:flex;gap:6px}.btn-table-edit,.btn-table-delete{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;border:1.5px solid;transition:background .15s,color .15s}.btn-table-edit{background:#fff;color:#0f172a;border-color:#e2e8f0}.btn-table-edit:hover{background:#0f172a;color:#fff;border-color:#0f172a}.btn-table-delete{background:#fff;color:#dc2626;border-color:#fca5a5}.btn-table-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #f1f5f9}.page-btn{padding:7px 16px;border:1.5px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.875rem;font-weight:500;cursor:pointer;color:#475569;transition:border-color .15s,color .15s}.page-btn:hover:not(:disabled){border-color:#000;color:#0f172a}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-info{font-size:.8125rem;color:#94a3b8}.admin-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:10px 16px;color:#dc2626;font-size:.875rem;margin:1rem 1.5rem}.admin-loading,.admin-empty{padding:3rem;text-align:center;color:#94a3b8;font-size:.9375rem}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:2rem 1rem;overflow-y:auto}.modal-box{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 48px #00000024;margin:auto}.modal-lg{max-width:760px}.modal-sm{max-width:420px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.5rem;border-bottom:1px solid #f1f5f9}.modal-header h3{font-size:1.0625rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.modal-close{background:none;border:none;font-size:1.375rem;cursor:pointer;color:#94a3b8;line-height:1;padding:0 4px;transition:color .15s}.modal-close:hover{color:#0f172a}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid #f1f5f9}.modal-divider-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.approve-original{background:#faf8f3;border:1px solid #e2e8f0;border-radius:7px;padding:.875rem;margin-bottom:1.25rem}.approve-orig-q{font-weight:600;font-size:.9375rem;color:#0f172a;margin-bottom:4px}.approve-orig-meta{font-size:.75rem;color:#94a3b8}.reject-question-preview{font-style:italic;color:#475569;background:#faf8f3;padding:.625rem .875rem;border-left:3px solid #e2e8f0;border-radius:3px;margin-bottom:1rem;font-size:.9375rem}.delete-preview{font-style:italic;color:#475569;margin-bottom:.5rem;font-size:.875rem}.delete-warning{color:#dc2626;font-size:.875rem;font-weight:500}.qform-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 580px){.qform-grid{grid-template-columns:1fr}}.qform-full{grid-column:1 / -1}.qform-group{display:flex;flex-direction:column;gap:4px}.qform-label{font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#475569}.qform-hint{display:block;font-size:.75rem;color:#94a3b8;font-weight:400;text-transform:none;letter-spacing:0;margin-top:2px}.qform-input,.qform-select,.qform-textarea{padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.875rem;color:#0f172a;background:#fff;box-sizing:border-box;width:100%;outline:none;transition:border-color .15s}.qform-input:focus,.qform-select:focus,.qform-textarea:focus{border-color:#000}.qform-textarea{resize:vertical;min-height:72px}.qform-select-sm{padding:8px 7px}.qform-answers{display:flex;flex-direction:column;gap:.5rem}.qform-answer-row{display:flex;align-items:center;gap:.5rem}.qform-answer-row .qform-input{flex:1}.qform-threshold{display:flex;align-items:center;gap:4px;flex-shrink:0}.qform-threshold-label{font-size:.75rem;color:#94a3b8;white-space:nowrap}.qform-remove-ans{background:none;border:1.5px solid #e2e8f0;border-radius:5px;width:30px;height:30px;font-size:1rem;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.qform-remove-ans:hover{border-color:#dc2626;color:#dc2626}.qform-add-ans{background:none;border:1.5px dashed #e2e8f0;border-radius:6px;padding:7px 12px;font-size:.875rem;color:#94a3b8;cursor:pointer;width:100%;transition:border-color .15s,color .15s;text-align:left}.qform-add-ans:hover{border-color:#000;color:#0f172a}.qform-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid #f1f5f9}.contribute-page{min-height:100vh;background-color:#faf8f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.contribute-container{max-width:720px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.contribute-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.contribute-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin-bottom:var(--spacing-sm);letter-spacing:-.025em;transform:rotate(-.3deg);line-height:1.1;font-family:inherit}.contribute-subtitle{font-size:1.125rem;color:#475569;margin-bottom:var(--spacing-md);font-weight:500}.contribute-badge{display:inline-block;background:linear-gradient(135deg,#ffd93d,#ffc700);color:#0f172a;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:12px 14px 10px 13px/13px 11px 14px 12px;border:3px solid #000;box-shadow:3px 3px #0003}.contribute-success{display:flex;align-items:flex-start;gap:var(--spacing-md);background:#d1fae5;border:4px solid #000;border-radius:16px 18px 14px 17px/17px 15px 18px 16px;box-shadow:4px 4px #0003;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative;overflow:visible}.contribute-success:before{content:"";position:absolute;inset:-5px;border:3px solid #000;border-radius:18px 20px 16px 19px/19px 17px 20px 18px;z-index:-1;opacity:.3;transform:rotate(1deg) translate(1px,1px)}.success-icon{font-size:var(--text-lg);color:#059669;font-weight:700;flex-shrink:0;margin-top:2px}.contribute-success strong{display:block;color:#065f46;font-size:var(--text-base);margin-bottom:2px}.contribute-success p{color:#047857;font-size:var(--text-sm);margin:0}.success-dismiss{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;cursor:pointer;font-size:var(--text-xl);color:#64748b;line-height:1;padding:0 4px;box-shadow:none;transform:none}.success-dismiss:hover{color:#0f172a;background:none;transform:none}.contribute-form{background:#fff;border:4px solid #000;border-radius:24px 28px 20px 26px/26px 22px 28px 24px;box-shadow:8px 8px #00000040;transform:rotate(-.3deg);position:relative;overflow:visible;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.contribute-form:before{content:"";position:absolute;inset:-6px;border:4px solid #000;border-radius:26px 30px 22px 28px/28px 24px 30px 26px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(2px,2px)}.contribute-form:after{content:"";position:absolute;inset:-4px;border:2px solid #000;border-radius:22px 26px 18px 24px/24px 20px 26px 22px;z-index:-1;opacity:.3;transform:rotate(-1.5deg) translate(-2px,-2px)}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width: 540px){.form-row{grid-template-columns:1fr}}.form-label{display:block;font-size:var(--text-sm);font-weight:700;color:#0f172a;margin-bottom:var(--spacing-xs);letter-spacing:.02em}.form-hint{display:block;font-size:var(--text-xs);color:#9ca3af;font-weight:400;margin-top:2px}.required{color:#dc2626;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:2px solid #cbd5e1;border-radius:10px 12px 8px 11px/11px 9px 12px 10px;font-size:var(--text-sm);font-family:inherit;color:#0f172a;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#000;box-shadow:2px 2px #00000026}.form-textarea{resize:vertical;min-height:80px}.char-count{display:block;text-align:right;font-size:var(--text-xs);color:#9ca3af;margin-top:4px}.difficulty-buttons{display:flex;gap:var(--spacing-sm)}.difficulty-btn{flex:1;padding:10px;border:3px solid #000;border-radius:12px 14px 10px 13px/13px 11px 14px 12px;background:#fff;font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .15s ease;color:#475569;box-shadow:3px 3px #0003}.difficulty-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #00000040}.difficulty-btn.difficulty-easy.active{background:#d1fae5;border-color:#000;color:#065f46;font-weight:700}.difficulty-btn.difficulty-medium.active{background:#fef3c7;border-color:#000;color:#92400e;font-weight:700}.difficulty-btn.difficulty-hard.active{background:#fee2e2;border-color:#000;color:#991b1b;font-weight:700}.answers-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.answer-row{display:flex;align-items:center;gap:var(--spacing-sm)}.answer-input-group{flex:1}.answer-text{width:100%}.answer-remove{background:#fff;border:3px solid #000;border-radius:8px 10px 6px 9px/9px 7px 10px 8px;width:36px;height:36px;cursor:pointer;font-size:var(--text-lg);color:#0f172a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;box-shadow:2px 2px #0003}.answer-remove:hover{background:#fee2e2;transform:translate(-1px,-1px);box-shadow:3px 3px #00000040}.add-answer-btn{background:#fff;border:3px dashed #94a3b8;border-radius:10px 12px 8px 11px/11px 9px 12px 10px;padding:10px 14px;font-family:inherit;font-size:var(--text-sm);font-weight:600;color:#64748b;cursor:pointer;width:100%;transition:all .15s ease;box-shadow:none}.add-answer-btn:hover{border-style:solid;border-color:#000;color:#0f172a;box-shadow:3px 3px #00000026;transform:translate(-1px,-1px)}.form-error{background:#fee2e2;border:3px solid #000;border-radius:10px 12px 8px 11px/11px 9px 12px 10px;box-shadow:3px 3px #0003;padding:var(--spacing-sm) var(--spacing-md);color:#991b1b;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--spacing-md)}.form-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);border-top:2px solid #e2e8f0}.submit-btn{background:#ff5e41;color:#fff;border:4px solid #000;border-radius:18px 22px 14px 20px/20px 16px 22px 18px;padding:12px 32px;font-family:inherit;font-size:var(--text-base);font-weight:700;cursor:pointer;box-shadow:4px 4px #00000040;transition:all .2s ease;letter-spacing:.02em;position:relative;overflow:visible;transform:rotate(-.3deg)}.submit-btn:before{content:"";position:absolute;inset:-5px;border:4px solid #000;border-radius:20px 24px 16px 22px/22px 18px 24px 20px;z-index:-1;opacity:.4;transform:rotate(1.2deg) translate(1px,1px)}.submit-btn:hover:not(:disabled){background:#ff4d2e;transform:translate(-2px,-2px) rotate(-.3deg);box-shadow:6px 6px #0000004d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.contribute-guidelines{background:#fff;border:4px solid #000;border-radius:20px 24px 18px 22px/22px 20px 24px;box-shadow:6px 6px #0003;transform:rotate(.2deg);position:relative;overflow:visible;padding:var(--spacing-lg)}.contribute-guidelines:before{content:"";position:absolute;inset:-5px;border:3px solid #000;border-radius:22px 26px 20px 24px/24px 22px 26px;z-index:-1;opacity:.35;transform:rotate(1deg) translate(1px,1px)}.contribute-guidelines h3{font-size:var(--text-lg);font-weight:800;color:#0f172a;margin-bottom:var(--spacing-sm);letter-spacing:-.01em;font-family:inherit}.contribute-guidelines ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:6px}.contribute-guidelines li{font-size:var(--text-sm);color:#475569;line-height:1.5}@media (max-width: 768px){.contribute-container{padding:var(--spacing-lg)}.contribute-title{font-size:2rem}}@media (max-width: 480px){.contribute-container{padding:var(--spacing-md)}.contribute-title{font-size:1.875rem}.difficulty-buttons{flex-direction:column}}.app{min-height:100vh;background-color:var(--color-background);overflow:hidden}