:root{--bg-color:#f8f9fa;--text-color:#212529;--border-color:#dee2e6;--cell-bg:#ffffff;--cell-border:#adb5bd;--cell-text-color:#495057;--primary-color:#007bff;--primary-text-color:#ffffff;--progress-bar-bg:#e9ecef;--progress-bar-fill:#28a745;--modal-bg:rgba(0, 0, 0, .5);--modal-content-bg:#ffffff;--modal-border:#cccccc;--record-text-color:#dc3545;--highlight-color:#ffc107;--new-connected-bg:rgba(0, 123, 255, .2);--cell-size:60px;--grid-gap:5px}[data-theme=dark]{--bg-color:#212529;--text-color:#f8f9fa;--border-color:#495057;--cell-bg:#343a40;--cell-border:#6c757d;--cell-text-color:#ced4da;--primary-color:#0d6efd;--progress-bar-bg:#495057;--progress-bar-fill:#198754;--modal-content-bg:#343a40;--modal-border:#6c757d;--highlight-color:#ffca2c;--new-connected-bg:rgba(13, 110, 253, .3)}.container{text-align:center;background-color:var(--bg-color);padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:background-color .3s}h1{margin-bottom:20px;color:var(--primary-color)}.top-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;background-color:#00000008;border-radius:5px}.records-display{display:flex;gap:15px;font-size:.9em;color:var(--text-color)}.game-controls{display:flex;justify-content:center;gap:20px;margin-bottom:20px;align-items:center}.control-item{display:flex;align-items:center;gap:5px}.game-info{display:flex;justify-content:space-around;margin-bottom:20px;font-size:1.1em}.clicks-info{text-align:left}.clicks-progress{width:100px;height:10px;background-color:var(--progress-bar-bg);border-radius:5px;overflow:hidden;margin-top:5px}#clicks-progress-bar{height:100%;width:100%;background-color:var(--progress-bar-fill);border-radius:5px;transition:width .3s ease-in-out,background-color .3s}.score-display{font-weight:700}#game-board{display:grid;grid-template-columns:repeat(5,var(--cell-size));grid-template-rows:repeat(5,var(--cell-size));gap:var(--grid-gap);margin:20px auto;padding:var(--grid-gap);background-color:var(--border-color);border-radius:5px;position:relative;width:calc(5*var(--cell-size) + 6*var(--grid-gap));height:calc(5*var(--cell-size) + 6*var(--grid-gap))}.cell{background-color:var(--cell-bg);border:1px solid var(--cell-border);border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;color:var(--cell-text-color);cursor:pointer;transition:background-color .1s,transform .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cell:hover{filter:brightness(95%)}.cell.empty{background-color:transparent;border:1px dashed var(--cell-border);cursor:default;opacity:.5}.cell.highlight{background-color:var(--highlight-color);transform:scale(1.05);box-shadow:0 0 10px var(--highlight-color)}.cell[data-value="1"]{background-color:#e9ecef;color:#495057}.cell[data-value="2"]{background-color:#cce5ff;color:#004085}.cell[data-value="3"]{background-color:#d4edda;color:#155724}.cell[data-value="4"]{background-color:#fff3cd;color:#856404}.cell[data-value="5"]{background-color:#f8d7da;color:#721c24}.cell[data-value="6"]{background-color:#d1ecf1;color:#0c5460}.cell[data-value="7"]{background-color:#c3e6cb;color:#155724}.cell[data-value="8"]{background-color:#ffeeba;color:#856404}.cell[data-value="9"]{background-color:#f5c6cb;color:#721c24}[data-theme=dark] .cell[data-value="1"]{background-color:#6c757d;color:#f8f9fa}[data-theme=dark] .cell[data-value="2"]{background-color:#3b5a98;color:#cce5ff}[data-theme=dark] .cell[data-value="3"]{background-color:#3d8b4e;color:#d4edda}[data-theme=dark] .cell[data-value="4"]{background-color:#9e801b;color:#fff3cd}[data-theme=dark] .cell[data-value="5"]{background-color:#8e3542;color:#f8d7da}[data-theme=dark] .cell[data-value="6"]{background-color:#2d7583;color:#d1ecf1}[data-theme=dark] .cell[data-value="7"]{background-color:#3d8b4e;color:#c3e6cb}[data-theme=dark] .cell[data-value="8"]{background-color:#9e801b;color:#ffeeba}[data-theme=dark] .cell[data-value="9"]{background-color:#8e3542;color:#f5c6cb}.cell-clone{position:absolute;z-index:100;pointer-events:none;transition:top 25ms linear,left 25ms linear,transform .08s ease-out,opacity .08s ease-out}.cell-clone.vanish{transform:scale(.1);opacity:0}.cell.new-cell-fadein{animation:fadeIn .3s ease-in}.cell.new-connected{background-color:var(--new-connected-bg);box-shadow:0 0 8px var(--primary-color);transition:background-color .2s,box-shadow .2s}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-popup{position:absolute;background-color:#28a745cc;color:#fff;padding:5px 10px;border-radius:15px;font-size:1.2em;font-weight:700;pointer-events:none;z-index:101;transition:transform 1s ease-out,opacity 1s ease-out;opacity:0;transform:translateY(0)}.score-popup.fade-up{opacity:1;transform:translateY(-50px)}.record-popup{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background-color:var(--record-text-color);color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 8px #0003;z-index:102;transition:transform .5s ease-out,opacity .5s ease-out;opacity:0}.record-popup.show{opacity:1;transform:translate(-50%) translateY(0)}button,select{padding:10px 15px;font-size:1em;border:1px solid var(--border-color);background-color:var(--cell-bg);color:var(--text-color);border-radius:4px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}button:hover,select:hover{filter:brightness(95%)}#restart-btn{margin-top:20px;background-color:var(--primary-color);color:var(--primary-text-color);border-color:var(--primary-color);font-weight:700}#restart-btn:hover{background-color:#0056b3;border-color:#0056b3}.game-modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--modal-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.game-modal.show{opacity:1;pointer-events:auto}.game-modal .modal-content{background-color:var(--modal-content-bg);padding:30px;border-radius:8px;border:1px solid var(--modal-border);text-align:center;box-shadow:0 5px 15px #0003;max-width:400px;width:90%;transform:scale(.9);transition:transform .3s ease-in-out;margin:auto;position:relative;top:0;left:0}.game-modal.show .modal-content{transform:scale(1)}.game-modal h2{margin-top:0;color:var(--primary-color)}.modal-message,.game-results{margin-bottom:20px;line-height:1.6;color:#fff}.highlight-text{font-weight:700;color:var(--primary-color)}.record-text{font-weight:700;color:var(--record-text-color)}.congrats{font-weight:700;color:#28a745;margin-bottom:15px}.modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.modal-btn{padding:10px 20px;font-size:1em;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;min-width:80px}.modal-btn.primary-btn{background-color:var(--primary-color);color:var(--primary-text-color);border-color:var(--primary-color)}.modal-btn:hover{filter:brightness(90%)}.theme-switch{display:inline-flex;align-items:center}