*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#00c878,#00b369);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{max-width:100vw;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){body{font-size:16px}.button,a.button,button,input[type=button],input[type=submit]{-webkit-tap-highlight-color:rgba(0,200,120,.3);min-height:44px;min-width:44px}div,h1,h2,h3,h4,h5,h6,p,span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}input,select,textarea{font-size:16px;max-width:100%}input[type=email],input[type=number],input[type=password],input[type=text],textarea{font-size:16px}}.app-loading{align-items:center;background:linear-gradient(135deg,#00c878,#00e088);color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.app-loading p{font-size:18px;font-weight:600}.App{background:linear-gradient(135deg,#00c878,#00b369);min-height:100vh;position:relative}.easter-egg-popup{animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#ff6b9d,#c06c84);border:4px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #00000080;color:#fff;font-size:48px;font-weight:800;left:50%;padding:40px 80px;position:fixed;text-shadow:2px 2px 4px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.page-container{min-height:calc(100vh - 80px);padding:40px 20px}.card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:20px;padding:30px}.card-header{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.button{align-items:center;display:inline-flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;transition:all .3s ease}.button-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.button-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.button-secondary:hover{box-shadow:0 8px 20px #f5576c66;transform:translateY(-2px)}.button-success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.button-success:hover{box-shadow:0 8px 20px #4facfe66;transform:translateY(-2px)}.input-field{font-family:Poppins,sans-serif;margin-bottom:16px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#00c878;box-shadow:0 0 0 3px #667eea1a}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.page-container{padding:20px 10px}.card{padding:20px}.card-header{font-size:20px}.easter-egg-popup{font-size:32px;padding:30px 50px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px 40px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{text-decoration:none;transition:all .3s ease}.navbar-logo:hover{transform:translateY(-2px)}.navbar-menu{align-items:center;display:flex;gap:24px}.nav-link{border-radius:8px;color:#333;font-size:16px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#667eea1a;color:#00c878}.nav-link-btn{background:linear-gradient(135deg,#00c878,#00b369);border-radius:12px;color:#fff;font-weight:600;padding:10px 24px;text-decoration:none;transition:all .3s ease}.nav-link-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.user-info{gap:16px;position:relative}.currency-badge,.user-info{align-items:center;display:flex}.currency-badge{background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 2px 8px #ffd7004d;color:#fff;font-size:16px;font-weight:600;gap:6px;padding:8px 16px}.user-menu-wrapper{position:relative}.username-button{align-items:center;background:#00c8781a;border:2px solid #00c878;border-radius:8px;color:#00c878;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s}.username-button:hover{background:#00c87833;transform:translateY(-2px)}.dropdown-arrow{font-size:10px;margin-left:4px}.user-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 18px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f9fa}.logout-item{color:#e74c3c}.logout-item:hover{background:#fee}.username{color:#333;font-weight:600}.logout-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s}.logout-btn:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.nav-logout{background:linear-gradient(135deg,#eb3349,#f45c43);border:none;border-radius:20px;color:#fff;font-family:Poppins,sans-serif;font-weight:600;padding:8px 20px}.nav-logout,.sound-toggle{cursor:pointer;transition:all .3s ease}.sound-toggle{align-items:center;background:#00c8781a;border:2px solid #00c878;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.sound-toggle:hover{background:#00c87833;transform:scale(1.1)}.mobile-menu-toggle{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:28px;padding:8px;z-index:1001}.nav-actions{align-items:center;display:flex;gap:16px}@media (max-width:968px){.navbar-container{padding:16px 20px;position:relative}.mobile-menu-toggle{display:block}.navbar-menu{align-items:flex-start;background:#fff;box-shadow:-4px 0 20px #0000001a;flex-direction:column;gap:0;height:100vh;overflow-y:auto;padding:80px 20px 20px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px}.navbar-menu.mobile-open{right:0}.nav-link{border-bottom:1px solid #f0f0f0;border-radius:8px;font-size:16px;padding:16px 20px;width:100%}.nav-link:hover{background:#00c8781a}.nav-actions{align-items:flex-start;border-top:2px solid #f0f0f0;flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;width:100%}.sound-toggle{border-radius:8px;height:48px;justify-content:center;width:100%}.user-info{align-items:flex-start;background:#f8f9fa;border-radius:12px;flex-direction:column;gap:12px;padding:16px;width:100%}.currency-badge{font-size:14px;padding:8px 14px;width:-webkit-fit-content;width:fit-content}.user-menu-wrapper{width:100%}.username-button{font-size:16px;justify-content:space-between;padding:12px 16px;width:100%}.user-dropdown{box-shadow:none;margin-top:8px;position:static;width:100%}.dropdown-item{font-size:15px;padding:12px 16px}.nav-link-btn{font-size:16px;padding:14px 24px;text-align:center;width:100%}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:100px;z-index:9999}.toast{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;font-family:Poppins,sans-serif;gap:12px;min-width:300px;padding:16px 20px;pointer-events:auto}.toast,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{color:#333;flex:1 1;font-size:14px;font-weight:500}.toast-success .toast-icon{background:#d5f4e6;color:#27ae60}.toast-error .toast-icon{background:#fadbd8;color:#c0392b}.toast-warning .toast-icon{background:#fff3cd;color:#f39c12}.toast-info .toast-icon{background:#d1ecf1;color:#0c5460}@media (max-width:768px){.toast-container{left:10px;right:10px;top:80px}.toast{min-width:auto;width:100%}}.home{min-height:100vh}.hero-section{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:80px 40px}.hero-content{color:#fff}.hero-title{font-size:64px;font-weight:800;line-height:1.2;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:20px;line-height:1.6;margin-bottom:40px;opacity:.95}.cta-button{background:#fff;border:none;border-radius:16px;box-shadow:0 8px 24px #0003;color:#00c878;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;padding:18px 48px;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.slime-showcase{align-items:center;display:flex;justify-content:center}.slime-grid{grid-gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;box-shadow:0 8px 32px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:40px}.slime-item{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.slime-item .slime-sprite{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:60px;object-fit:contain;width:60px}.features-section{background:#fffffff2;padding:80px 40px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c878,#00b369);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin-bottom:60px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 50px #667eea33}.feature-icon{font-size:60px;margin-bottom:20px}.feature-card h3{color:#333;font-size:24px;font-weight:700;margin-bottom:12px}.feature-card p{color:#666;font-size:16px;line-height:1.6}.cta-section{margin:0 auto;max-width:1200px;padding:80px 40px}.cta-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;box-shadow:0 8px 32px #0000001a;color:#fff;padding:60px 40px;text-align:center}.cta-box h2{font-size:42px;font-weight:800;margin-bottom:20px}.cta-box p{font-size:20px;margin-bottom:40px;opacity:.95}.cta-button-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:16px;box-shadow:0 8px 24px #0003;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;padding:18px 48px;transition:all .3s ease}.cta-button-secondary:hover{box-shadow:0 12px 32px #f5576c66;transform:translateY(-4px)}@media (max-width:1024px){.hero-section{gap:40px;grid-template-columns:1fr;padding:60px 20px}.hero-title{font-size:48px}.slime-grid{gap:15px;grid-template-columns:repeat(4,1fr)}.slime-item{font-size:40px}}@media (max-width:768px){.home-page{padding-top:0}.hero-section{min-height:auto;padding:60px 20px 40px}.hero-title{font-size:32px;line-height:1.2;margin-bottom:16px}.hero-subtitle{font-size:16px;line-height:1.5;margin-bottom:24px}.hero-buttons{flex-direction:column;gap:12px;width:100%}.hero-buttons .button{font-size:16px;justify-content:center;padding:14px 28px;width:100%}.section-title{font-size:28px;margin-bottom:16px}.features-section{padding:40px 20px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:24px}.feature-icon{font-size:40px;margin-bottom:12px}.feature-card h3{font-size:18px;margin-bottom:8px}.feature-card p{font-size:14px}.cta-section{padding:40px 20px}.cta-box{padding:32px 20px}.cta-box h2{font-size:24px;margin-bottom:12px}.cta-box p{font-size:15px;margin-bottom:20px}.cta-box .button{font-size:16px;padding:14px 32px}}.login-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.login-container{background:#fff;border-radius:30px;box-shadow:0 20px 60px #0003;max-width:500px;padding:50px;width:100%}.login-header{margin-bottom:40px;text-align:center}.login-slimes{display:flex;gap:20px;justify-content:center;margin-bottom:24px}.login-slime{animation:floatSlime 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));height:60px;width:60px}.login-slime:nth-child(2){animation-delay:.5s}.login-slime:nth-child(3){animation-delay:1s}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c878,#00b369);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin-bottom:12px}.login-header p{color:#666;font-size:16px}.form-group,.login-form{margin-bottom:24px}.form-group label{display:block}.role-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.role-button{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:16px;color:#666;cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:20px;transition:all .3s ease}.role-button:hover{border-color:#00c878;transform:translateY(-4px)}.role-button.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#00c878;color:#00c878}.role-icon{font-size:40px}.submit-button{background:linear-gradient(135deg,#00c878,#00b369);border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.login-footer{text-align:center}.toggle-auth{background:none;border:none;color:#00c878;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .3s ease}.toggle-auth:hover{text-decoration:underline}@media (max-width:768px){.login-page{padding:20px 15px}.login-container{margin:20px auto;padding:32px 24px}.login-header h1{font-size:24px;margin-bottom:8px}.login-header p{font-size:14px}.login-slimes{gap:12px;margin:16px 0}.login-slime{font-size:36px}.login-form{gap:16px}.form-group label{font-size:14px}.form-group input{font-size:16px;padding:12px 16px}.role-selector{gap:12px}.role-option{padding:16px}.role-icon{font-size:32px}.role-option span{font-size:14px}.submit-btn{font-size:16px;padding:14px}.toggle-form{font-size:14px}}.dashboard-page{min-height:calc(100vh - 80px);padding:40px 20px}.dashboard-container{margin:0 auto;max-width:1400px}.dashboard-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.dashboard-header h1{color:#333;font-size:32px;font-weight:800;margin-bottom:8px}.dashboard-header p{color:#666;font-size:16px}.header-actions{gap:16px}.game-setup{display:flex;flex-direction:column;gap:30px}.setup-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.question-sets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.question-set-card{border:3px solid #e0e0e0;border-radius:16px;padding:20px;transition:all .3s ease}.question-set-card:hover{transform:translateY(-4px)}.question-set-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.set-subject{background:#00c878;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.set-title{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.set-info{color:#666;font-size:14px}.game-mode-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.mode-icon{font-size:48px;margin-bottom:12px}.mode-name{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.mode-description{color:#666;font-size:14px}.launch-btn{font-size:18px;padding:16px;width:100%}.launch-hint{color:#666;font-size:14px;font-style:italic;margin-top:10px;text-align:center}.launch-btn:disabled{cursor:not-allowed;opacity:.5}.question-sets-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.question-sets-section h2{color:#333;font-size:24px;font-weight:700;margin-bottom:24px}.sets-list{gap:16px}.set-item{align-items:center;background:#f8f9fa;border-radius:16px;display:flex;gap:20px;padding:20px}.set-badge{background:#00c878;border-radius:12px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.set-content{flex:1 1}.set-content h3{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.set-content p{color:#666;font-size:14px}.set-actions{display:flex;gap:8px}.icon-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.icon-btn:hover{transform:scale(1.2)}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:20px}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.game-modes-grid,.question-sets-grid{grid-template-columns:1fr}}.default-badge,.default-badge-small{background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin-top:8px;padding:4px 10px;text-transform:uppercase}.student-dashboard-page{min-height:calc(100vh - 80px);padding:40px 20px}.student-dashboard-container{margin:0 auto;max-width:1400px}.welcome-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:30px;padding:40px}.welcome-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-actions{flex-wrap:wrap;gap:12px}.welcome-content h1{color:#333;font-size:32px;font-weight:800;margin-bottom:8px}.welcome-content p{color:#666;font-size:16px}.stats-grid{display:flex;gap:24px}.stat-item{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;padding:20px 30px}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{font-size:28px}.stat-label{font-weight:600}.dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.current-slime-card,.join-game-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.current-slime-card h2,.join-game-card h2{color:#333;font-size:24px;font-weight:700;margin-bottom:12px}.join-game-card p{color:#666;font-size:14px;margin-bottom:24px}.join-form{display:flex;flex-direction:column;gap:16px}.game-code-input{border:3px solid #e0e0e0;border-radius:12px;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;letter-spacing:4px;padding:16px 20px;text-align:center;transition:all .3s ease;width:100%}.game-code-input:focus{border-color:#00c878;box-shadow:0 0 0 3px #667eea1a;outline:none}.current-slime-display{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.slime-avatar{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto;width:120px}.slime-avatar .slime-sprite-large{animation:floatSlime 3s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));height:100%;object-fit:contain;width:100%}.slime-name{color:#333;font-size:20px;font-weight:600}.collection-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.collection-card h2{color:#333;font-size:24px;font-weight:700;margin-bottom:24px}.slime-collection-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.collection-slime{align-items:center;background:#f8f9fa;border:3px solid #0000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .3s ease}.collection-slime:hover{background:linear-gradient(135deg,#00c8781a,#00c8780d);box-shadow:0 4px 12px #00c87833;transform:translateY(-2px)}.collection-slime.selected{background:linear-gradient(135deg,#00c87833,#00c8781a);border-color:#00c878;box-shadow:0 4px 12px #00c8784d}.equipped-badge{animation:pulse 2s infinite;background:#00c878;border-radius:50%;box-shadow:0 2px 8px #00c87866;color:#fff;font-size:14px;font-weight:800;height:24px;position:absolute;right:5px;top:5px;width:24px}.collection-slime-emoji,.equipped-badge{align-items:center;display:flex;justify-content:center}.collection-slime-emoji{height:60px;margin:0 auto 8px;width:60px}.collection-slime-emoji .slime-sprite-small{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.collection-slime-name{color:#333;font-size:14px;font-weight:600;text-align:center}.collection-empty{align-items:center;background:#667eea0d;border:3px dashed #00c878;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px;transition:all .3s ease}.collection-empty:hover{background:#667eea1a;transform:scale(1.05)}.empty-icon{color:#00c878;font-size:40px;margin-bottom:8px}.empty-text{color:#00c878;font-size:14px;font-weight:600}.view-all-btn{font-size:16px;margin-top:20px;padding:14px;width:100%}.collection-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.collection-modal{background:#fff;border-radius:30px;max-height:85vh;max-width:900px;overflow-y:auto;padding:40px;position:relative;width:100%}.collection-modal h2{color:#333;font-size:32px;font-weight:800;margin-bottom:20px;text-align:center}.collection-stats{background:#f8f9fa;border-radius:16px;color:#333;display:flex;font-size:16px;font-weight:600;justify-content:space-around;margin-bottom:30px;padding:20px}.collection-modal-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.collection-modal-slime{background:#f8f9fa;border:3px solid #0000;border-radius:20px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.collection-modal-slime:hover:not(.active){border-color:#00c8784d;box-shadow:0 10px 30px #00c87833;transform:translateY(-5px)}.collection-modal-slime.active{background:linear-gradient(135deg,#00c87826,#00c8781a);border-color:#00c878;box-shadow:0 8px 24px #00c8784d;cursor:default}.modal-slime-sprite{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 16px;position:relative;width:100px}.modal-slime-sprite .sprite-img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.selected-badge{background:#00c878;border-radius:12px;box-shadow:0 4px 12px #00fa9a66;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;position:absolute;right:-10px;top:-10px}.collection-modal-slime h4{color:#333;font-size:16px;font-weight:700;margin-bottom:8px}.slime-rarity{font-size:12px;font-weight:700;margin-bottom:16px}.modal-slime-actions{align-items:center;display:flex;gap:8px;justify-content:center;min-height:40px}.equipped-indicator{background:#00c8781a;border-radius:8px;color:#00c878;font-size:14px;font-weight:700;padding:8px 12px}.btn-small{border-radius:10px;font-size:13px;padding:8px 16px}.button-danger:hover:not(:disabled){box-shadow:0 6px 16px #e74c3c66;transform:scale(1.05)}.button-danger:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.modal-close{z-index:10}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.welcome-card{align-items:flex-start;flex-direction:column;padding:30px 20px}.stats-grid{justify-content:space-between;width:100%}.slime-collection-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.slime-avatar{font-size:80px}.collection-modal{padding:30px 20px}.collection-modal-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-slime-actions{flex-direction:column}.btn-small{width:100%}}.create-game-panel{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:30px;padding:30px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.panel-header h2{color:#333;font-size:24px;font-weight:700}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:24px;height:32px;padding:0;transition:color .3s;width:32px}.close-btn:hover{color:#333}.game-mode-selector,.question-set-selector{margin-bottom:30px}.game-mode-selector h3,.question-set-selector h3{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.game-modes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.game-mode-card{border:3px solid #e0e0e0;border-radius:16px;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.game-mode-card:hover{border-color:#00c878;transform:translateY(-4px)}.game-mode-card.selected{background:linear-gradient(135deg,#00c8781a,#00c8780d);border-color:#00c878}.game-mode-card h4{color:#333;font-size:16px;font-weight:600;margin:12px 0 8px}.game-mode-card p{color:#666;font-size:14px}.sets-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.set-item{border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:16px 20px;transition:all .3s ease}.set-item:hover{border-color:#00c878;transform:translateX(4px)}.set-item.selected{background:linear-gradient(135deg,#00c8781a,#00c8780d);border-color:#00c878}.set-item h4{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.set-item p{color:#666;font-size:14px;margin:0}.no-sets{color:#999;font-style:italic;padding:40px 20px;text-align:center}.button-large{font-size:18px;font-weight:700;padding:16px;width:100%}.button-large:disabled{cursor:not-allowed;opacity:.5}.map-selector-section{margin-bottom:30px}.section-header{margin-bottom:16px}.section-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.section-header .btn-small{font-size:14px;padding:8px 16px}.maps-selector{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.map-selector-card{border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:16px 20px;position:relative;transition:all .3s ease}.map-selector-card:hover{border-color:#00c878;transform:translateX(4px)}.map-selector-card.selected{background:linear-gradient(135deg,#00c8781a,#00c8780d);border-color:#00c878}.map-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.map-description{margin:0}.default-badge-small{background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin-top:8px;padding:4px 10px;text-transform:uppercase}.no-maps-message{background:#00000005;border-radius:12px;color:#999;padding:40px 20px;text-align:center}.no-maps-message p{font-size:14px;margin-bottom:16px}.no-maps-message .button{margin:0 auto}.lobby-page{min-height:calc(100vh - 80px);padding:40px 20px}.lobby-container{margin:0 auto;max-width:1200px}.lobby-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:30px 40px}.lobby-header h1{color:#333;font-size:32px;font-weight:800}.game-code-display{align-items:center;background:linear-gradient(135deg,#00c878,#00b369);border-radius:16px;display:flex;gap:12px;padding:16px 24px}.code-label{color:#ffffffe6;font-size:14px;font-weight:600}.code-value{color:#fff;font-size:28px;font-weight:800;letter-spacing:4px}.lobby-content{display:flex;flex-direction:column;gap:30px}.players-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.players-section h2{color:#333;font-size:24px;font-weight:700;margin-bottom:24px}.players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));min-height:200px}.player-card{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:16px;display:flex;flex-direction:column;padding:24px}.player-slime{height:80px;margin-bottom:12px;width:80px}.player-slime .slime-sprite{animation:floatSlime 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.player-name{font-size:16px;font-weight:600;margin-bottom:8px;text-align:center}.ready-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.waiting-message{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px}.waiting-icon{animation:spin 2s linear infinite;font-size:60px;margin-bottom:16px}.waiting-message p{color:#666;font-size:18px;font-weight:600}.lobby-actions{margin-top:30px;text-align:center}.host-controls{align-items:center;display:flex;flex-direction:column;gap:15px}.start-game-btn{font-size:20px;min-width:280px;padding:18px 40px}.start-hint{color:#fff;font-size:14px;max-width:400px;opacity:.9;text-align:center}.start-game-btn:disabled{cursor:not-allowed;opacity:.5}.waiting-host{padding:20px}.waiting-host p{color:#666;font-size:18px;font-weight:600}.lobby-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;gap:20px;padding:24px}.info-icon{font-size:48px}.info-text h3{color:#333;font-size:18px;font-weight:700;margin-bottom:8px}.info-text p{color:#666;font-size:14px;line-height:1.5}@media (max-width:768px){.lobby-page{padding:20px 12px}.lobby-header{align-items:flex-start;flex-direction:column;padding:20px}.lobby-header h1{font-size:24px;text-align:center;width:100%}.game-code-display{justify-content:center;padding:12px 20px;width:100%}.code-value{font-size:24px;letter-spacing:3px}.players-section{padding:20px 15px}.players-section h2{font-size:20px}.players-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.player-card{padding:12px 8px}.player-slime{height:50px;width:50px}.player-name{font-size:13px;word-break:break-word}.lobby-info{gap:15px;grid-template-columns:1fr;padding:20px 15px}.info-card{padding:15px}.info-text h3{font-size:16px}.info-text p{font-size:13px}.lobby-actions{padding:20px 15px}.button-primary,.button-secondary,.start-game-btn{font-size:16px;padding:14px 24px;white-space:nowrap}.start-hint{font-size:13px}.waiting-host p{font-size:16px}}.racing-game{margin:0 auto;max-width:1200px;padding:20px;width:100%}.racing-header{margin-bottom:30px;text-align:center}.racing-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c878,gold);-webkit-background-clip:text;background-clip:text;font-size:32px;margin-bottom:10px}.racing-track{background:linear-gradient(180deg,#e3f2fd 0,#bbdefb);border-radius:20px;box-shadow:0 8px 24px #00000026;padding:30px;position:relative}.finish-line{align-items:center;background:repeating-linear-gradient(45deg,#000,#000 10px,#fff 0,#fff 20px);border-radius:0 20px 20px 0;bottom:0;color:gold;display:flex;font-size:18px;font-weight:800;justify-content:center;position:absolute;right:30px;text-shadow:2px 2px 4px #00000080;top:0;width:60px;writing-mode:vertical-rl}.racing-lanes{display:flex;flex-direction:column;gap:20px;margin-right:80px}.racing-lane{grid-gap:15px;align-items:center;background:#fffc;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:grid;gap:15px;grid-template-columns:150px 1fr 120px;padding:15px;transition:all .3s ease}.racing-lane.current-player{background:linear-gradient(135deg,#00c87833,#00c8781a);border:3px solid #00c878;transform:scale(1.02)}.lane-player-info{display:flex;flex-direction:column;gap:5px}.lane-position{color:#00c878;font-size:24px;font-weight:800}.lane-player-name{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-track{border-radius:8px;height:60px;overflow:hidden;position:relative}.track-bg{background:repeating-linear-gradient(90deg,#90caf9,#90caf9 20px,#64b5f6 0,#64b5f6 40px);height:100%;opacity:.5;width:100%}.racing-slime{left:0;position:absolute;top:50%;transform:translateY(-50%);transition:left .5s ease-out;z-index:10}.slime-racer{animation:bounce .6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:50px;object-fit:contain;width:50px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.you-indicator{background:#00c878;border-radius:12px;box-shadow:0 2px 8px #00c87866;color:#fff;font-size:10px;font-weight:800;left:50%;padding:4px 12px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.lane-stats{display:flex;flex-direction:column;gap:5px;text-align:right}.lane-score{color:#00c878;font-size:16px;font-weight:700}.lane-progress{color:#666;font-size:14px}.racing-leaderboard{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:30px;padding:20px}.racing-leaderboard h3{color:#333;font-size:20px;margin-bottom:15px}.mini-leaderboard{display:flex;flex-direction:column;gap:10px}.mini-leaderboard-item{align-items:center;background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:12px;display:flex;gap:15px;padding:12px;transition:transform .2s}.mini-leaderboard-item:hover{transform:translateX(5px)}.mini-position{font-size:24px}.mini-slime{height:40px;object-fit:contain;width:40px}.mini-name{color:#333;flex:1 1;font-weight:600}.mini-score{color:#00c878;font-size:18px;font-weight:700}@media (max-width:768px){.racing-lane{gap:10px;grid-template-columns:100px 1fr 80px;padding:10px}.lane-position{font-size:18px}.lane-player-name{font-size:12px}.slime-racer{height:35px;width:35px}.finish-line{font-size:14px;right:20px;width:40px}.racing-lanes{margin-right:50px}}.battle-game{margin:0 auto;max-width:1400px;padding:20px;width:100%}.battle-header{margin-bottom:30px;text-align:center}.battle-header h2{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#f44,gold,#00c878);-webkit-background-clip:text;background-clip:text;font-size:32px;margin-bottom:10px}@keyframes gradient-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.battle-arena{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:40px;position:relative}.battle-arena:before{background:radial-gradient(circle at 20% 50%,#ff44441a 0,#0000 50%),radial-gradient(circle at 80% 50%,#00c8781a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.battle-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative;z-index:1}.battle-slime{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;padding:20px;position:relative;transition:all .3s ease}.battle-slime:hover{box-shadow:0 12px 24px #00c8784d;transform:translateY(-5px)}.battle-slime.current-player{border-color:#00c878;box-shadow:0 0 30px #00c87880}.battle-slime.ko{filter:grayscale(1);opacity:.5}.ko-overlay{align-items:center;background:#000000b3;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.ko-text{color:#f44;font-size:48px;font-weight:900;text-shadow:0 0 20px #f44c;transform:rotate(-15deg)}.battle-avatar{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:20px;position:relative}.battle-slime-img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));height:100px;object-fit:contain;width:100px}.you-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 4px 12px #ffd70066;display:flex;font-weight:800;gap:4px;padding:6px 12px;position:absolute;right:20px;top:0}.battle-info{text-align:center}.battle-username{color:#fff;font-size:18px;font-weight:700}.battle-username,.hp-container{margin-bottom:15px}.hp-label{color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px}.hp-value{color:#00c878}.hp-bar-bg{background:#0000004d;border-radius:10px;box-shadow:inset 0 2px 4px #0000004d;height:20px;overflow:hidden;width:100%}.hp-bar-fill{border-radius:10px;box-shadow:0 0 10px currentColor;height:100%;transition:width .5s ease,background-color .3s ease}.battle-stats{display:flex;flex-direction:column;gap:8px}.stat-item{align-items:center;color:#ffffffe6;font-size:14px;font-weight:600;gap:8px;justify-content:center}.attack-effect{font-size:60px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.battle-log{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-top:40px;padding:24px}.battle-log h3{color:#333;font-size:22px;margin-bottom:20px}.battle-rankings{display:flex;flex-direction:column;gap:12px}.ranking-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #0000;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.ranking-item:hover{border-color:#00c878;transform:translateX(5px)}.ranking-position{color:#00c878;font-size:20px;font-weight:800;min-width:40px}.ranking-slime{height:45px;object-fit:contain;width:45px}.ranking-name{color:#333;flex:1 1;font-size:16px;font-weight:600}.ranking-hp-mini{background:#0000001a;border-radius:5px;height:10px;overflow:hidden;width:100px}.ranking-hp-fill{border-radius:5px;height:100%;transition:all .3s ease}.ranking-score{color:#00c878;font-size:18px;font-weight:700;min-width:80px;text-align:right}@media (max-width:768px){.battle-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.battle-slime-img{height:70px;width:70px}.battle-avatar{height:90px}.ko-text{font-size:36px}.ranking-item{gap:10px;padding:12px}.ranking-hp-mini{width:60px}}.gold-quest-game{margin:0 auto;max-width:1400px;padding:20px;width:100%}.gold-quest-header{margin-bottom:30px;text-align:center}.gold-quest-header h2{-webkit-text-fill-color:#0000;animation:gold-shine 2s ease-in-out infinite;background:linear-gradient(135deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;font-size:32px;margin-bottom:10px}@keyframes gold-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.treasure-room{background:linear-gradient(135deg,#2c1810,#4a2c1b);border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:40px;position:relative}.treasure-room:before{background:radial-gradient(circle at 30% 30%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffa5001a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.treasure-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:relative;z-index:1}.treasure-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #ffd7004d;border-radius:20px;padding:30px;position:relative;text-align:center;transition:all .3s ease}.treasure-card:hover{border-color:#ffd70099;box-shadow:0 16px 32px #ffd7004d;transform:translateY(-8px)}.treasure-card.current-player{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-color:gold;box-shadow:0 0 40px #ffd70099}.rank-badge{font-size:28px;left:15px;position:absolute;top:15px}.rank-number{background:#fff3;border-radius:20px;color:#fff;font-size:16px;font-weight:800;padding:6px 12px}.treasure-slime-container{align-items:center;display:flex;height:120px;justify-content:center;margin:30px 0;position:relative}.treasure-slime{filter:drop-shadow(0 8px 16px rgba(255,215,0,.4));height:110px;object-fit:contain;width:110px}.current-badge{background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 4px 12px #ffd70080;color:#fff;font-size:12px;font-weight:800;padding:6px 14px;position:absolute;right:20px;top:-10px}.treasure-username{color:#fff;font-size:20px;font-weight:700;margin-bottom:20px}.treasure-chest{margin:20px 0}.chest-icon{display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:56px}.gold-display{align-items:center;display:flex;gap:12px;justify-content:center;margin:20px 0}.gold-count{color:gold;font-size:48px;font-weight:900;text-shadow:0 4px 8px #ffd70080}.coin-progress-container{margin:20px 0}.coin-progress-label{color:#ffffffe6;display:flex;font-size:16px;font-weight:600;justify-content:center;margin-bottom:10px}.coin-progress-bar{background:#0000004d;border-radius:12px;box-shadow:inset 0 2px 4px #0000004d;height:24px;overflow:hidden;width:100%}.coin-progress-fill{background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 0 16px #ffd700cc;height:100%;transition:width .5s ease}.treasure-score{color:#fffc;font-size:16px;font-weight:600;margin-top:15px}.gold-leaderboard{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a;margin-top:40px;padding:30px}.gold-leaderboard h3{color:#333;font-size:24px;margin-bottom:24px;text-align:center}.gold-rankings{display:flex;flex-direction:column;gap:14px}.gold-rank-item{align-items:center;background:linear-gradient(135deg,#fff9e6,#fff);border:2px solid #0000;border-radius:16px;display:flex;gap:16px;padding:16px 20px;transition:all .3s ease}.gold-rank-item:hover{border-color:gold;box-shadow:0 4px 16px #ffd7004d;transform:translateX(8px)}.gold-rank-pos{color:orange;font-size:22px;font-weight:800;min-width:45px}.gold-rank-slime{height:50px;object-fit:contain;width:50px}.gold-rank-name{color:#333;flex:1 1;font-size:18px;font-weight:600}.gold-rank-coins{align-items:center;color:gold;display:flex;font-size:20px;font-weight:700;gap:8px}.gold-rank-score{color:#00c878;font-size:18px;font-weight:700;min-width:90px;text-align:right}@media (max-width:768px){.treasure-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.treasure-card{padding:20px}.treasure-slime{height:80px;width:80px}.treasure-slime-container{height:90px}.chest-icon{font-size:42px}.gold-count{font-size:36px}.gold-rank-item{gap:12px;padding:12px 16px}.gold-rank-slime{height:40px;width:40px}}.game-page{min-height:calc(100vh - 80px);padding:40px 20px}.game-container{margin:0 auto;max-width:1200px}.loading-screen{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:80px 40px;text-align:center}.loading-slime{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.loading-slime .slime-sprite{animation:floatSlime 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.loading-screen p{color:#666;font-size:20px;font-weight:600}.game-header{border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:30px;padding:20px 30px}.question-progress{color:#00c878;font-size:18px;font-weight:700}.timer{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:16px;gap:8px;padding:12px 20px;transition:all .3s ease}.timer.urgent{animation:pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c)}.timer-icon,.timer-value{font-size:20px}.timer-value{color:#fff;font-weight:800}.question-card{margin-bottom:30px;padding:40px}.question-text{font-size:28px;font-weight:700;margin-bottom:40px}.answers-grid{grid-gap:20px;gap:20px}.answer-button{align-items:center;background:#f8f9fa;border:3px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;gap:16px;padding:24px;text-align:left;transition:all .3s ease}.answer-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#00c878;transform:translateY(-2px)}.answer-button:disabled{cursor:not-allowed}.answer-button.correct{background:linear-gradient(135deg,#4caf501a,#4caf5033);border-color:#4caf50}.answer-button.incorrect{background:linear-gradient(135deg,#f443361a,#f4433633);border-color:#f44336}.answer-button.show-correct{animation:correctPulse .5s ease-in-out;border-color:#4caf50}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.answer-letter{border-radius:12px;font-size:20px;height:40px;width:40px}.answer-button.correct .answer-letter{background:#4caf50}.answer-button.incorrect .answer-letter{background:#f44336}.answer-text{color:#333;font-size:18px;font-weight:600}.scoreboard{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.scoreboard h3{color:#333;font-size:20px;font-weight:700;margin-bottom:20px}.scores-list{display:flex;flex-direction:column;gap:12px}.score-item{background:#f8f9fa;gap:12px;padding:16px}.score-rank{font-size:16px;font-weight:700;width:40px}.score-slime{height:30px;width:30px}.score-slime .slime-sprite-tiny{height:100%;object-fit:contain;width:100%}.score-value{color:#00c878;font-size:18px;font-weight:800}.results-screen{background:#fff;border-radius:30px;box-shadow:0 20px 60px #00000026;padding:50px;text-align:center}.results-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c878,#00b369);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800}.leaderboard,.results-title{margin-bottom:40px}.leaderboard h2{color:#333;font-size:28px;font-weight:700;margin-bottom:24px}.leaderboard-item{background:#f8f9fa;margin-bottom:16px;padding:24px}.leaderboard-item.rank-1{background:linear-gradient(135deg,#ffd7001a,#ffed4e1a);border-color:gold}.leaderboard-item.rank-2{border-color:silver}.leaderboard-item.rank-3{border-color:#cd7f32}.rank-badge{align-items:center;background:#00c878;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:800;height:50px;justify-content:center;width:50px}.leaderboard-item.rank-1 .rank-badge{background:gold;color:#333}.player-avatar{height:60px;width:60px}.player-avatar .slime-sprite-small{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.player-details{text-align:left}.player-username{color:#333;font-size:20px;font-weight:700;margin-bottom:4px}.player-score{font-size:16px;font-weight:600}.trophy{font-size:40px}.back-home-btn{font-size:18px;padding:18px 48px}@keyframes floatSlime{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:768px){.game-page{padding:10px}.game-container{padding:15px}.game-header{flex-direction:column;gap:12px;margin-bottom:15px;padding:12px}.timer{font-size:24px;font-weight:700;justify-content:center;order:-1;padding:14px 20px;width:100%}.timer-display{font-size:28px}.question-progress{font-size:15px;text-align:center;width:100%}.question-section{padding:20px 15px}.question-text{word-wrap:break-word;font-size:17px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;overflow-wrap:break-word;padding:10px}.answers-grid{gap:12px;grid-template-columns:1fr;padding:0 5px}.answer-btn{align-items:center;display:flex;gap:12px;min-height:64px;padding:16px 14px}.answer-letter{font-size:16px;height:36px;min-width:36px}.answer-text{word-wrap:break-word;flex:1 1;font-size:15px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word;text-align:left}.classic-scoreboard{padding:15px}.score-list{gap:8px}.score-item{gap:10px;padding:10px 12px}.score-rank{font-size:16px;min-width:32px}.score-slime{height:32px;width:32px}.score-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-points{font-size:15px}.results-screen{padding:20px 15px}.results-title{font-size:24px}.leaderboard-item{flex-direction:column;padding:12px;text-align:center}.player-avatar{font-size:32px}.player-info h3{font-size:16px}.player-score{font-size:24px}.loading-game{padding:40px 20px}.loading-game h2{font-size:20px}.loading-game p{font-size:14px}}.game-mode-container{margin-top:30px;width:100%}.classic-scoreboard{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.classic-scoreboard h3{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.score-list{display:flex;flex-direction:column;gap:12px}.score-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #0000;border-radius:12px;display:flex;gap:15px;padding:16px 20px;transition:all .3s ease}.score-item:hover{border-color:#00c878;transform:translateX(5px)}.score-rank{color:#00c878;font-size:20px;font-weight:800;min-width:40px}.score-slime{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.score-name{color:#333;flex:1 1;font-size:16px;font-weight:600}.score-points{color:#00c878;font-size:18px;font-weight:700;min-width:80px;text-align:right}.shop-page{background:linear-gradient(135deg,#00c878,#00b369);min-height:calc(100vh - 80px);padding:40px 20px}.shop-container{margin:0 auto;max-width:1400px}.shop-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:30px 40px}.header-content{flex:1 1}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c878,#00b369);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin-bottom:8px}.header-content p{color:#666;font-size:16px}.header-actions{align-items:center;display:flex;gap:20px}.currency-display{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;box-shadow:0 4px 12px #ffd7004d;display:flex;gap:12px;padding:16px 24px}.currency-icon{font-size:28px}.currency-amount{color:#333;font-size:24px;font-weight:800}.easter-egg-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:15px;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;transition:transform .2s ease}.easter-egg-btn:hover{transform:scale(1.05)}.code-input-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.code-input-section h3{color:#333;font-size:24px;margin-bottom:20px}.code-input-group{display:flex;gap:12px;margin:0 auto 12px;max-width:400px}.code-input{border:2px solid #e0e0e0;border-radius:12px;flex:1 1;font-size:16px;padding:12px 20px;transition:border-color .3s ease}.code-input:focus{border-color:#00c878;outline:none}.code-hint{color:#999;font-size:14px;font-style:italic}.hints-toggle-container{border-top:2px dashed #e0e0e0;margin-top:20px;padding-top:20px}.hints-toggle-btn{background:linear-gradient(135deg,#00c878,#00b369);border:none;border-radius:12px;box-shadow:0 4px 12px #00c8784d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:all .3s ease}.hints-toggle-btn:hover{box-shadow:0 6px 16px #00c87866;transform:translateY(-2px)}.hints-section{background:linear-gradient(135deg,#00c8780d,#00c87805);border:2px solid #00c87833;border-radius:16px;margin-top:20px;overflow:hidden;padding:25px}.hints-section h4{color:#333;font-size:22px;margin-bottom:8px;text-align:center}.hints-intro{color:#666;font-size:14px;font-style:italic;margin-bottom:20px;text-align:center}.hints-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.hint-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:15px;padding:20px;transition:all .3s ease}.hint-card:hover{border-color:#00c878;box-shadow:0 6px 16px #00c87833;transform:translateX(5px)}.hint-emoji{font-size:36px;min-width:40px;text-align:center}.hint-text{color:#333;flex:1 1;font-size:15px;line-height:1.5}.hints-tip{background:linear-gradient(135deg,#fff9e6,#fff4d6);border:2px solid gold;border-radius:12px;color:#333;font-size:14px;margin-top:15px;padding:15px 20px;text-align:center}.hints-tip strong{color:#00c878}.packs-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pack-card{background:#fff;border:3px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 40px #00000026;color:#fff;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.pack-card:hover{box-shadow:0 20px 50px #00000040;transform:translateY(-5px)}.pack-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pack-rarity-badge{border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;font-weight:700;padding:8px 16px;text-transform:uppercase}.pack-icon{margin:20px 0;text-align:center}.pack-box{animation:packFloat 3s ease-in-out infinite;font-size:80px}@keyframes packFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.pack-name{font-size:28px;font-weight:800;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.pack-description{font-size:14px;margin-bottom:20px;opacity:.95}.pack-preview{background:#fff3;border-radius:16px;margin-bottom:20px;padding:16px}.preview-slimes{gap:8px}.preview-slime,.preview-slimes{align-items:center;display:flex;justify-content:center}.preview-slime{height:50px;width:50px}.preview-sprite{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.preview-more{font-size:14px;font-weight:700;opacity:.9}.pack-footer{gap:16px;justify-content:space-between}.pack-footer,.pack-price{align-items:center;display:flex}.pack-price{font-size:24px;font-weight:800;gap:8px;text-shadow:2px 2px 4px #0003}.pack-buy-btn{border-radius:15px;flex:1 1;font-size:16px;font-weight:700;padding:14px 24px}.pack-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pack-modal{background:#fff;border-radius:30px;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:100%}.pack-modal h2{color:#333;font-size:32px;margin-bottom:12px}.modal-rarity{font-size:14px;font-weight:700;margin-bottom:16px}.modal-description{color:#666;font-size:16px;margin-bottom:30px}.pack-contents h3{color:#333;font-size:20px;margin-bottom:20px}.contents-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.content-slime{background:#f5f5f5;border:2px solid #0000;border-radius:12px;padding:12px;position:relative;text-align:center;transition:all .2s ease}.content-slime.owned{background:#e8f5e9;border-color:#4caf50}.content-slime:hover{transform:scale(1.05)}.content-sprite{height:50px;margin-bottom:8px;object-fit:contain;width:50px}.content-name{color:#333;display:block;font-size:12px;font-weight:600}.owned-check{color:#4caf50;font-weight:700;position:absolute;right:8px;top:8px}.modal-actions{gap:20px;justify-content:space-between}.modal-actions,.modal-price{align-items:center;display:flex}.modal-price{color:gold;font-size:28px;font-weight:800;gap:8px}.modal-buy-btn{flex:1 1;font-size:18px;padding:16px 32px}.reveal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.reveal-modal{background:linear-gradient(135deg,#00c878,#00b369);border-radius:30px;box-shadow:0 20px 60px #00000080;color:#fff;max-width:500px;padding:50px;text-align:center;width:100%}.reveal-title{font-size:36px;font-weight:800;margin-bottom:30px;text-shadow:2px 2px 4px #0000004d}.reveal-slime{align-items:center;background:#fff3;border-radius:50%;box-shadow:0 10px 30px #0000004d;display:flex;height:200px;justify-content:center;margin:0 auto 30px;width:200px}.reveal-sprite{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));height:160px;object-fit:contain;width:160px}.reveal-name{font-size:32px;font-weight:800;margin-bottom:12px}.reveal-rarity{font-size:20px;font-weight:700;margin-bottom:30px}.reveal-close-btn{background:#fff;border:none;border-radius:20px;color:#00c878;cursor:pointer;font-size:18px;font-weight:800;padding:16px 48px;transition:transform .2s ease}.reveal-close-btn:hover{transform:scale(1.05)}.modal-close{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:transform .2s ease;width:36px}.modal-close:hover{transform:scale(1.1) rotate(90deg)}.back-btn{background:#00c878;border-radius:15px;font-weight:700;padding:12px 24px;transition:all .2s ease}.back-btn:hover{background:#00b369;transform:translateX(-5px)}.button{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:12px 24px;transition:all .2s ease}.button-primary{background:linear-gradient(135deg,#00c878,#00b369);color:#fff}.button-primary:hover:not(.disabled){box-shadow:0 8px 20px #667eea66;transform:scale(1.05)}.button-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.button-success:hover{box-shadow:0 8px 20px #11998e66;transform:scale(1.05)}.button.disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.packs-grid{grid-template-columns:1fr}.contents-grid{grid-template-columns:repeat(2,1fr)}.header-actions{flex-direction:column;width:100%}.currency-display,.easter-egg-btn{justify-content:center;width:100%}}.create-set-page{min-height:calc(100vh - 80px);padding:40px 20px}.create-set-container{margin:0 auto;max-width:1000px}.page-header{margin-bottom:30px}.back-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin-bottom:16px;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#ffffff1a}.page-header h1{color:#fff;font-size:36px;font-weight:800}.create-set-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.form-group label{color:#333;margin-bottom:8px}.questions-section{display:flex;flex-direction:column;gap:20px}.section-header{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:24px 30px}.section-header h2{color:#333;font-size:24px;font-weight:700;margin:0}.question-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.question-number{color:#00c878;font-size:18px;font-weight:700}.delete-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;transition:all .3s ease}.delete-btn:hover{transform:scale(1.2)}.answers-grid{grid-gap:16px;gap:16px}.answer-item{display:flex;flex-direction:column;gap:8px}.radio-label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px}.radio-label input[type=radio]{cursor:pointer;height:18px;width:18px}.submit-btn{font-size:18px;padding:18px;width:100%}@media (max-width:768px){.form-row{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.section-header button{width:100%}.answers-grid{grid-template-columns:1fr}}.maps-browser-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 30px}.maps-container{margin:0 auto;max-width:1400px}.maps-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.maps-header .header-content h1{color:#fff;font-size:40px;font-weight:800;margin:0 0 8px}.maps-header .header-content p{color:#ffffffe6;font-size:18px;margin:0}.mode-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.mode-filter-btn{align-items:center;background:#fff;border:3px solid #0000;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.mode-filter-btn:hover{border-color:#00fa9a;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.mode-filter-btn.active{background:linear-gradient(135deg,#00fa9a,#00c878);border-color:#00c878;box-shadow:0 8px 24px #00fa9a66;color:#fff;transform:translateY(-2px)}.empty-state,.loading-state{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-state p,.loading-state p{color:#666;font-size:18px;margin-top:20px}.empty-state h3{color:#333;font-size:28px;margin:20px 0 10px}.empty-state .button{margin-top:20px}.maps-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.map-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:relative;transition:all .3s}.map-card:hover{box-shadow:0 12px 40px #0003}.default-badge{background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;font-weight:700;gap:5px;padding:6px 12px;position:absolute;right:15px;top:15px;z-index:10}.default-badge,.map-preview{align-items:center;display:flex}.map-preview{background:#f5f5f5;height:200px;justify-content:center;padding:20px;width:100%}.mini-grid{grid-gap:1px;background:#ddd;border-radius:4px;display:grid;gap:1px;grid-template-columns:repeat(10,1fr);max-height:160px;max-width:200px;padding:1px}.mini-tile{aspect-ratio:1;border-radius:1px;min-height:8px;min-width:8px}.map-info{padding:20px}.map-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.map-info h3{color:#333;flex:1 1;font-size:20px;font-weight:700;margin:0}.map-mode-badge{align-items:center;background:linear-gradient(135deg,#00fa9a,#00c878);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.map-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 15px;min-height:42px;overflow:hidden}.map-meta{align-items:center;border-top:2px solid #f0f0f0;color:#999;display:flex;font-size:13px;justify-content:space-between;margin-bottom:15px;padding-top:15px}.map-creator,.map-size{font-weight:600}.map-size{background:#f5f5f5;border-radius:8px;padding:4px 10px}.map-actions{display:flex;gap:8px}.btn-small{flex:1 1;font-size:14px;padding:10px 16px}.button-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;flex:0 1;padding:10px 14px}.button-danger:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}@media (max-width:768px){.maps-header{align-items:flex-start;flex-direction:column}.mode-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;width:100%}.mode-filter-btn{flex-shrink:0}.maps-grid{grid-template-columns:1fr}}.map-creator-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:30px}.map-creator-container{margin:0 auto;max-width:1600px}.creator-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.creator-header h1{color:#fff;font-size:32px;font-weight:800;margin:0}.creator-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr;min-height:calc(100vh - 150px)}.creator-sidebar{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;gap:25px;padding:30px}.settings-section{display:flex;flex-direction:column;gap:15px}.settings-section h3{border-bottom:3px solid #00fa9a;color:#333;font-size:20px;font-weight:700;margin:0 0 10px;padding-bottom:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-field{border:2px solid #e0e0e0;border-radius:12px;font-size:16px;padding:12px 16px;transition:all .3s}.input-field:focus{border-color:#00fa9a;box-shadow:0 0 0 3px #00fa9a1a;outline:none}.input-field.small{padding:10px;text-align:center;width:80px}.grid-size-inputs{align-items:center;display:flex;gap:10px}.grid-size-inputs span{color:#999;font-size:18px;font-weight:700}.tile-palette{display:flex;flex-direction:column;gap:10px}.palette-tile{align-items:center;border:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:16px;transition:all .3s}.palette-tile:hover{box-shadow:0 4px 12px #0003;transform:translateX(5px)}.palette-tile.selected{border-color:#2c3e50;box-shadow:0 6px 20px #0000004d;transform:translateX(5px) scale(1.05)}.tile-name{color:#fff;font-size:14px;font-weight:700;text-shadow:0 2px 4px #0000004d}.creator-actions{border-top:2px solid #f0f0f0;gap:12px;margin-top:auto;padding-top:20px}.creator-actions,.creator-canvas{display:flex;flex-direction:column}.creator-canvas{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:30px}.canvas-toolbar{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:12px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.canvas-toolbar,.toolbar-info{align-items:center;display:flex}.toolbar-info{color:#666;font-size:14px;font-weight:600;gap:10px}.current-tile-preview{border:2px solid #2c3e50;border-radius:6px;box-shadow:0 2px 8px #0003;height:30px;width:30px}.grid-container{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.map-grid{grid-gap:2px;background:#ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;display:grid;gap:2px;max-height:100%;max-width:100%;padding:2px}.grid-tile{align-items:center;aspect-ratio:1;border:1px solid #0000001a;border-radius:2px;cursor:pointer;display:flex;justify-content:center;max-height:50px;max-width:50px;min-height:30px;min-width:30px;position:relative;transition:all .1s;-webkit-user-select:none;user-select:none}.grid-tile:hover{box-shadow:inset 0 0 0 2px #0000004d}.grid-tile.enemy-tile{border:2px solid #0000004d;box-shadow:inset 0 0 8px #0003}.enemy-icon{font-size:18px}.enemy-icon,.tower-icon{color:#fff;font-weight:900;line-height:1;pointer-events:none;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000c}.tower-icon{font-size:20px}@media (max-width:1200px){.creator-layout{grid-template-columns:300px 1fr}.creator-sidebar{padding:20px}}@media (max-width:900px){.creator-layout{grid-template-columns:1fr}.creator-sidebar{order:2}.creator-canvas{min-height:500px;order:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.palette-tile.selected{animation:pulse 2s infinite}.leaderboard-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.leaderboard-container{margin:0 auto;max-width:900px;padding:40px 20px}.leaderboard-header{margin-bottom:40px;text-align:center}.header-title h1{align-items:center;color:#333;display:flex;font-size:42px;font-weight:800;gap:12px;justify-content:center;margin:0}.header-title p{color:#666;font-size:18px;margin:10px 0 0}.sort-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.sort-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.sort-btn:hover{background:#00c8780d;border-color:#00c878;transform:translateY(-2px)}.sort-btn.active{background:linear-gradient(135deg,#00c878,#00fa9a);border-color:#00c878;box-shadow:0 4px 15px #00c8784d;color:#fff}.sort-icon{font-size:18px}.sort-label{font-size:14px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 2px 10px #00000014;display:flex;gap:20px;padding:20px;transition:all .3s ease}.leaderboard-item:hover{border-color:#00c878;box-shadow:0 4px 20px #00c87826;transform:translateX(8px)}.leaderboard-item.top-three{background:linear-gradient(135deg,#fff,#fffef7);border-color:gold}.leaderboard-item.current-user{background:linear-gradient(135deg,#00c8781a,#00fa9a0d);border-color:#00c878}.rank{min-width:60px;text-align:center}.medal{display:block;font-size:36px}.rank-number{color:#666;font-size:24px;font-weight:700}.player-info{flex:1 1;gap:16px}.player-slime{align-items:center;background:linear-gradient(135deg,#00c878,#00fa9a);border-radius:50%;box-shadow:0 4px 12px #00c8784d;display:flex;height:60px;justify-content:center;padding:8px;width:60px}.player-slime .slime-sprite{height:100%;object-fit:contain;width:100%}.player-details{flex:1 1}.player-name{align-items:center;color:#333;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:4px}.you-badge{background:linear-gradient(135deg,#00c878,#00fa9a);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:2px 10px;text-transform:uppercase}.player-stats-mini{color:#666;display:flex;font-size:14px;gap:16px}.player-stats-mini span{align-items:center;display:flex;gap:4px}.primary-stat{min-width:100px;text-align:right}.stat-value{line-height:1;margin-bottom:4px}.stat-label{font-size:12px;letter-spacing:.5px}.loading-state{color:#999;padding:80px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#00c878;height:50px;margin:0 auto 20px;width:50px}.empty-state{color:#999;padding:80px 20px;text-align:center}.empty-state p{font-size:18px;margin-top:20px}@media (max-width:768px){.leaderboard-item{gap:12px;padding:16px}.rank{min-width:50px}.medal{font-size:28px}.rank-number{font-size:20px}.player-slime{height:50px;width:50px}.player-name{font-size:16px}.stat-value{font-size:24px}.stat-label{font-size:10px}.sort-options{justify-content:flex-start}.sort-btn{font-size:12px;padding:10px 16px}}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.achievement-card{background:#fff;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.achievement-card.locked{filter:grayscale(100%);opacity:.5}.achievement-icon{font-size:64px;margin-bottom:15px}.unlock-date{color:#2ecc71;font-weight:600;margin-top:10px}.practice-mode-page{background:linear-gradient(135deg,#00c878,#008f57);min-height:100vh;padding:2rem}.practice-container{margin:0 auto;max-width:1200px}.practice-header{color:#fff;margin-bottom:2rem;position:relative;text-align:center}.practice-header h1{align-items:center;display:flex;font-size:2.5rem;gap:1rem;justify-content:center;margin-bottom:.5rem}.practice-header p{font-size:1.1rem;opacity:.9}.back-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;left:0;padding:.75rem 1.5rem;position:absolute;top:0;transition:all .3s}.back-button:hover{background:#ffffff4d}.practice-stats-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.practice-stats-card h3{color:#00c878;margin-bottom:1.5rem;text-align:center}.stats-grid-practice{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-box{background:#f8f9fa;border-radius:12px;padding:1rem;text-align:center}.stat-value{color:#00c878;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem}.practice-setup{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.setup-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:2rem}.setup-section h3{color:#00c878;font-size:1.3rem;margin-bottom:1.5rem}.question-sets-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.question-set-card{border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s}.question-set-card:hover{border-color:#00c878;box-shadow:0 4px 8px #00c87833;transform:translateY(-2px)}.question-set-card.selected{background:#e8f8f0;border-color:#00c878;box-shadow:0 4px 12px #00c8784d}.question-set-card h4{color:#333;margin-bottom:.5rem}.question-set-card p{color:#666;font-size:.9rem}.no-sets-msg{color:#999;padding:2rem;text-align:center}.difficulty-selector{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.difficulty-card{border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s}.difficulty-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.difficulty-card.selected{box-shadow:0 6px 20px #00000026;transform:translateY(-4px)}.difficulty-icon{margin-bottom:.5rem}.difficulty-card h4{color:#333;margin-bottom:.5rem}.difficulty-desc{color:#666;font-size:.85rem;line-height:1.4}.game-modes-practice{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mode-card{align-items:center;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center;transition:all .3s}.mode-card:hover{border-color:#00c878;transform:translateY(-2px)}.mode-card.selected{background:#e8f8f0;border-color:#00c878;box-shadow:0 4px 12px #00c8784d}.mode-card span{color:#333;font-weight:600}.start-practice-btn{align-items:center;display:flex;font-size:1.2rem;gap:.5rem;justify-content:center;margin:0 auto;max-width:400px;padding:1.25rem;width:100%}.start-practice-btn:disabled{cursor:not-allowed;opacity:.5}.practice-history-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#00c878;font-size:1.3rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#f8f9fa;border-radius:10px;flex-wrap:wrap;justify-content:space-between;padding:1rem}.history-info,.history-item{align-items:center;display:flex;gap:1rem}.history-mode{color:#333}.history-difficulty,.history-mode{font-weight:600;text-transform:capitalize}.history-difficulty{background:#fff9;border-radius:20px;font-size:.9rem;padding:.25rem .75rem}.history-stats{color:#666;display:flex;font-size:.9rem;gap:1.5rem}.history-date{color:#999;font-size:.85rem}.no-history{color:#999;padding:2rem;text-align:center}@media (max-width:768px){.practice-mode-page{padding:1rem}.practice-header h1{font-size:1.8rem}.back-button{margin-bottom:1rem;position:static}.stats-grid-practice{grid-template-columns:repeat(2,1fr)}.difficulty-selector,.game-modes-practice{grid-template-columns:1fr}.history-item{align-items:flex-start;flex-direction:column}}.victory-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.victory-content{background:#fff;border-radius:30px;box-shadow:0 20px 60px #0006;max-width:500px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.victory-emoji{filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));font-size:120px;margin-bottom:20px}.victory-title{font-size:48px;font-weight:900;margin-bottom:10px;text-shadow:2px 2px 4px #0000001a}.victory-subtitle{color:#666;font-size:24px;font-weight:600;margin-bottom:30px}.victory-stats{display:flex;gap:40px;justify-content:center;margin-top:30px}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{color:#999;font-size:14px;letter-spacing:1px;text-transform:uppercase}.stat-value{color:#333;font-size:32px;font-weight:800}.confetti{height:100%;left:50%;pointer-events:none;position:absolute;top:0;width:100%}.confetti-piece{border-radius:2px;height:10px;position:absolute;width:10px}@media (max-width:768px){.victory-content{margin:20px;padding:40px 25px}.victory-emoji{font-size:80px}.victory-title{font-size:36px}.victory-subtitle{font-size:18px}}.practice-gameplay-page{align-items:center;background:linear-gradient(135deg,#00c878,#008f57);display:flex;flex-direction:column;min-height:100vh;padding:2rem}.game-header{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;gap:2rem;justify-content:space-between;margin-bottom:2rem;max-width:1200px;padding:1.5rem;width:100%}.game-header,.player-info{align-items:center;display:flex}.player-info{gap:1rem}.ai-info{flex-direction:row-reverse}.player-avatar{align-items:center;background:linear-gradient(135deg,#e8f8f0,#c8e8d8);border:3px solid #00c878;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.slime-sprite{height:60px;width:60px}.player-details h3{color:#333;font-size:1.1rem;margin-bottom:.25rem}.player-score{color:#00c878;font-size:1.8rem;font-weight:700}.game-progress{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.progress-text{color:#666;font-size:.95rem;font-weight:600}.progress-bar{background:#e0e0e0;border-radius:10px;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00c878,#00e68a);height:100%;transition:width .3s ease}.timer{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem}.question-section{background:#fff;border-radius:16px;box-shadow:0 8px 16px #0000001a;max-width:900px;padding:3rem;width:100%}.question-text{color:#333;font-size:1.8rem;line-height:1.4;margin-bottom:2.5rem;text-align:center}.answers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.answer-btn{align-items:center;background:#f8f9fa;border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;gap:1rem;padding:1.25rem 1.5rem;text-align:left;transition:all .3s}.answer-btn:hover:not(:disabled){border-color:#00c878;box-shadow:0 4px 12px #00c87833;transform:translateY(-2px)}.answer-btn.selected{background:#e8f8f0;border-color:#00c878}.answer-btn.correct{background:#d4edda;border-color:#27ae60;color:#155724}.answer-btn.incorrect{background:#f8d7da;border-color:#e74c3c;color:#721c24}.answer-btn:disabled{cursor:not-allowed}.answer-letter{align-items:center;background:#00c878;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.answer-btn.correct .answer-letter{background:#27ae60}.answer-btn.incorrect .answer-letter{background:#e74c3c}.answer-text{flex:1 1}.result-feedback{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.feedback-message{border-radius:8px;font-size:1.5rem;font-weight:700;padding:.75rem 2rem}.feedback-message.correct{background:#d4edda;color:#155724}.feedback-message.incorrect{background:#f8d7da;color:#721c24}.ai-status{color:#666;font-size:1.1rem}.next-btn{font-size:1.1rem;padding:.75rem 2.5rem}.game-over-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;max-width:600px;padding:3rem;text-align:center}.game-over-card h1{color:#00c878;font-size:2.5rem;margin-bottom:.5rem}.result-message{color:#666;font-size:1.2rem;margin-bottom:2rem}.final-scores{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.score-box{background:#f8f9fa;border:3px solid #0000;border-radius:12px;min-width:150px;padding:1.5rem;transition:all .3s}.score-box.winner{background:linear-gradient(135deg,#fff9e6,#ffe6b3);border-color:gold;box-shadow:0 4px 12px #ffd7004d}.score-box h3{color:#333;margin-bottom:.5rem}.final-score{color:#00c878;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.score-box p{color:#666;font-size:.9rem}.rewards-section{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.rewards-section h3{color:#333;margin-bottom:1rem}.reward-item{align-items:center;color:#00c878;font-size:1.2rem;font-weight:600}.game-over-actions,.reward-item{display:flex;gap:1rem;justify-content:center}.game-over-actions .button{font-size:1rem;padding:.75rem 1.5rem}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:1rem;width:60px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.practice-gameplay-page{padding:1rem}.game-header{flex-direction:column;gap:1rem}.player-avatar{height:60px;width:60px}.slime-sprite{height:45px;width:45px}.question-section{padding:1.5rem}.question-text{font-size:1.3rem}.answers-grid{grid-template-columns:1fr}.final-scores,.game-over-actions{flex-direction:column}.game-over-actions .button{width:100%}}.notfound-page{align-items:center;background:linear-gradient(135deg,#00c878,#00e088);display:flex;justify-content:center;min-height:100vh;padding:20px}.notfound-container{max-width:600px;width:100%}.notfound-content{background:#fff;border-radius:30px;box-shadow:0 20px 60px #0000004d;padding:60px 40px;text-align:center}.slime-sad{margin-bottom:20px;opacity:.7}.notfound-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c878,#00e088);-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:900;margin-bottom:10px}.notfound-subtitle{color:#333;font-size:32px;font-weight:700;margin-bottom:15px}.notfound-text{color:#666;font-size:18px;margin-bottom:30px}@media (max-width:768px){.notfound-content{padding:40px 25px}.notfound-title{font-size:72px}.notfound-subtitle{font-size:24px}}
/*# sourceMappingURL=main.30aac507.css.map*/