.login-container{align-items:center;background:url(/static/media/bg.49333292bad7b136b997.png) 50%/cover no-repeat fixed;display:flex;justify-content:flex-end;min-height:100vh;padding:clamp(12px,2vw,24px) clamp(12px,10vw,140px)}.login-box{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff0;border-radius:24px;box-shadow:0 20px 60px #00000059;max-width:min(440px,calc(100vw - 24px));padding:clamp(28px,3.5vw,44px) clamp(20px,3vw,34px);text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{animation:bounce 1s ease-in-out infinite alternate;font-size:clamp(52px,6vw,76px);margin-bottom:8px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.login-box h1{color:#fff;font-size:clamp(32px,3.2vw,48px);font-weight:700;letter-spacing:1px;margin-bottom:4px;text-align:center;text-shadow:0 2px 10px #00000073}.login-subtitle{color:#ffffffe6;font-size:clamp(20px,1.3vw + 14px,28px);margin-bottom:28px;text-align:center;text-shadow:0 2px 10px #00000059}.form-group{margin-bottom:18px;text-align:left}.form-group label{color:var(--text-dark);display:block;font-size:clamp(20px,1vw + 15px,26px);font-weight:600;margin-bottom:8px}.form-group input{background-color:#fafafa;border:2px solid #e8e8e8;border-radius:12px;box-sizing:border-box;font-size:clamp(22px,1.2vw + 16px,30px);padding:16px 20px;transition:all .3s;width:100%}.form-group input:focus{background-color:#fff;border-color:var(--primary-dark);box-shadow:0 0 0 4px #0f2a1d14;outline:none}.login-box button[type=submit]{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-accent) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:clamp(22px,1.25vw + 16px,30px);font-weight:700;letter-spacing:.5px;margin-top:12px;min-height:60px;padding:18px;transition:all .2s;width:100%}.login-box button[type=submit]:hover:not(:disabled){box-shadow:0 6px 20px #0f2a1d4d;transform:translateY(-2px)}.login-box button[type=submit]:active:not(:disabled){transform:scale(.98)}.login-box button[type=submit]:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:var(--card-icon-bg);border:2px solid var(--primary-accent);border-radius:10px;color:var(--primary-dark);font-size:clamp(18px,1vw + 14px,24px);font-weight:600;line-height:1.5;margin-bottom:20px;padding:14px 20px;text-align:center}.link-button{background:none;border:none;color:var(--primary-dark);cursor:pointer;font-weight:700;text-decoration:underline}@media (max-width:480px){.login-container{padding:12px}.login-box{border-radius:20px;padding:28px 18px}}.remember-me{align-items:center;background:#e3eed4c7;border-radius:12px;color:var(--text-dark);cursor:pointer;display:flex;gap:12px;margin:2px 0 8px;min-height:52px;padding:8px 10px;text-align:left}.remember-me input{accent-color:var(--primary-dark);cursor:pointer;flex:0 0 28px;height:28px;width:28px}.remember-me span{display:grid;line-height:1.25}.remember-me strong{font-size:clamp(19px,.8vw + 15px,24px)}.remember-me small{color:#375534;font-size:clamp(14px,.35vw + 12px,17px);margin-top:3px}@media (max-width:768px){.login-box{margin:auto;max-width:100%}}.dialog-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:2000}.dialog-card{background:#fff;border-radius:18px;box-shadow:0 18px 60px #00000059;max-width:360px;padding:22px 18px 18px;position:relative;text-align:center;width:100%}.dialog-close{background:#0000000f;border:none;border-radius:10px;color:#0009;cursor:pointer;font-size:16px;font-weight:800;height:34px;position:absolute;right:10px;top:10px;width:34px}.dialog-icon{font-size:54px;line-height:1;margin:6px 0 10px}.dialog-title{color:var(--text-dark);font-size:22px;font-weight:900;margin-bottom:6px}.dialog-message{color:var(--text-light);font-size:15px;font-weight:700;line-height:1.4;margin-bottom:16px;white-space:pre-wrap}.dialog-actions{display:flex;gap:10px;justify-content:center}.dialog-btn{border:none;border-radius:14px;cursor:pointer;font-size:16px;font-weight:900;min-width:120px;padding:12px 16px}.dialog-btn.secondary{background:#f2f4f2;color:var(--text-dark)}.dialog-btn.primary{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-accent) 100%);color:#fff}.dialog-btn.primary.error{background:#e53935}.dialog-btn.primary.warning{background:#f57c00}.dialog-btn.primary.confirm{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-light) 100%)}.dialog-btn:active{transform:scale(.98)}@media (max-width:420px){.dialog-card{max-width:340px}.dialog-btn{min-width:110px}}.admin-layout{background:var(--background-light);color:var(--text-dark);display:flex;font-family:Kanit,Segoe UI,sans-serif;min-height:100vh}.admin-sidebar{background:var(--primary-dark);bottom:0;box-shadow:4px 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:100}.admin-layout.collapsed .admin-sidebar{width:70px}.sidebar-profile{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.profile-avatar{align-items:center;background:#fff;border:3px solid var(--primary-accent);border-radius:50%;color:var(--primary-light);display:flex;font-size:32px;height:70px;justify-content:center;margin-bottom:15px;width:70px}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:20px;font-weight:700;margin-bottom:4px}.profile-email{color:#fff9;font-size:15px}.sidebar-nav{flex:1 1;padding:20px 0}.nav-item{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;gap:15px;min-height:56px;padding:16px 25px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--primary-accent);border-radius:0 30px 30px 0;color:#fff;font-weight:600;margin-right:15px}.nav-icon{font-size:18px;text-align:center;width:24px}.sidebar-footer{padding:20px}.logout-sidebar-btn{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;gap:12px;min-height:56px;padding:12px 15px;transition:all .2s;width:100%}.logout-sidebar-btn:hover{color:#fff}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;transition:margin-left .3s ease}.admin-layout.collapsed .admin-main{margin-left:70px}.admin-topbar{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:20px 40px}.topbar-left h2{color:var(--primary-dark);font-size:28px;font-weight:700;margin:0}.topbar-center{display:flex;flex:1 1;justify-content:center;max-width:500px}.header-search{position:relative;width:100%}.header-search input{background:#fff;border:none;border-radius:30px;box-shadow:0 4px 10px #0000000d;font-size:18px;padding:14px 50px 14px 20px;width:100%}.search-icon{color:var(--text-light);position:absolute;right:20px;top:50%;transform:translateY(-50%)}.topbar-right .header-icons{display:flex;gap:15px}.icon-btn{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000000d;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.dashboard-content{padding:0 40px 40px}.section-title{color:var(--primary-dark);font-size:22px;font-weight:700;margin-bottom:20px}.stat-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000008;gap:20px;padding:25px;position:relative}.card-icon-circle,.stat-card{align-items:center;display:flex}.card-icon-circle{background:var(--card-icon-bg);border-radius:12px;color:var(--card-icon-color);font-size:24px;height:50px;justify-content:center;width:50px}.stat-card-info{display:flex;flex-direction:column}.stat-card-value{color:var(--primary-dark);font-size:28px;font-weight:800}.stat-card-label{color:var(--text-light);font-size:16px}.info-icon{bottom:15px;color:#ccc;font-size:12px;position:absolute;right:15px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr 1fr}.grid-card{background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000008;padding:25px}.card-header-simple{align-items:center;color:var(--primary-dark);display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:25px}.users-card-content{align-items:center;display:flex;flex-direction:column;padding:20px 0}.user-icon-bg{align-items:center;background:var(--card-icon-bg);border-radius:15px;color:var(--card-icon-color);display:flex;font-size:28px;height:60px;justify-content:center;margin-bottom:20px;width:60px}.users-count-big{color:var(--primary-dark);font-size:38px;font-weight:800}.users-label{color:var(--text-light);font-size:17px}.pie-chart-container{align-items:center;display:flex;flex-direction:column}.pie-chart-placeholder{align-items:center;background:conic-gradient(var(--primary-dark) 0 68%,#b0bec5 68% 100%);border-radius:50%;display:flex;height:150px;justify-content:center;margin-bottom:25px;position:relative;width:150px}.pie-chart-placeholder:after{background:#fff;border-radius:50%;content:"";height:80px;position:absolute;width:80px}.pie-segment{color:var(--primary-dark);font-size:16px;font-weight:700;position:relative;z-index:1}.pie-legend{display:flex;gap:20px;justify-content:center;width:100%}.legend-item{align-items:center;color:#555;display:flex;font-size:15px;gap:8px}.dot{border-radius:50%;height:10px;width:10px}.dot.teal{background:var(--primary-dark)}.dot.gray{background:#b0bec5}.bar-chart-container{display:flex;flex-direction:column;gap:15px}.bar-row{align-items:center;display:flex;gap:12px}.bar-label{color:#555;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.bar-wrapper{background:#f0f0f0;border-radius:10px;flex:1 1;height:12px;overflow:hidden}.bar-fill{background:var(--primary-dark);border-radius:10px;height:100%}.bar-value{color:var(--text-dark);font-size:15px;font-weight:600;min-width:60px;text-align:right}.empty-chart-msg{align-items:center;color:var(--text-light);display:flex;font-size:16px;font-style:italic;height:100%;justify-content:center}.line-chart-card.full-width{grid-column:1/-1;margin-top:10px}.last-months{color:var(--text-light);font-size:15px;font-weight:400}.line-chart-placeholder{display:flex;flex-direction:column;height:250px}.line-chart-svg{background:linear-gradient(180deg,#1958351a,#0000);border-bottom:1px dashed #eee;flex:1 1;margin-bottom:15px;position:relative}.chart-line-1{background:var(--primary-accent);bottom:40%;-webkit-clip-path:polygon(0 80%,15% 90%,30% 70%,50% 85%,70% 60%,85% 75%,100% 50%);clip-path:polygon(0 80%,15% 90%,30% 70%,50% 85%,70% 60%,85% 75%,100% 50%);height:2px;left:0;position:absolute;width:100%}.chart-marker{border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;position:absolute}.highest-exp{background:#ef6c00;left:60%;top:50%}.highest-profit{background:#2e7d32;right:10%;top:30%}.chart-months{display:flex;justify-content:space-between;padding:0 10px}.chart-months span{color:var(--text-light);font-size:14px}.card-delete{background:#ffebee;border:1px solid #ffcdd2;cursor:pointer;transition:all .2s}.card-delete:hover{background:#ffcdd2;box-shadow:0 6px 15px #d32f2f26;transform:translateY(-2px)}.card-delete .card-icon-circle{background:#ffcdd2;color:#d32f2f}.card-delete .stat-card-label{color:#d32f2f;font-weight:600}.card-delete .stat-card-value{color:#d32f2f;font-size:16px}.scores-content,.users-content{padding:0 40px 40px}.filters-row{align-items:flex-end;display:flex;gap:12px;margin:10px 0 20px}.date-filter{display:flex;flex-direction:column;gap:6px}.date-filter label{color:var(--text-light);font-size:16px}.date-filter input[type=date]{border:2px solid #e0e0e0;border-radius:10px;font-size:18px;padding:12px 16px}.query-btn{background:var(--primary-dark);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;min-height:50px;padding:12px 24px}.query-btn:hover{background:var(--primary-light)}.link-btn{background:none;border:none;color:var(--primary-dark);cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:0;text-decoration:none}.users-table-card{grid-column:1/-1;margin-top:20px}.card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.card-header h3{font-size:22px;font-weight:700;margin:0}.search-box{position:relative}.search-box input{border:2px solid #e0e0e0;border-radius:20px;font-size:18px;padding:14px 45px 14px 18px;transition:all .2s;width:300px}.search-box input:focus{border-color:var(--primary-dark);box-shadow:0 0 0 4px #1958351a;outline:none}.search-box .search-icon{color:#aaa;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.table-container{overflow-x:auto}.users-table{border-collapse:collapse;font-size:20px;width:100%}.users-table thead{background:var(--background-light)}.users-table th{border-bottom:2px solid #e0e0e0;color:#555;font-size:18px;font-weight:700;padding:18px 22px;text-align:left}.users-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:18px 22px}.users-table tbody tr:hover{background:#f1f8f7}.user-id-badge{background:var(--card-icon-bg);border-radius:20px;color:var(--card-icon-color);font-size:14px;font-weight:700;padding:5px 12px}.user-name-cell{align-items:center;display:flex;font-weight:600;gap:12px}.user-avatar-sm{background:var(--primary-accent);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.password-cell,.user-avatar-sm{align-items:center;display:flex}.password-cell{gap:8px}.password-code{background:#f5f5f5;border-radius:6px;color:#555;font-family:monospace;font-size:15px;padding:4px 8px}.eye-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:18px;padding:5px;transition:background .2s}.eye-btn:hover{background:#f0f0f0}.address-cell{color:#666;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btns{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;gap:6px;min-height:44px;padding:10px 16px;transition:all .2s}.edit-btn{background:#e3f2fd;color:#1e88e5}.edit-btn:hover{background:#bbdefb}.delete-btn{align-items:center;background:#ffebee;border:none;border-radius:10px;color:#d32f2f;cursor:pointer;display:flex;font-size:16px;gap:6px;min-height:44px;padding:10px 16px;transition:all .2s}.delete-btn:hover{background:#ffcdd2;transform:translateY(-1px)}.empty-table{color:var(--text-light);font-size:18px;padding:50px;text-align:center}.score-cell{color:#2e7d32;font-size:18px;font-weight:700}.add-user-card{grid-column:1/-1}.user-form{padding:10px 0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1/-1}.form-field label{color:#555;font-size:18px;font-weight:600;margin-bottom:8px}.form-field input,.form-field textarea{background:#fdfdfd;border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:18px;padding:16px 20px;transition:all .2s;width:100%}.form-field textarea{min-height:100px;resize:vertical}.form-field input:focus,.form-field textarea:focus{background:#fff;border-color:var(--primary-dark);box-shadow:0 0 0 4px #1958351a;outline:none}.submit-user-btn{background:var(--primary-dark);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;min-height:60px;padding:18px 36px;transition:all .2s;width:100%}.submit-user-btn:hover{background:var(--primary-light);box-shadow:0 6px 20px #1958354d;transform:translateY(-2px)}.submit-user-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-edit-btn{background:#ef5350;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;min-height:44px;padding:10px 20px;transition:all .2s}.cancel-edit-btn:hover{background:#e53935}.alert{border-radius:12px;font-size:18px;margin:0 40px 20px;padding:16px 24px}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding:20px 0}.pagination button{background:var(--primary-dark);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:44px;padding:10px 20px;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.4;transform:none}.pagination span{color:var(--text-dark);font-size:16px;font-weight:700}.export-btn{background:#27ae60!important;border:none;border-radius:12px;color:#fff!important;cursor:pointer;font-size:18px;min-height:50px;padding:12px 24px;transition:all .2s}.export-btn:hover{background:#2ecc71!important;box-shadow:0 6px 20px #2ecc714d;transform:translateY(-2px)}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.users-card{grid-column:1/-1}}@media (max-width:768px){.stat-cards{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.admin-sidebar{width:0}.admin-main{margin-left:0}}.traffic-game{align-items:center;background:var(--background-light);border-radius:18px;box-shadow:0 8px 24px #0000001f;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:24px;width:100%}.traffic-game .game-header{margin-bottom:8px;text-align:center;width:100%}.traffic-game .game-header h3{color:var(--text-dark);font-size:28px;margin-bottom:8px}.traffic-game .game-subtitle{color:var(--text-light);font-size:18px;margin:0}.traffic-game .game-stats{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:10px}.traffic-game .stat{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-light) 100%);border-radius:10px;box-shadow:0 2px 6px #0f2a1d4d;color:#fff;display:flex;font-size:18px;font-weight:700;min-height:40px;padding:10px 18px}.game-toolbar{display:flex;gap:12px;justify-content:center;width:100%}.toolbar-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:6px;min-height:50px;padding:12px 24px;transition:all .2s}.toolbar-btn.back-btn{background:#95a5a6;color:#fff}.toolbar-btn.back-btn:hover{background:#7f8c8d;transform:translateY(-1px)}.toolbar-btn.restart-btn{background:linear-gradient(135deg,var(--primary-accent),var(--primary-light));color:#fff}.toolbar-btn.restart-btn:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));transform:translateY(-1px)}.toolbar-btn.solve-btn{background:linear-gradient(135deg,#f1c40f,#e67e22);color:#1f2d1f}.toolbar-btn.solve-btn:hover:not(:disabled){background:linear-gradient(135deg,#f39c12,#d35400);transform:translateY(-1px)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.level-select{max-width:500px;width:100%}.level-select h4{color:var(--text-dark);font-size:24px;margin-bottom:20px;text-align:center}.level-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.level-btn{align-items:center;background:var(--background-light);border:3px solid #dee2e6;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:100px;padding:20px 14px;position:relative;text-align:center;transition:all .3s ease}.level-btn:hover:not(:disabled){border-color:var(--primary-accent);box-shadow:0 6px 20px #6b907133;transform:translateY(-3px)}.level-btn.completed{background:var(--card-icon-bg);border-color:var(--primary-accent)}.level-btn.locked{cursor:not-allowed;opacity:.5}.level-number{font-size:32px;font-weight:700}.level-btn.completed .level-number,.level-number{color:var(--primary-dark)}.level-name{color:var(--text-dark);font-size:16px;font-weight:600}.level-cars{color:var(--text-light);font-size:14px}.level-stars{font-size:22px}.level-best{color:var(--primary-dark);font-size:14px;font-weight:700}.level-lock{font-size:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.canvas-container{align-items:center;display:flex;justify-content:center;max-width:480px;width:100%}.traffic-game .game-canvas{aspect-ratio:1/1;background:var(--primary-light);border:3px solid var(--primary-dark);border-radius:10px;box-shadow:0 4px 15px #00000040;cursor:pointer;display:block;height:auto;max-width:480px;touch-action:none;width:100%}.game-canvas:focus{border-color:var(--primary-accent);outline:none}.traffic-game .game-instructions{background:var(--card-icon-bg);border-left:4px solid var(--primary-dark);border-radius:10px;max-width:480px;padding:16px 20px;width:100%}.traffic-game .game-instructions p{color:var(--text-dark);font-size:16px;line-height:1.6;margin:6px 0}.mobile-controls{align-items:center;display:none;flex-direction:column;gap:10px;margin:10px 0}.control-hint{color:var(--primary-dark);font-size:16px;font-weight:600;margin:0}.up-btn{margin-bottom:4px}.horizontal-buttons{gap:10px}.direction-btn,.horizontal-buttons{display:flex;justify-content:center}.direction-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-light) 100%);border:2px solid var(--primary-accent);border-radius:14px;box-shadow:0 3px 8px #0f2a1d4d;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:60px;min-height:56px;transition:all .2s;width:60px}.direction-btn:active{box-shadow:inset 0 2px 4px #0000004d;transform:scale(.93)}.direction-btn:hover{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-dark) 100%);transform:scale(1.05)}.win-modal{align-items:center;animation:fadeIn .3s ease;background:#0f2a1dcc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.win-content{animation:bounceIn .5s ease;background:var(--background-light);border-radius:20px;box-shadow:0 15px 50px #00000059;max-width:420px;padding:40px;text-align:center;width:90%}.win-icon{font-size:64px;margin-bottom:10px}.win-content h2{color:var(--primary-dark);font-size:36px;margin:0 0 8px}.win-level{color:var(--text-light);font-size:20px;margin:0 0 20px}.win-stats{display:flex;gap:20px;justify-content:center;margin-bottom:28px}.win-stat{align-items:center;background:var(--card-icon-bg);border-radius:12px;display:flex;flex-direction:column;min-width:90px;padding:16px 20px}.win-stat-label{color:var(--text-light);font-size:15px;margin-bottom:4px}.win-stat-value{color:var(--text-dark);font-size:24px;font-weight:700}.all-clear{margin-bottom:10px}.all-clear p{color:var(--primary-accent);font-size:22px;font-weight:700}.button-group{flex-direction:column;gap:12px;margin-top:10px}.next-btn{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-light) 100%);border:none;border-radius:14px;box-shadow:0 4px 12px #0f2a1d4d;color:#fff;cursor:pointer;font-size:22px;font-weight:700;min-height:60px;padding:18px 36px;transition:all .3s}.next-btn:hover{box-shadow:0 6px 18px #0f2a1d66;transform:translateY(-2px)}.restart-game-btn{background:linear-gradient(135deg,var(--primary-accent),var(--primary-light));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-height:56px;padding:16px 28px;transition:all .3s}.restart-game-btn:hover{box-shadow:0 4px 12px #0f2a1d4d;transform:translateY(-1px)}.end-btn{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-light) 100%);border-radius:12px;font-size:18px;min-height:56px;padding:16px 28px}.end-btn:hover{box-shadow:0 4px 12px #0f2a1d4d;transform:translateY(-1px)}@media (max-width:768px){.traffic-game{gap:14px;padding:16px}.traffic-game .game-header h3{font-size:22px}.traffic-game .game-canvas{max-width:100%;width:100%}.traffic-game .game-stats{gap:10px}.traffic-game .stat{font-size:15px;padding:8px 14px}.level-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.win-content{padding:28px 20px}.win-stats{gap:12px}.win-stat{min-width:75px;padding:12px 14px}}@media (max-width:480px){.traffic-game{gap:12px;padding:12px}.traffic-game .game-header{margin-bottom:6px}.traffic-game .game-header h3{font-size:18px;margin-bottom:4px}.traffic-game .game-stats{gap:8px}.traffic-game .stat{font-size:13px;padding:6px 10px}.canvas-container{max-width:100%}.traffic-game .game-instructions{padding:12px}.traffic-game .game-instructions p{font-size:14px;margin:4px 0}.mobile-controls{display:flex!important}.direction-btn{font-size:20px;height:52px;width:52px}.win-content{max-width:92vw;padding:24px}.win-content h2{font-size:28px}.win-icon{font-size:48px}.win-stat-value{font-size:20px}.level-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.level-btn{padding:14px 10px}.level-number{font-size:26px}.level-name{font-size:13px}.toolbar-btn{font-size:14px;padding:8px 14px}.next-btn{font-size:18px;padding:14px 24px}.end-btn,.restart-game-btn{font-size:15px;padding:12px 20px}}.catch-game-container{align-items:center;background-color:#fff;background-color:var(--background-light,#fff);border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:900px;padding:24px;position:relative;width:100%;z-index:1}.game-header-info{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-accent) 100%);border-radius:14px;color:#fff;font-size:26px;font-weight:700;justify-content:space-between;padding:14px 24px;width:100%}.catch-stats,.game-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.catch-stats{justify-content:flex-end}.catch-back-btn{background:#ffffff2e;border:2px solid #ffffff47;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;font-weight:800;min-height:50px;padding:10px 18px}.catch-back-btn:hover{background:#ffffff42}.time-info{white-space:nowrap}.question-section{margin-bottom:24px;text-align:center}.answer-section h3,.question-section h3{color:var(--primary-dark);font-size:30px;font-weight:700;margin-bottom:18px}.instruction-text{color:var(--text-light);font-size:22px;font-weight:500;margin-top:12px}.card-display{background:#fff;border:4px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;padding:10px;transition:transform .2s}.question-card{border-color:var(--primary-accent);cursor:default;height:260px;margin:0 auto;position:relative;width:200px}.question-card img{height:100%;object-fit:contain;width:100%}.question-slide{align-items:center;animation:catchSlideIn .5s cubic-bezier(.25,.46,.45,.94) both;display:flex;height:100%;justify-content:center;width:100%}@keyframes catchSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.question-card.pulse{animation:catchPulse .52s ease-out}@keyframes catchPulse{0%{transform:scale(1)}35%{box-shadow:0 10px 30px #2ecc7159;transform:scale(1.03)}to{transform:scale(1)}}.question-card.shake{animation:catchShake .6s ease-out}@keyframes catchShake{0%{transform:translateX(0)}15%{box-shadow:0 10px 30px #e74c3c59;transform:translateX(-12px)}30%{transform:translateX(10px)}45%{transform:translateX(-8px)}60%{transform:translateX(6px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.correct-burst{animation:catchBurst .52s ease-out}.correct-burst,.wrong-burst{align-items:center;display:flex;font-size:72px;font-weight:800;inset:0;justify-content:center;pointer-events:none;position:absolute;text-shadow:0 10px 24px #0003}.wrong-burst{animation:catchBurst .6s ease-out}@keyframes catchBurst{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.35)}}.answer-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:14px}.answer-card{border-color:#ddd;height:210px;width:160px}.answer-card:hover{border-color:var(--primary-accent);box-shadow:0 8px 25px #6b907133;transform:translateY(-5px)}.answer-card.correct{border-color:#2ecc71;box-shadow:0 10px 28px #2ecc7159;transform:translateY(-4px) scale(1.02)}.answer-card.wrong{animation:cardWrong .6s ease-out;border-color:#e74c3c;box-shadow:0 10px 28px #e74c3c59}@keyframes cardWrong{0%{transform:scale(1)}20%{transform:scale(.95)}40%{transform:scale(1.02)}to{transform:scale(1)}}.answer-card img{height:100%;object-fit:contain;width:100%}.back-menu-btn,.menu-btn,.play-again-btn{border:none;border-radius:14px;cursor:pointer;font-size:24px;font-weight:700;min-height:60px;padding:18px 36px;transition:all .2s}.back-menu-btn{background-color:var(--card-icon-bg);color:var(--text-dark);margin-top:20px}.back-menu-btn:hover{background-color:#e0e0e0;color:#333}.game-result{padding:40px;text-align:center}.game-result h2{color:var(--primary-dark);font-size:52px;margin-bottom:24px}.final-score{color:var(--text-dark);font-size:40px;font-weight:700;margin-bottom:12px}.final-time{color:var(--text-light);font-size:26px;font-weight:700;margin-bottom:36px}.button-group{display:flex;gap:20px;justify-content:center}.play-again-btn{background-color:var(--primary-dark);color:#fff}.menu-btn{background-color:var(--primary-accent);color:#fff}@media (max-width:768px){.answer-card{height:170px;width:130px}.question-card{height:220px;width:170px}.game-header-info{font-size:22px}}.wheel-game{background:var(--background-light);border-radius:18px;box-shadow:0 8px 24px #00000026;margin:0 auto;max-width:1100px;padding:20px;touch-action:manipulation;width:100%}.wheel-row{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:1fr}.wheel-board{background:#fff;border:2px solid #00000014;border-radius:16px;padding:18px}.wheel-deck{display:flex;gap:14px;justify-content:center;margin-bottom:18px}.wheel-card-back{background:none;background-image:url(/static/media/wheel_card.b52a84cb180e2c65c114.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid var(--primary-dark);border-radius:14px;box-shadow:0 10px 24px #0003;height:140px;width:100px}.wheel-slots{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(130px,1fr));justify-content:center;margin-bottom:14px}.wheel-slot{align-items:center;display:flex;flex-direction:column;gap:8px}.wheel-slot-label{color:var(--text-light);font-size:18px;font-weight:700}.wheel-slot-box{align-items:center;background:#fff;border:4px solid #00000040;border-radius:14px;color:var(--text-dark);display:flex;font-size:64px;font-weight:900;height:150px;justify-content:center;-webkit-user-select:none;user-select:none;width:130px}.wheel-fly-card,.wheel-slot-box.back{background-position:50%;background-repeat:no-repeat;background-size:cover}.wheel-fly-card{background-color:#fff;border:4px solid var(--primary-dark);border-radius:16px;box-shadow:0 18px 36px #00000040;pointer-events:none;position:fixed;transform:scale(1);transition:left .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1),width .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);z-index:3000}.wheel-fly-card.to{transform:scale(1.05)}.wheel-slot-box.drop{border-color:var(--primary-dark);box-shadow:inset 0 0 0 3px #0f2a1d14;cursor:pointer}.wheel-slot-box.drop.filled{background:#fff;border-color:var(--primary-accent)}.wheel-number{align-items:baseline;color:var(--text-dark);display:flex;flex-wrap:wrap;font-size:22px;gap:16px;justify-content:center}.wheel-number strong{color:var(--primary-dark);font-size:32px}.wheel-last,.wheel-turns{color:var(--text-light);font-size:18px;font-weight:700}.wheel-center{background:#0f2a1d0f;border:2px solid #0f2a1d1a;border-radius:16px;margin:18px 0;padding:20px}.wheel-message{color:var(--text-dark);font-size:20px;font-weight:800;line-height:1.5;margin-bottom:16px;text-align:center}.wheel-controls{align-items:center;display:flex;flex-direction:column;gap:16px}.wheel-btn{background:var(--card-icon-bg);border:none;border-radius:14px;color:var(--text-dark);cursor:pointer;font-size:22px;font-weight:800;min-height:60px;padding:16px 24px}.wheel-btn.primary{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-accent) 100%);color:#fff}.wheel-btn.danger{background:#ffebee;color:#d32f2f}.wheel-btn:disabled{cursor:not-allowed;opacity:.5}.wheel-btn.confirm-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border-bottom:3px solid #1e8449;box-shadow:0 6px 20px #2ecc714d;color:#fff;font-size:24px;padding:16px 48px;transition:all .2s ease}.wheel-btn.confirm-btn:hover{box-shadow:0 10px 30px #2ecc7166;transform:translateY(-2px)}.wheel-btn.confirm-btn:active{border-bottom-width:1px;box-shadow:0 2px 8px #2ecc7133;transform:translateY(1px)}.wheel-btn.next-round-btn{background:linear-gradient(135deg,#2980b9,#3498db);border-bottom:3px solid #1a5276;box-shadow:0 6px 20px #3498db4d;color:#fff;font-size:24px;padding:16px 48px;transition:all .2s ease}.wheel-btn.next-round-btn:hover{box-shadow:0 10px 30px #3498db66;transform:translateY(-2px)}.wheel-btn.next-round-btn:active{border-bottom-width:1px;box-shadow:0 2px 8px #3498db33;transform:translateY(1px)}.wheel-current{align-items:center;display:flex;flex-direction:column;gap:8px}.wheel-card-face{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:4px solid var(--primary-dark);border-radius:16px;box-shadow:0 12px 24px #00000026;display:flex;height:170px;justify-content:center;overflow:hidden;position:relative;width:140px}.wheel-card-face.disabled{opacity:.45}.wheel-card-digit{align-items:center;background:#0000;box-shadow:none;color:#111;display:flex;font-size:80px;font-weight:900;justify-content:center;text-shadow:none}.wheel-draw{-webkit-tap-highlight-color:transparent;cursor:grab;height:210px;perspective:1000px;width:160px}.wheel-draw.disabled{cursor:default}.wheel-draw-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);width:100%}.wheel-draw.flipped .wheel-draw-inner{transform:rotateY(180deg)}.wheel-draw-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:4px solid var(--primary-dark);border-radius:16px;box-shadow:0 12px 24px #00000026;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}.wheel-draw-front{background-image:none;transform:rotateY(180deg)}.wheel-draw:not(.revealed) .wheel-card-digit{opacity:0}.wheel-draw.revealed .wheel-card-digit{opacity:1;transition:opacity .15s ease}.wheel-hint{color:var(--text-light);font-size:16px;font-weight:700;text-align:center}.wheel-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.wheel-result{background:#fff;border:2px solid #00000014;border-radius:16px;max-width:560px;padding:16px 20px;width:100%}.wheel-result-row{color:var(--text-dark);display:flex;font-size:20px;justify-content:space-between;margin:8px 0}.wheel-result-winner{color:var(--primary-dark);font-size:22px;font-weight:900;margin-top:10px;text-align:center}.wheel-footer-note{color:var(--text-light);font-size:15px;font-weight:700;line-height:1.5;margin-top:16px;text-align:center}@media (max-width:720px){.wheel-row{grid-template-columns:1fr}.wheel-slot-box{font-size:52px;height:130px;width:110px}.wheel-card-back{height:116px;width:86px}.wheel-draw{height:180px;width:140px}.wheel-card-digit{font-size:64px}}.mastermind-game{--mm-border:#94a3b82e;background:radial-gradient(circle at 15% 0,#4f46e540,#0000 36%),radial-gradient(circle at 90% 100%,#7e22ce38,#0000 38%),linear-gradient(145deg,#07111f,#111827 52%,#160f2c);border-radius:26px;box-shadow:0 28px 70px #00000059;color:#f8fafc;margin:0 auto;overflow:hidden;padding:18px;position:relative;width:min(1040px,100%)}.mastermind-controls,.mastermind-header,.mastermind-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aad;border:1px solid var(--mm-border);box-shadow:0 12px 30px #0000003d,inset 0 1px 0 #ffffff0f}.mastermind-header{align-items:center;border-radius:20px;display:flex;gap:18px;justify-content:space-between;padding:16px 18px}.mastermind-title-group{align-items:center;display:flex;gap:13px}.mastermind-logo{background:linear-gradient(135deg,#facc15,#9333ea);border-radius:15px;box-shadow:0 8px 22px #a855f747;display:grid;font-size:29px;height:54px;place-items:center;width:54px}.mastermind-title-group h2{color:#fde68a;font-size:clamp(1.45rem,4vw,2rem);letter-spacing:.08em;margin:0}.mastermind-title-group p{color:#aebbd0;font-size:.92rem;margin:3px 0 0}.mastermind-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.mastermind-panel-title>span,.mastermind-stats span{background:#581c8747;border:1px solid #a855f74d;border-radius:999px;color:#e9d5ff;font-size:.82rem;padding:7px 11px;white-space:nowrap}.mastermind-board{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:12px}.mastermind-panel{background:linear-gradient(145deg,#fffffffa,#e2f4e5f7);border-color:#4e7e574d;border-radius:20px;box-shadow:0 14px 34px #01140833,inset 0 1px 0 #fff;color:#17351f;padding:16px}.mastermind-panel-title{align-items:center;border-bottom:1px solid #4e7e5738;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;min-height:42px;padding-bottom:12px}.mastermind-panel-title h3{color:#254f2d;font-size:1rem;margin:0}.mastermind-panel .mastermind-panel-title>span{background:#bbe0c18c;border-color:#3d7a494d;color:#285c35}.mastermind-rows{grid-gap:9px;display:grid;gap:9px}.mastermind-row{align-items:center;background:#ffffff8f;border:1px solid #58856047;border-radius:14px;display:flex;gap:10px;height:72px;justify-content:space-between;min-height:72px;opacity:.48;padding:8px 12px;transition:.18s ease}.mastermind-row.active{background:#eefbf0f5;border-color:#308543b3;box-shadow:0 0 18px #34914924;opacity:1}.mastermind-row.complete{background:#ffffffd1;opacity:.94}.mastermind-row-label{color:#41634a;font-size:.82rem;font-weight:700;width:34px}.mastermind-feedback-pins,.mastermind-guess-slots{align-items:center;display:flex;gap:10px}.mastermind-slot{aspect-ratio:1;background:#ffffffb8;border:2px dashed #75977c;border-radius:50%;color:#52705a;cursor:pointer;display:grid;flex:0 0 48px;height:48px;max-height:48px;max-width:48px;min-height:48px;min-width:48px;padding:0;place-items:center;width:48px}.mastermind-slot.filled{border-color:#ffffff52;border-style:solid}.mastermind-slot:disabled{cursor:default}.mastermind-slot-number{font-size:.74rem}.mastermind-pin{--pin-color:#334155;background:var(--pin-color);border:2px solid #ffffff5c;border-radius:50%;box-shadow:inset 5px 5px 8px #ffffff42,inset -6px -7px 10px #00000052,0 5px 10px #0000004d;display:block;flex:0 0 auto;height:38px;width:38px}.mastermind-row.feedback{justify-content:center}.mastermind-row.feedback .mastermind-feedback-pins{justify-content:center;width:100%}.mastermind-feedback-pin{background:#0000;border:2px solid #76927c;border-radius:50%;display:inline-grid;flex:0 0 auto;font-size:25px;font-style:normal;font-weight:900;height:38px;line-height:1;place-items:center;width:38px}.mastermind-feedback-pin.exact{background:#dcfce7;border-color:#22c55e;box-shadow:0 0 7px #22c55e38;color:#15803d}.mastermind-feedback-pin.exact:before{content:"✓"}.mastermind-feedback-pin.misplaced{background:#fef9c3;border-color:#eab308;box-shadow:0 0 7px #eab30838;color:#a16207}.mastermind-feedback-pin.misplaced:before{content:"?"}.mastermind-feedback-pin.incorrect{background:#fee2e2;border-color:#ef4444;box-shadow:0 0 7px #ef444433;color:#dc2626}.mastermind-feedback-pin.incorrect:before{content:"×"}.mastermind-feedback-pin.pending{background:#ffffff6b;border-color:#94a3b8}.mastermind-legend{grid-gap:10px;background:#ffffffad;border:1px solid #5885604d;border-radius:13px;color:#3f6048;display:grid;font-size:.78rem;gap:10px;grid-column:1/-1;justify-content:start;margin-top:0;padding:14px 18px}.mastermind-legend strong{color:#214b2b}.mastermind-legend span{align-items:center;display:flex;gap:8px}.mastermind-legend .mastermind-feedback-pin{font-size:21px;height:32px;width:32px}.mastermind-controls{align-items:stretch;border-radius:20px;display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:15px 16px}.mastermind-palette-wrap{grid-gap:8px;display:grid;gap:8px;justify-items:center}.mastermind-palette-label{color:#aebbd0;font-size:.82rem}.mastermind-palette{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mastermind-color-button{grid-gap:5px;background:#0206176b;border:1px solid #94a3b833;border-radius:13px;color:#dce5f2;cursor:grab;display:grid;gap:5px;justify-items:center;min-width:62px;padding:8px 10px;transition:.16s ease}.mastermind-color-button span:last-child{font-size:.75rem}.mastermind-color-button:hover:not(:disabled){border-color:#d8b4fe;transform:translateY(-3px)}.mastermind-color-button:active:not(:disabled){cursor:grabbing;transform:scale(.96)}.mastermind-color-button:disabled{cursor:default;opacity:.38}.mastermind-actions,.mastermind-modal-actions{display:flex;gap:10px}.mastermind-actions{border-top:1px solid #94a3b829;flex-wrap:wrap;justify-content:center;padding-top:14px;width:100%}.mastermind-answer-reveal{align-items:center;background:#0206176b;border:1px solid #facc1559;border-radius:14px;color:#fde68a;display:flex;gap:16px;justify-content:center;padding:12px}.mastermind-answer-reveal>div{display:flex;gap:10px}.mastermind-button{border:1px solid #0000;border-radius:13px;color:#fff;cursor:pointer;font:inherit;font-weight:700;min-height:46px;padding:11px 18px;transition:.16s ease}.mastermind-button.primary{background:linear-gradient(135deg,#7e22ceeb,#4f46e5e6);border-color:#facc158c;box-shadow:0 8px 24px #7e22ce4d;color:#fff7c2}.mastermind-button.secondary{background:#33415594;border-color:#94a3b840;color:#dce5f2}.mastermind-button.reveal{background:linear-gradient(135deg,#dcfce7,#86efac);border-color:#86efac8c;color:#17351f;text-shadow:none}.mastermind-reveal-button{align-self:center;width:min(280px,100%)}.mastermind-mode-menu{grid-gap:28px;display:grid;gap:28px;min-height:440px;padding:clamp(26px,5vw,54px);place-content:center}.mastermind-mode-heading{grid-gap:8px;display:grid;gap:8px;justify-items:center;text-align:center}.mastermind-mode-heading h2{color:#fde68a;font-size:clamp(1.55rem,4vw,2.2rem);margin:0}.mastermind-mode-heading p{color:#b7c4d6;margin:0}.mastermind-mode-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(760px,100%)}.mastermind-mode-card{grid-gap:9px;background:linear-gradient(145deg,#fff,#dcfce7);border:1px solid #86efac61;border-radius:20px;color:#17351f;cursor:pointer;display:grid;gap:9px;justify-items:center;min-height:190px;padding:24px 18px}.mastermind-mode-card strong{font-size:1.08rem}.mastermind-mode-card small{color:#52705a;font-size:.78rem}.mastermind-mode-icon{font-size:2.7rem;line-height:1}.mastermind-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.mastermind-button:disabled{cursor:not-allowed;opacity:.4}.mastermind-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617d1;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.mastermind-modal-card{background:linear-gradient(155deg,#111827,#1e1b4b);border:1px solid #a855f773;border-radius:24px;box-shadow:0 28px 80px #0000008c;color:#f8fafc;padding:28px;text-align:center;width:min(430px,100%)}.mastermind-modal-card.won{border-color:#facc1599}.mastermind-result-icon{font-size:4rem}.mastermind-modal-card h3{color:#fde68a;font-size:1.7rem;margin:10px 0 5px}.mastermind-modal-card p{color:#cbd5e1;margin:0}.mastermind-score-result{color:#d8b4fe;font-size:1.15rem;font-weight:700;margin-top:12px}.mastermind-secret{grid-gap:10px;background:#02061761;border:1px solid #47556973;border-radius:15px;color:#94a3b8;display:grid;gap:10px;margin:20px 0;padding:15px}.mastermind-secret>div{display:flex;gap:12px;justify-content:center}.mastermind-modal-actions{flex-wrap:wrap;justify-content:center}@media (max-width:760px){.mastermind-game{border-radius:20px;padding:12px}.mastermind-header{align-items:flex-start;flex-direction:column}.mastermind-stats{justify-content:flex-start}.mastermind-board{grid-template-columns:1fr}.mastermind-palette{justify-content:center}.mastermind-actions{justify-content:stretch}.mastermind-button{flex:1 1}.mastermind-mode-options{grid-template-columns:1fr}.mastermind-mode-card{min-height:150px}}@media (max-width:430px){.mastermind-title-group p{font-size:.78rem}.mastermind-logo{font-size:24px;height:46px;width:46px}.mastermind-panel{padding:11px}.mastermind-row{height:66px;min-height:66px;padding:7px 9px}.mastermind-slot{flex-basis:42px;height:42px;max-height:42px;max-width:42px;min-height:42px;min-width:42px;width:42px}.mastermind-pin{height:34px;width:34px}.mastermind-palette{gap:5px}.mastermind-color-button{min-width:54px;padding:7px 6px}.mastermind-feedback-text{font-size:.7rem}}.mirror-game{background:radial-gradient(circle at 20% 0,#7c3aed38,#0000 34%),linear-gradient(145deg,#0d0714,#160b2b 55%,#0b1324);border-radius:24px;box-shadow:0 28px 70px #0006;color:#f8fafc;container-type:inline-size;margin:0 auto;padding:12px;width:min(1120px,100%)}.mirror-board-wrap,.mirror-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a0b2eb8;border:1px solid #8b5cf647;box-shadow:0 12px 34px #00000040,inset 0 1px 0 #ffffff0f}.mirror-header{border-radius:18px;gap:16px;justify-content:space-between;padding:11px 14px}.mirror-header,.mirror-title{align-items:center;display:flex}.mirror-title{gap:10px;min-width:0}.mirror-title>div{min-width:0}.mirror-title>span{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:13px;box-shadow:0 7px 20px #7c3aed59;display:grid;flex:0 0 auto;font-size:24px;height:44px;place-items:center;width:44px}.mirror-title h2{color:#e9d5ff;font-size:clamp(1.05rem,2.4vw,1.55rem);line-height:1.2;margin:0;white-space:nowrap}.mirror-title p{color:#b7a8d4;font-size:.82rem;margin:2px 0 0}.mirror-stats{display:flex;gap:9px}.mirror-stats span{background:#4c1d9547;border:1px solid #8b5cf659;border-radius:12px;color:#c4b5fd;font-size:.76rem;min-width:68px;padding:6px 10px;text-align:center}.mirror-stats strong{color:#fbbf24;display:block;font-size:1.05rem}.mirror-board-wrap{border-radius:20px;margin-top:8px;padding:10px;position:relative}.mirror-svg{aspect-ratio:1/1;background:#2e106540;border:1px solid #8b5cf63b;border-radius:15px;display:block;max-height:72vh;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.mirror-grid-lines line{stroke:hsla(0,0%,100%,.075);stroke-width:1}.mirror-axis{stroke:#f59e0b;stroke-width:4;stroke-dasharray:8 6;filter:drop-shadow(0 0 7px #f59e0b)}.mirror-original-edges line{stroke:#38bdf8;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(56,189,248,.72))}.mirror-player-edges line{stroke:#22c55e;stroke-width:7;stroke-linecap:round;cursor:pointer;filter:drop-shadow(0 0 7px rgba(34,197,94,.75))}.mirror-player-edges line:hover{stroke:#86efac}.mirror-solution-edges line{stroke:#ec4899;stroke-width:5;stroke-linecap:round;stroke-dasharray:8 6;animation:mirrorSolutionPulse .8s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(236,72,153,.75))}.mirror-active-edge{stroke:#fbbf24;stroke-width:5;stroke-linecap:round;stroke-dasharray:7 6;pointer-events:none}.mirror-nodes .hit{fill:#0000;cursor:pointer}.mirror-nodes .visible{pointer-events:none}.mirror-nodes .left .visible{fill:#38bdf8;filter:drop-shadow(0 0 6px #38bdf8)}.mirror-nodes .axis .visible{fill:#f59e0b;filter:drop-shadow(0 0 7px #f59e0b)}.mirror-nodes .right .visible{fill:#22c55e;filter:drop-shadow(0 0 6px #22c55e)}.mirror-nodes .selected .visible{stroke:#fef3c7;stroke-width:6;filter:drop-shadow(0 0 13px #fbbf24)}.mirror-controls{align-items:center;justify-content:space-between;margin-top:9px}.mirror-controls,.mirror-controls>div{display:flex;gap:9px}.mirror-controls button,.mirror-modal-card button{background:#4c1d9566;border:1px solid #8b5cf65c;border-radius:12px;color:#e9d5ff;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;line-height:1.15;min-height:44px;padding:9px 15px;transition:.16s ease;white-space:nowrap}.mirror-controls button.danger{background:#8813375c;border-color:#f43f5e57;color:#fecdd3}.mirror-controls button.submit,.mirror-modal-card button.primary{background:linear-gradient(135deg,#059669,#0d9488);border-color:#34d3996b;box-shadow:0 8px 22px #05966940;color:#fff}.mirror-controls button:hover:not(:disabled),.mirror-modal-card button:hover{filter:brightness(1.12);transform:translateY(-2px)}.mirror-controls button:disabled{cursor:not-allowed;opacity:.35}.mirror-modal{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#08030fd6;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1100}.mirror-modal-card{background:linear-gradient(150deg,#1a0b2e,#171337);border:1px solid #8b5cf66b;border-radius:24px;box-shadow:0 28px 80px #00000094;color:#f8fafc;padding:27px;text-align:center;width:min(480px,100%)}.mirror-modal-icon{font-size:3.8rem}.mirror-modal-card h3{color:#e9d5ff;font-size:1.55rem;margin:8px 0 13px}.mirror-modal-card p{color:#c4b5fd}.mirror-modal-card ol{grid-gap:10px;background:#2e106552;border:1px solid #8b5cf633;border-radius:15px;color:#ddd6fe;display:grid;gap:10px;margin:0 0 20px;padding:15px 15px 15px 36px;text-align:left}.mirror-modal-card.feedback.correct{border-color:#34d39980}.mirror-modal-card.feedback.wrong{border-color:#ec489980}.mirror-final-score{color:#fbbf24;font-size:4rem;font-weight:800;line-height:1;margin:8px 0 22px}.mirror-final-score small{color:#c4b5fd;display:block;font-size:.95rem;margin-top:7px}.mirror-summary-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@keyframes mirrorSolutionPulse{0%{opacity:.48}to{opacity:1}}@media (max-width:700px){.mirror-game{padding:11px}.mirror-header{align-items:flex-start;flex-direction:column}.mirror-stats{width:100%}.mirror-stats span{flex:1 1}.mirror-board-wrap{padding:8px}.mirror-controls{align-items:stretch;flex-direction:column}.mirror-controls button.submit,.mirror-controls>div{display:flex;flex:1 1;justify-content:center}}@container (max-width: 760px){.mirror-header{gap:10px}.mirror-title p{display:none}.mirror-title h2{font-size:clamp(.95rem,4cqw,1.25rem)}.mirror-stats{flex:0 0 auto;gap:5px}.mirror-stats span{min-width:58px;padding:5px 7px}.mirror-controls button{flex:1 1;font-size:.82rem;padding-inline:10px}.mirror-controls>div{flex:1 1}.mirror-controls .submit{flex:1.2 1}}@container (max-width: 520px){.mirror-header{align-items:center;flex-direction:row}.mirror-title>span{font-size:21px;height:38px;width:38px}.mirror-title h2{white-space:normal}.mirror-controls{flex-direction:row}.mirror-controls button{font-size:.72rem;min-height:42px}}@media (max-width:430px){.mirror-title p{display:none}.mirror-title>span{height:42px;width:42px}.mirror-controls button{font-size:.82rem;padding:9px 11px}}.game-board{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-light) 100%);min-height:100vh;padding:clamp(10px,1.5vw,20px)}.game-header{align-items:center;background:var(--background-light);border-radius:14px;box-shadow:0 4px 20px #0000001f;display:flex;justify-content:space-between;margin-bottom:20px;padding:clamp(12px,1.5vw,18px) clamp(14px,2vw,28px);position:relative}.header-left,.header-right{align-items:center;display:flex;min-width:140px}.header-right{justify-content:flex-end}.game-header h1{color:var(--primary-dark);font-size:clamp(28px,2.4vw,42px);font-weight:700;margin:0}.game-title-active{font-size:clamp(22px,1.8vw,34px)!important;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.sound-toggle-btn{align-items:center;background:#0000;border:2px solid var(--primary-dark);border-radius:12px;color:var(--primary-dark);cursor:pointer;display:flex;font-size:clamp(22px,1.4vw,30px);justify-content:center;margin-right:10px;min-height:44px;padding:8px 12px;transition:all .2s}.sound-toggle-btn:hover{background:var(--primary-dark);color:#fff}.back-to-menu-btn{align-items:center;background:var(--primary-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:clamp(20px,1.2vw,28px);font-weight:600;gap:10px;min-height:56px;padding:14px 24px;transition:all .3s}.back-to-menu-btn:hover{background:var(--primary-light);transform:translateY(-2px)}.back-to-menu-btn:active{transform:scale(.98)}.logout-btn{align-items:center;background:var(--primary-dark);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:clamp(20px,1.2vw,28px);font-weight:600;justify-content:center;min-height:56px;padding:14px 28px;transition:all .3s}.logout-btn:active{transform:scale(.98)}.logout-btn:hover{background:var(--primary-light)}.game-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 160px)}.game-menu{background:var(--background-light);border-radius:14px;box-shadow:0 4px 20px #0000001f;display:flex;flex-direction:column;padding:24px;text-align:center}.game-menu h2{color:#333;font-size:var(--font-size-xxl);font-weight:700;margin-bottom:28px}.game-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.game-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:3px solid #ddd;border-radius:18px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;position:relative;transition:all .3s ease}.game-card:active{transform:scale(.98)}.game-card:hover{box-shadow:0 8px 20px #0000002e;transform:translateY(-3px)}.game-card.selected{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-accent) 100%);box-shadow:0 8px 30px #00000040;color:#fff}.game-card.selected h3{color:#fff}.game-card.selected p{color:#ffffffe6}.game-card h3{color:var(--text-dark);font-size:clamp(24px,1.35vw,34px);font-weight:600;line-height:1.3;margin-bottom:14px;min-height:70px}.game-card p{color:var(--text-light);font-size:clamp(18px,.75vw,24px);line-height:1.5}.game-card .checkmark{align-items:center;background:#fff;border-radius:50%;color:var(--primary-accent);display:flex;font-size:22px;font-weight:700;height:36px;justify-content:center;position:absolute;right:10px;top:10px;width:36px}.start-btn{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-accent) 100%);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:clamp(26px,1.7vw,38px);font-weight:800;margin-top:24px;min-height:68px;padding:18px 48px;transition:all .2s}.start-btn:active{transform:scale(.98)}.start-btn:hover{transform:translateY(-2px)}.game-active{background:var(--background-light);border-radius:14px;box-shadow:0 4px 20px #0000001f;display:flex;flex-direction:column;height:100%;padding:24px;width:100%}.game-info{margin-bottom:20px;text-align:center}.game-info h3{color:var(--text-dark);font-size:clamp(22px,1.25vw,32px);font-weight:600;margin-bottom:14px}.score-display{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-accent) 100%);border-radius:12px;color:#fff;padding:20px;text-align:center}.score-display h2{font-size:clamp(44px,4vw,72px);font-weight:800;margin:0}.game-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;margin:20px 0;min-height:350px;width:100%}.score-btn{background:var(--primary-accent);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:clamp(22px,1.3vw,32px);font-weight:700;min-height:64px;padding:18px 36px;transition:all .3s}.score-btn:active{transform:scale(.98)}.score-btn:hover{background:var(--primary-light)}.end-btn{background:var(--primary-dark);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:clamp(22px,1.3vw,32px);font-weight:700;min-height:64px;padding:18px 36px;transition:all .3s}.end-btn:active{transform:scale(.98)}.end-btn:hover{background:var(--primary-light)}.scores-history{background:var(--background-light);border-radius:14px;box-shadow:0 4px 20px #0000001f;overflow-y:auto;padding:24px}.scores-history h3{color:var(--text-dark);font-size:clamp(20px,1vw,28px);margin-bottom:20px}.scores-history table{border-collapse:collapse;font-size:clamp(15px,.55vw,20px);width:100%}.scores-history thead{background:var(--card-icon-bg)}.scores-history th{border-bottom:3px solid var(--primary-dark);color:var(--text-dark);font-size:clamp(15px,.55vw,20px);font-weight:700;padding:14px 12px;text-align:left}.scores-history td{border-bottom:1px solid #eee;color:var(--text-light);font-size:clamp(14px,.5vw,19px);padding:14px 12px}@media (max-width:1024px){.game-container{gap:16px;grid-template-columns:1fr;min-height:auto}.game-menu{min-height:auto}}@media (max-width:768px){.game-board{padding:10px}.game-header{margin-bottom:14px;padding:12px 16px}.game-header h1{font-size:clamp(24px,4.4vw,32px)}.game-container{grid-template-columns:1fr;min-height:auto}.game-menu{padding:20px}.game-menu h2{font-size:clamp(24px,4.5vw,34px);margin-bottom:20px}.game-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.game-card{border-radius:14px;min-height:160px;padding:16px}.game-card h3{font-size:clamp(20px,3.6vw,28px);margin-bottom:10px;min-height:50px}.game-card p{font-size:clamp(17px,2.8vw,22px)}.start-btn{font-size:clamp(20px,3.5vw,28px);padding:14px 20px}.game-active,.scores-history{padding:20px}.scores-history table{font-size:15px}.scores-history td,.scores-history th{font-size:14px;padding:10px 8px}}@media (max-width:480px){.game-board{padding:8px}.game-header{gap:8px;margin-bottom:12px;padding:10px 12px}.game-header h1{font-size:clamp(20px,5.2vw,26px)}.logout-btn{font-size:clamp(17px,4vw,21px);padding:10px 16px}.game-menu h2{font-size:clamp(22px,5vw,28px);margin-bottom:16px}.game-grid{gap:10px;grid-template-columns:1fr;margin-bottom:14px}.game-card{min-height:140px;padding:14px}.game-card h3{font-size:clamp(19px,4.8vw,25px);margin-bottom:8px;min-height:44px}.game-card p{display:none;font-size:16px}.game-card .checkmark{font-size:18px;height:32px;width:32px}.start-btn{font-size:clamp(19px,4.8vw,24px);padding:12px 16px}.game-active{padding:16px}.game-info h3{font-size:clamp(18px,4.2vw,24px)}.score-display h2{font-size:clamp(36px,9vw,48px)}.game-content{gap:14px;margin:14px 0;min-height:280px}.end-btn,.score-btn{font-size:clamp(18px,4.2vw,23px);padding:12px 20px}.scores-history{padding:16px}.scores-history h3{font-size:clamp(18px,4vw,22px)}.scores-history table{font-size:13px}.scores-history td,.scores-history th{font-size:12px;padding:8px 6px}}.App{background:var(--background-light);font-size:var(--font-size-lg);min-height:100vh;overflow-x:clip;width:100%}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(19px,.85vw + 15px,24px)}:root{--primary-dark:#0f2a1d;--primary-light:#375534;--primary-accent:#6b9071;--background-light:#f7f9f7;--text-dark:#0f2a1d;--text-light:#666;--card-icon-bg:#e3eed4;--card-icon-color:#375534;--font-size-sm:clamp(0.95rem,0.25vw + 0.88rem,1.08rem);--font-size-md:clamp(1rem,0.35vw + 0.9rem,1.15rem);--font-size-lg:clamp(1.12rem,0.55vw + 0.95rem,1.35rem);--font-size-xl:clamp(1.35rem,1vw + 1rem,1.85rem);--font-size-xxl:clamp(1.75rem,1.8vw + 1rem,2.7rem);--font-size-display:clamp(2.2rem,3.2vw + 1rem,4rem);--btn-min-height:clamp(58px,3.2vw,72px);--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--border-radius:12px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f9f7;background:var(--background-light);color:#0f2a1d;color:var(--text-dark);font-family:Kanit,Arial,sans-serif;line-height:1.7;overflow-x:hidden}#root,body{min-height:100vh}a,button,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent;min-height:clamp(58px,3.2vw,72px);min-height:var(--btn-min-height);touch-action:manipulation}button:not(.no-3d):not([class*=Mui]):not([class*=Toastify]){box-shadow:0 4px 12px #0003,inset 0 1px 0 #ffffff1a;overflow:hidden;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .2s cubic-bezier(.4,0,.2,1)!important}button:not(.no-3d):not([class*=Mui]):not([class*=Toastify]):before{background:linear-gradient(180deg,#ffffff1a,#0000);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}button:not(.no-3d):not([class*=Mui]):not([class*=Toastify]):hover{box-shadow:0 8px 24px #00000040,inset 0 1px 0 #ffffff1a;transform:translateY(-3px)}button:not(.no-3d):not([class*=Mui]):not([class*=Toastify]):active{box-shadow:0 2px 6px #0003,inset 0 1px 0 #ffffff0d;transform:translateY(1px)}button:not(.no-3d):not([class*=Mui]):not([class*=Toastify]):disabled{box-shadow:none!important;opacity:.5;transform:none!important}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{border:2px solid #ccc;border-radius:12px;border-radius:var(--border-radius);font-size:max(18px,clamp(1rem,.35vw + .9rem,1.15rem));font-size:max(18px,var(--font-size-md));padding:12px 16px}input:focus,select:focus,textarea:focus{border-color:#6b9071;border-color:var(--primary-accent);outline:3px solid #6b90714d;outline-offset:2px}img{height:auto;max-width:100%}@media (max-width:768px){html{font-size:clamp(18px,2.2vw + 10px,21px)}}@media (max-width:480px){html{font-size:clamp(17px,4.2vw,20px)}}