:root{--bg-base:#080f0f;--bg-surface:#0d1a1a;--bg-elevated:#152525;--bg-subtle:#1e3535;--border:#4ec9b71f;--border-strong:#4ec9b74d;--text-primary:#f0f0f0;--text-secondary:#8a9e9e;--text-muted:#4a6868;--accent:#ff6b6b;--accent-hover:#ff4f4f;--accent-muted:#ff6b6b24;--reward:#ffe66d;--reward-muted:#ffe66d24;--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);border-radius:var(--radius-md);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;border:none;font-weight:600}.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{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);background:0 0}.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{letter-spacing:-.01em;color:var(--text-primary);font-size:1.05rem;font-weight:700}.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);letter-spacing:.02em;padding:var(--space-3) var(--space-4);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:none;border-bottom:2px solid #0000;border-radius:0;font-size:.875rem;font-weight:600}.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:0 0}.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{align-items:center;gap:var(--space-1);background:var(--reward-muted);color:var(--reward);border-radius:var(--radius-pill);font-family:var(--font-ui);padding:2px var(--space-3);letter-spacing:.02em;border:1px solid #ffe66d40;font-size:.78rem;font-weight:700;display:inline-flex}.display-heading{font-family:var(--font-ui);letter-spacing:-.025em;color:var(--text-primary);font-weight:800;line-height:1.1}.label-text{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:600}.mainLogo{font-family:var(--font-display);color:#fff;font-size:42px}.atma{font-family:var(--font-display)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{margin:0;padding:0;overflow:hidden}#game-root{display:none}.borderWhite{border-color:#fff}.tableTransparent{--bs-table-bg:transparent!important}.debug-panel{border:1px solid #fff;width:700px;height:300px}.debug-tools{padding-left:10px}.debug{display:flex;width:1000px!important}.game-panel{border:1px solid #fff}#gameContainer{border:0 solid #fff}.gameNav{background-color:var(--primary-color);border-bottom:1px solid #ccc}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.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{text-align:center;color:#fff;padding:20px}.game-header{margin-bottom:20px}.game-header h2{color:#fff;margin:0 0 15px;font-size:2.5rem}.game-stats{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat .label{opacity:.8;font-size:.9rem}.stat span:last-child{color:gold;font-size:1.5rem;font-weight:700}.sequence-display{justify-content:center;align-items:center;min-height:60px;margin:20px 0;display:flex}.message{border-radius:8px;padding:10px 20px;font-size:1.3rem;font-weight:700}.message.info{color:#87ceeb;background-color:#007bff4d}.message.success{color:#90ee90;background-color:#28a7454d}.message.error{color:#ffb6c1;background-color:#dc35454d}.action-grid{grid-template-columns:1fr 1fr;gap:30px;max-width:800px;margin:20px auto;display:grid}.action-section h3,.color-section h3{color:#fff;margin:0 0 15px;font-size:1.5rem}.action-buttons,.color-buttons{gap:10px;display:grid}.action-buttons{grid-template-columns:repeat(2,1fr)}.color-buttons{grid-template-columns:repeat(3,1fr)}.action-btn,.color-btn{color:#fff;cursor:pointer;background-color:#ffffff1a;border:2px solid #ccc;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:15px;font-size:1rem;transition:all .3s;display:flex}.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{transform:scale(1.1);color:#000!important;background-color:#fffc!important}.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{color:#000!important;background-color:#ff09!important}.purple-btn{background-color:#80008099!important}.orange-btn{background-color:#ffa50099!important}.sequence-progress{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0;display:flex}.sequence-step{background-color:#ffffff1a;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.sequence-step.completed{background-color:#28a7454d;border-color:#28a745}.sequence-step.current{background-color:#ffd7004d;border-color:gold;animation:1s infinite pulse}.sequence-step.red{background-color:#f009}.sequence-step.blue{background-color:#00f9}.sequence-step.green{background-color:#00800099}.sequence-step.yellow{color:#000;background-color:#ff09}.sequence-step.purple{background-color:#80008099}.sequence-step.orange{background-color:#ffa50099}.final-results{text-align:center;padding:20px}.final-results h2{color:gold;margin-bottom:20px;font-size:2.5rem}.rankings{max-width:400px;margin:0 auto}.ranking-item{color:#fff;background-color:#ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;margin:10px 0;padding:15px;display:flex}.ranking-item.my-result{background-color:#ffd7004d;border:2px solid gold}.ranking-item .place{min-width:30px;font-size:1.2rem;font-weight:700}.ranking-item .name{text-align:center;flex:1}.ranking-item .score{color:gold;font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (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:none;width:72px}.player-name{white-space:nowrap;text-overflow:ellipsis;color:#f0f0f0;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.scoreboard-bar{background-color:#080f0f;border-bottom:1px solid #4ec9b71f}.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}