:root{--bg-body:#121212;--bg-panel:#1e1e1e;--tile-default:#2d2d2d;--tile-active:#0d6efd;--tile-success:#198754;--tile-error:#dc3545;--accent:#0d6efd}body{background-color:var(--bg-body);color:#e0e0e0;font-family:'Segoe UI',system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;user-select:none}.app-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.game-wrapper{background:var(--bg-panel);border:1px solid #333;border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.stats-bar{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;font-size:1.1rem;font-weight:600;color:#aaa}.stat-value{color:#fff;font-family:monospace}.memory-grid{display:grid;gap:10px;margin:20px 0}.tile{background-color:var(--tile-default);border-radius:8px;cursor:pointer;transition:transform .1s,background-color .2s,box-shadow .2s;aspect-ratio:1;width:70px}.tile:hover{background-color:#3a3a3a}.tile:active{transform:scale(.95)}.tile.highlight{background-color:var(--tile-active)!important;box-shadow:0 0 15px rgba(13,110,253,.6);transform:scale(1.05)}.tile.success{background-color:var(--tile-success)!important;box-shadow:0 0 15px rgba(25,135,84,.6)}.tile.error{background-color:var(--tile-error)!important;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.tile.missed{background-color:var(--tile-active);opacity:.5}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(30,30,30,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:40px;text-align:center;transition:opacity .3s}.overlay.hidden{opacity:0;pointer-events:none}.mode-card{border:1px solid #444;background:#252525;padding:15px;border-radius:10px;width:100%;margin-bottom:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:15px;text-align:left}.mode-card:hover{border-color:var(--accent);background:#2a2a2a;transform:translateX(5px)}.mode-icon{font-size:1.5rem;color:var(--accent)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.range-wrap{width:100%;margin:20px 0}