From 136ea4156f7fbfa80d945f9d2df1da822ef6fbcc Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Mon, 16 Feb 2026 00:07:32 +0100
Subject: [PATCH] fix hold glich; prefered theme pop

---
 css/electro.css  | 1 +
 index.html       | 6 +++---
 js/game_logic.js | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/css/electro.css b/css/electro.css
index a4882f6..70da9e0 100644
--- a/css/electro.css
+++ b/css/electro.css
@@ -78,6 +78,7 @@ tr.matrix td:not(.mino) {
 
 .disabled.mino {
     opacity: 60%;
+    position: relative;
 }
 
 .disabled.mino:before {
diff --git a/index.html b/index.html
index 320ffc4..be49430 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
     <link rel="stylesheet" href="css/common.css">
-    <link rel="stylesheet" href="css/classic.css" title="Thème sélectionné" id="selectedStyleSheet">
+    <link rel="stylesheet" href="css/pop.css" title="Thème sélectionné" id="selectedStyleSheet">
     <link rel="alternate stylesheet" href="css/classic.css"   title="Classique">
     <link rel="alternate stylesheet" href="css/pop.css"   title="Pop">
     <link rel="alternate stylesheet" href="css/minimal.css"   title="Minimal">
@@ -70,8 +70,8 @@
               <fieldset class="row g-2 mb-3 align-items-center text-center"><legend class="text-start">Interface</legend>
                 <label for="stylesheetSelect" class="col-2 col-form-label">Thème</label>
                 <div class="col-4"><select name="stylesheet" id="stylesheetSelect" class="form-select" oninput="selectedStyleSheet.href = this.value">
-                  <option value="css/classic.css" selected>Classique</option>
-                  <option value="css/pop.css">Pop</option>
+                  <option value="css/classic.css">Classique</option>
+                  <option value="css/pop.css" selected>Pop</option>
                   <option value="css/minimal.css">Minimal</option>
                   <option value="css/synthwave.css">Synthwave</option>
                   <option value="css/electro.css">Électro</option>
diff --git a/js/game_logic.js b/js/game_logic.js
index 4b5252d..682318d 100644
--- a/js/game_logic.js
+++ b/js/game_logic.js
@@ -251,8 +251,8 @@ class Matrix extends MinoesTable {
         if (piece.locked) className += " locking"
         if (piece==this.piece && actionsQueue.length) className += " moving"
         super.drawPiece(piece, className)
-        matrix.table.style.setProperty('--piece-column', this.piece.center.x)
-        matrix.table.style.setProperty('--piece-row',    this.piece.center.y)
+        this.table.style.setProperty('--piece-column', this.piece.center.x)
+        this.table.style.setProperty('--piece-row',    this.piece.center.y)
     }
 
     clearPiece(piece=this.piece, className="") {