:root{--bg-base: #080f0f;--bg-surface: #0d1a1a;--bg-elevated: #152525;--bg-subtle: #1e3535;--border: rgba(78, 201, 183, .12);--border-strong: rgba(78, 201, 183, .3);--text-primary: #f0f0f0;--text-secondary: #8a9e9e;--text-muted: #4a6868;--accent: #ff6b6b;--accent-hover: #ff4f4f;--accent-muted: rgba(255, 107, 107, .14);--reward: #ffe66d;--reward-muted: rgba(255, 230, 109, .14);--font-display: "Figtree", sans-serif;--font-ui: "Figtree", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .35s;--primary-color: var(--bg-base);--secondary-color: #627c85;--accent-color: var(--accent);--second-accent-color: #4ec9b7;--trim-color: var(--reward);--logo-font: var(--font-ui)}body{font-family:var(--font-ui);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{font-family:var(--font-ui);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn-primary{--bs-btn-bg: var(--accent);--bs-btn-border-color: var(--accent);--bs-btn-color: #fff;--bs-btn-hover-bg: var(--accent-hover);--bs-btn-hover-border-color: var(--accent-hover);--bs-btn-hover-color: #fff;--bs-btn-active-bg: var(--accent-hover);--bs-btn-active-border-color: var(--accent-hover);--bs-btn-focus-shadow-rgb: 255, 107, 107;background-color:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 12px #ff6b6b40}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 18px #ff6b6b61}.btn-outline-secondary,.btn-ghost{background:transparent;border:1.5px solid var(--border-strong);color:var(--text-primary);--bs-btn-color: var(--text-primary);--bs-btn-hover-color: var(--text-primary);--bs-btn-hover-bg: var(--bg-elevated);--bs-btn-hover-border-color: var(--border-strong)}.btn-outline-secondary:hover,.btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.btn-outline-danger{--bs-btn-color: var(--accent);--bs-btn-border-color: var(--accent);--bs-btn-hover-bg: var(--accent-muted);--bs-btn-hover-color: var(--accent);--bs-btn-hover-border-color: var(--accent)}.btn-light{background-color:var(--bg-elevated);border-color:var(--border);color:var(--text-primary);--bs-btn-color: var(--text-primary);--bs-btn-bg: var(--bg-elevated);--bs-btn-hover-bg: var(--bg-subtle);--bs-btn-hover-color: var(--text-primary);--bs-btn-border-color: var(--border)}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);--bs-card-bg: var(--bg-surface);--bs-card-border-color: var(--border);--bs-card-color: var(--text-primary)}.card-title{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--text-primary)}.card-body{padding:var(--space-5)}.form-control{background-color:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{background-color:var(--bg-elevated);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);color:var(--text-primary);outline:none}.nav-tabs{border-bottom:1px solid var(--border);gap:var(--space-1);--bs-nav-tabs-border-color: var(--border);--bs-nav-tabs-link-active-bg: transparent;--bs-nav-tabs-link-active-border-color: transparent transparent var(--accent)}.nav-tabs .nav-link{color:var(--text-secondary);font-weight:600;font-size:.875rem;letter-spacing:.02em;border:none;border-bottom:2px solid transparent;border-radius:0;padding:var(--space-3) var(--space-4);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.nav-tabs .nav-link:hover{color:var(--text-primary);border-bottom-color:var(--border-strong)}.nav-tabs .nav-link.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.table-dark-app{--bs-table-color: var(--text-primary);--bs-table-bg: var(--bg-surface);--bs-table-border-color: var(--border);--bs-table-striped-bg: var(--bg-elevated);--bs-table-striped-color: var(--text-primary);--bs-table-hover-bg: var(--bg-subtle);--bs-table-hover-color: var(--text-primary);--bs-table-active-bg: var(--bg-subtle);--bs-table-active-color: var(--text-primary);color:var(--text-primary);border-color:var(--border)}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary)}.modal-header,.modal-footer{border-color:var(--border)}.badge-score{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--reward-muted);color:var(--reward);border:1px solid rgba(255,230,109,.25);border-radius:var(--radius-pill);font-family:var(--font-ui);font-weight:700;font-size:.78rem;padding:2px var(--space-3);letter-spacing:.02em}.gameNav{background-color:var(--bg-base);border-bottom:1px solid var(--border)}.display-heading{font-family:var(--font-ui);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--text-primary)}.label-text{font-family:var(--font-ui);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.mainLogo{font-family:var(--font-display);font-size:42px;color:#fff}.atma{font-family:var(--font-display)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{padding:0;margin:0;overflow:hidden}#game-root{display:none}.borderWhite{border-color:#fff}.tableTransparent{--bs-table-bg: transparent !important}.debug-panel{height:300px;width:700px;border-color:#fff;border-width:1px;border-style:solid}.debug-tools{padding-left:10px}.debug{display:flex;width:1000px!important}.game-panel{border-color:#fff;border-width:1px;border-style:solid}#gameContainer{border-color:#fff;border-width:0px;border-style:solid}.gameNav{background-color:var(--primary-color);border-bottom-color:#ccc;border-bottom-width:1px;border-bottom-style:solid}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-standings{background-color:var(--primary-color)}.modal-content{background-color:var(--primary-color);color:#fff}.table-dark-app{--bs-table-color: #fff;--bs-table-bg: var(--primary-color);--bs-table-border-color: #4d5154;--bs-table-striped-bg: #2c3034;--bs-table-striped-color: #fff;--bs-table-active-bg: #373b3e;--bs-table-active-color: #fff;--bs-table-hover-bg: #323539;--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.appContainer{max-width:1024px}.figtree{font-family:Figtree,serif}.memory-mash-game{padding:20px;text-align:center;color:#fff}.game-header{margin-bottom:20px}.game-header h2{margin:0 0 15px;color:#fff;font-size:2.5rem}.game-stats{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center}.stat .label{font-size:.9rem;opacity:.8}.stat span:last-child{font-size:1.5rem;font-weight:700;color:gold}.sequence-display{margin:20px 0;min-height:60px;display:flex;align-items:center;justify-content:center}.message{font-size:1.3rem;font-weight:700;padding:10px 20px;border-radius:8px}.message.info{background-color:#007bff4d;color:#87ceeb}.message.success{background-color:#28a7454d;color:#90ee90}.message.error{background-color:#dc35454d;color:#ffb6c1}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:800px;margin:20px auto}.action-section h3,.color-section h3{margin:0 0 15px;color:#fff;font-size:1.5rem}.action-buttons,.color-buttons{display:grid;gap:10px}.action-buttons{grid-template-columns:repeat(2,1fr)}.color-buttons{grid-template-columns:repeat(3,1fr)}.action-btn,.color-btn{padding:15px;border:2px solid #ccc;border-radius:8px;background-color:#ffffff1a;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:5px}.action-btn:disabled,.color-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.enabled:hover,.color-btn.enabled:hover{background-color:#fff3;transform:translateY(-2px)}.action-btn.selected,.color-btn.selected{background-color:#ffd7004d;border-color:gold}.action-btn.highlighted,.color-btn.highlighted{background-color:#fffc!important;color:#000!important;transform:scale(1.1)}.action-btn .icon{font-size:1.5rem}.action-btn .text{font-size:.8rem;font-weight:700}.red-btn{background-color:#f009!important}.blue-btn{background-color:#00f9!important}.green-btn{background-color:#00800099!important}.yellow-btn{background-color:#ff09!important;color:#000!important}.purple-btn{background-color:#80008099!important}.orange-btn{background-color:#ffa50099!important}.sequence-progress{display:flex;justify-content:center;gap:10px;margin:20px 0;flex-wrap:wrap}.sequence-step{width:40px;height:40px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background-color:#ffffff1a}.sequence-step.completed{border-color:#28a745;background-color:#28a7454d}.sequence-step.current{border-color:gold;background-color:#ffd7004d;animation:pulse 1s infinite}.sequence-step.red{background-color:#f009}.sequence-step.blue{background-color:#00f9}.sequence-step.green{background-color:#00800099}.sequence-step.yellow{background-color:#ff09;color:#000}.sequence-step.purple{background-color:#80008099}.sequence-step.orange{background-color:#ffa50099}.final-results{text-align:center;padding:20px}.final-results h2{margin-bottom:20px;color:gold;font-size:2.5rem}.rankings{max-width:400px;margin:0 auto}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:15px;margin:10px 0;background-color:#ffffff1a;border-radius:8px;color:#fff}.ranking-item.my-result{background-color:#ffd7004d;border:2px solid #FFD700}.ranking-item .place{font-weight:700;font-size:1.2rem;min-width:30px}.ranking-item .name{flex:1;text-align:center}.ranking-item .score{font-weight:700;color:gold}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:768px){.action-grid{grid-template-columns:1fr;gap:20px}.action-buttons{grid-template-columns:repeat(3,1fr)}.game-stats{gap:15px}.action-btn,.color-btn{padding:12px;font-size:.9rem}}.player-card{flex:0 0 auto;width:72px}.player-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;color:#f0f0f0}.scoreboard-bar{background-color:#080f0f;border-bottom:1px solid rgba(78,201,183,.12)}.scoreboard-list{-webkit-overflow-scrolling:touch;padding-right:calc(36px + env(safe-area-inset-right));scrollbar-width:none;-ms-overflow-style:none}.scoreboard-list::-webkit-scrollbar{display:none}.scoreboard-icon-slot{width:36px;right:env(safe-area-inset-right);pointer-events:none}.scoreboard-icon{pointer-events:auto}