.category-selection-container{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);position:relative;overflow:hidden}.category-selection-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-45deg,#1a1a2e,#232342,#2a2a4a,#1a1a2e);background-size:400% 400%;animation:gradient 15s ease infinite;z-index:-1}.category-selection-particles{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;opacity:.1;pointer-events:none}.category-selection-particle{position:absolute;width:var(--particle-size,6px);height:var(--particle-size,6px);border-radius:50%;background-color:#fff;animation:float var(--float-duration,15s) linear infinite}.category-selection-header{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-lg);background-color:rgba(30,30,50,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border:1px solid hsla(0,0%,100%,.1);position:relative;overflow:hidden;z-index:1}.category-selection-header-glow-1{top:-20px;right:-20px;width:100px;height:100px}.category-selection-header-glow-1,.category-selection-header-glow-2{position:absolute;border-radius:50%;background:linear-gradient(45deg,rgba(59,130,246,.2),rgba(14,165,233,.2));filter:blur(30px);z-index:-1}.category-selection-header-glow-2{bottom:-30px;left:-30px;width:120px;height:120px}.category-selection-title{font-weight:800;font-size:4rem;background:linear-gradient(to right,var(--primary-light),var(--primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm);line-height:1.2;text-shadow:0 2px 10px rgba(79,109,245,.5)}.category-selection-subtitle{color:#e2e8f0;font-weight:500;max-width:600px;margin:0 auto}.swiper-container{width:100%;padding:20px 0 60px;margin-bottom:var(--spacing-md);position:relative}.category-swiper{width:100%;height:300px;padding-bottom:40px}.swiper-slide{display:flex;justify-content:center;align-items:center;border-radius:var(--radius-lg);overflow:visible;transition:transform .3s ease;padding:0 5px}.swiper-slide .category-card{width:95%;height:95%;display:flex;flex-direction:column;transform:translateZ(0);will-change:transform}.swiper-slide .category-card-content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:var(--spacing-sm)}.swiper-pagination{position:absolute;bottom:10px;width:100%;z-index:10}.swiper-pagination-bullet{width:10px;height:10px;background:hsla(0,0%,100%,.6);opacity:.7;transition:all .3s ease;margin:0 4px}.swiper-pagination-bullet-active{background:var(--primary);opacity:1;transform:scale(1.2)}.custom-navigation-buttons{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:10;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.custom-nav-button{color:#fff!important;background:var(--gradient-blue)!important;width:44px!important;height:44px!important;border-radius:50%!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:var(--shadow-primary)!important;transition:all var(--animation-fast) ease!important;pointer-events:auto!important;position:relative;overflow:hidden}.custom-nav-button:hover{background:var(--gradient-blue-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-primary-hover)!important}.custom-nav-button:active{transform:translateY(0)!important}.custom-nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shine var(--animation-medium) infinite}.nav-arrow{font-size:20px;font-weight:700;line-height:1}.prev-button{left:10px;position:absolute}.next-button{right:10px;position:absolute}.swiper-effect-cards{overflow:visible}.swiper-effect-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden}.category-grid-container{width:100%;margin-bottom:var(--spacing-md)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);width:100%}.category-card{height:100%;border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.1);background-color:rgba(30,30,50,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--animation-fast) ease;overflow:hidden;position:relative;z-index:1;box-shadow:var(--shadow-md)}.category-card:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.category-card-selected{border:2px solid var(--primary);background-color:rgba(79,109,245,.2);transform:scale(1.03);box-shadow:0 10px 25px -5px rgba(79,109,245,.3),0 8px 10px -6px rgba(79,109,245,.2)}.category-card-selected:hover{transform:scale(1.03)}.category-card-header{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary-dark),var(--primary));z-index:2}.category-card-glow{position:absolute;top:-20px;right:-20px;width:100px;height:100px;border-radius:50%;background:linear-gra dient(45deg,rgba(59,130,246,.3),rgba(14,165,233,.3));filter:blur(30px);z-index:-1}.category-card-action{height:100%;padding:var(--spacing-sm)}.category-card-action:focus{outline:2px solid var(--primary);outline-offset:2px}.category-card-content{padding:var(--spacing-sm)}.category-card-title{margin-bottom:var(--spacing-sm);font-weight:700;color:#f8fafc;font-size:1.25rem}.category-card-check,.category-card-title-selected{color:var(--primary-light)}.category-card-check{display:inline-block;margin-left:var(--spacing-xs);font-size:1rem}.category-card-description{font-size:.9rem;color:#e2e8f0}.category-card-description-selected{color:#f8fafc}.start-game-button-container{margin-top:var(--spacing-lg);text-align:center;padding:0 var(--spacing-sm)}.start-game-button{padding:var(--spacing-md) var(--spacing-xl);font-size:1.2rem;font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md);background:linear-gradient(to right,var(--primary-dark),var(--primary),var(--primary-light));color:#fff;position:relative;overflow:hidden;transition:all var(--animation-fast) ease}.start-game-button:disabled{opacity:.7;cursor:not-allowed}.start-game-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:linear-gradient(90deg,#1d4ed8,#2563eb,#3b82f6)}.start-game-button:not(:disabled):active{transform:translateY(0)}.start-game-button:not(:disabled):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shine 3s infinite}@media (max-width:640px){.category-selection-container{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.category-selection-title{font-size:2.5rem}.category-selection-subtitle{font-size:1rem}.start-game-button{padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;width:80%;max-width:250px}.category-carousel{height:250px}}@media (min-width:641px) and (max-width:1024px){.category-selection-title{font-size:3.5rem}.category-grid{grid-template-columns:repeat(2,1fr)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}:root{--background:#121212;--foreground:#f8f9fa;--white:#f3f3f3;--primary:#4f6df5;--primary-light:#6a83f7;--primary-dark:#3a58e3;--secondary:#f59e0b;--secondary-light:#fbbf24;--secondary-dark:#d97706;--success:#10b981;--success-light:#34d399;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fbbf24;--warning-dark:#d97706;--error:#ef4444;--error-light:#f87171;--error-dark:#dc2626;--gradient-blue:linear-gradient(90deg,#3a58e3,#4f6df5,#6a83f7);--gradient-blue-hover:linear-gradient(90deg,#2a48d3,#3a58e3,#4f6df5);--gradient-amber:linear-gradient(90deg,#f59e0b,#fbbf24,#fcd34d);--gradient-amber-hover:linear-gradient(90deg,#d97706,#f59e0b,#fbbf24);--gradient-rainbow:linear-gradient(90deg,#4f6df5,#8b5cf6,#ec4899);--gradient-bg:linear-gradient(135deg,rgba(30,30,50,.3),rgba(40,40,70,.4) 50%,rgba(30,30,50,.3));--animation-slow:15s;--animation-medium:3s;--animation-fast:0.3s;--shadow-sm:0 1px 3px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.2);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);--shadow-primary:0 10px 25px -5px rgba(79,109,245,.3),0 8px 10px -6px rgba(79,109,245,.2);--shadow-primary-hover:0 20px 25px -5px rgba(79,109,245,.4),0 10px 10px -5px rgba(79,109,245,.2);--shadow-secondary:0 10px 25px -5px rgba(245,158,11,.3),0 8px 10px -6px rgba(245,158,11,.2);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-inter);--font-mono:var(--font-roboto-mono)}@media (prefers-color-scheme:light){:root{--background:#1a1a2e;--foreground:#f8fafc;--primary:#4f6df5;--primary-light:#6a83f7;--primary-dark:#3a58e3;--secondary:#f59e0b;--secondary-light:#fbbf24;--secondary-dark:#d97706}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.MuiTypography-root,h1,h2,h3,h4,h5,h6{color:var(--white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.absolute{position:absolute}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.mx-auto{margin-left:auto;margin-right:auto}.rounded-full{border-radius:var(--radius-full)}.animated-gradient-bg{background:linear-gradient(-45deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end),var(--gradient-start));background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:600px){html{font-size:14px}[role=button],a,button{min-height:44px;min-width:44px}.MuiContainer-root{padding-left:16px;padding-right:16px}body{line-height:1.6}}@media (hover:none){[role=button]:active,a:active,button:active{transform:scale(.98);transition:transform .1s ease}}.hover-card{transition:transform .2s ease,box-shadow .2s ease}.hover-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,109,245,.5)}70%{box-shadow:0 0 0 10px rgba(79,109,245,0)}to{box-shadow:0 0 0 0 rgba(79,109,245,0)}}.pulse-animation{animation:pulse 2s infinite}.glass{background:rgba(30,30,50,.7);box-shadow:0 8px 32px rgba(0,0,0,.2)}.glass,.glass-dark{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.glass-dark{background:rgba(15,15,30,.8);box-shadow:0 8px 32px rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-scale-in{animation:scaleIn .4s ease forwards}.animate-slide-in{animation:slideInRight .5s ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));background-size:200% 100%;animation:shimmer 2s infinite}.animated-bg{position:relative;overflow:hidden}.animated-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-bg);background-size:200% 200%;animation:subtle-gradient var(--animation-slow) ease infinite;z-index:-1}@keyframes subtle-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn{position:relative;overflow:hidden;transition:all var(--animation-fast) ease;font-weight:700}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shine var(--animation-medium) infinite}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:var(--shadow-primary);border-radius:var(--radius-full)}.btn-primary:hover{background:var(--gradient-blue-hover);box-shadow:var(--shadow-primary-hover)}.btn-secondary{background:var(--gradient-amber);color:#fff;box-shadow:var(--shadow-secondary);border-radius:var(--radius-full)}.btn-secondary:hover{background:var(--gradient-amber-hover)}.min-h-screen{min-height:100vh}.card{border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--animation-fast) ease}.card-glass{background-color:rgba(30,30,50,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:var(--shadow-md)}.card-glass:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.team-score{padding:var(--spacing-md);text-align:center;border-radius:var(--radius-md);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--animation-fast) ease;border:1px solid}.team-score-active{animation:pulse 2s infinite}.team-score-a{--team-color:var(--primary);--team-color-light:var(--primary-light);--team-color-transparent:rgba(79,109,245,.2);--team-color-border:rgba(79,109,245,.5)}.team-score-b{--team-color:var(--secondary);--team-color-light:var(--secondary-light);--team-color-transparent:rgba(245,158,11,.2);--team-color-border:rgba(245,158,11,.5)}.team-score-active.team-score-a,.team-score-active.team-score-b{background-color:rgba(30,30,50,.8);border-color:var(--team-color-border);box-shadow:0 0 0 2px var(--team-color),var(--shadow-md)}.team-score:not(.team-score-active){background-color:rgba(30,30,50,.6);border-color:hsla(0,0%,100%,.1);box-shadow:var(--shadow-sm)}.timer{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:rgba(30,30,50,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border:1px solid hsla(0,0%,100%,.1);transition:all var(--animation-fast) ease}.timer,.timer-bar{position:relative;overflow:hidden}.timer-bar{height:14px;border-radius:7px;background-color:hsla(0,0%,100%,.1)}.timer-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);z-index:1}.timer-bar-progress{transition:transform .1s linear;border-radius:7px;will-change:transform}.timer-success{--timer-color:var(--success);--timer-gradient:linear-gradient(90deg,#10b981,#34d399)}.timer-warning{--timer-color:var(--warning);--timer-gradient:linear-gradient(90deg,#f59e0b,#fbbf24)}.timer-error{--timer-color:var(--error);--timer-gradient:linear-gradient(90deg,#ef4444,#f87171)}.timer-pulse{animation:pulse 1.5s infinite;box-shadow:0 0 0 2px rgba(239,68,68,.5),var(--shadow-md)}.timer-pulse .timer-bar:after{animation:shine 1.5s linear infinite}.timer-pulse .timer-bar-progress{box-shadow:0 0 10px rgba(239,68,68,.5)}.word-card{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;background-color:rgba(30,30,50,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-md);height:100%;justify-content:center;border:1px solid hsla(0,0%,100%,.1);transition:all var(--animation-fast) ease}.word-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.word-card-header{position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-rainbow)}.word-text{margin:var(--spacing-md) 0;font-weight:700;font-size:2.5rem;letter-spacing:-.025em;background:linear-gradient(90deg,#f8f9fa,#e9ecef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.2)}@media (min-width:640px){.word-text{font-size:3.5rem}}@media (min-width:768px){.word-text{font-size:4rem}}.dialog{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background-color:rgba(30,30,50,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.dialog-content{height:-moz-fit-content;height:fit-content}.dialog-header{position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-rainbow)}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0deg);opacity:0}10%{opacity:.5}to{transform:translateY(100vh) rotate(1turn);opacity:0}}.confetti{position:absolute;width:10px;height:10px;border-radius:50%;animation:confetti-fall 5s linear infinite}.MuiTextField-root input,.MuiTextField-root textarea{background-color:var(--white)}