From ff9c8ba5351948c1faea0dda487668b2f970115f Mon Sep 17 00:00:00 2001
From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com>
Date: Mon, 22 Jun 2026 11:34:13 +0900
Subject: [PATCH 1/4] fix height

Co-authored-by: hjpalpha <75081997+hjpalpha@users.noreply.github.com>
---
 stylesheets/commons/Brackets.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/stylesheets/commons/Brackets.scss b/stylesheets/commons/Brackets.scss
index 029db9ebb1c..b6ccc362bd8 100644
--- a/stylesheets/commons/Brackets.scss
+++ b/stylesheets/commons/Brackets.scss
@@ -543,6 +543,14 @@
 		justify-content: flex-start;
 		flex-wrap: unset;
 		gap: 0.5rem;
+
+		.toggle-area & {
+			max-height: 55vh; // 10vh for the switcher (compared to height in .brkts-popup)
+
+			@media ( max-width: 768px ) {
+				max-height: calc( 100dvh - ( 2.75rem + 4.1875rem + 4rem ) ); // 4 rem for the switcher (compared to .brkts-popup.brkts-match-info-popup)
+			}
+		}
 	}
 
 	.theme--light & {

From 622403f14b531e3d9ba5a5d774102a1fd5af1f3f Mon Sep 17 00:00:00 2001
From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com>
Date: Mon, 22 Jun 2026 11:42:29 +0900
Subject: [PATCH 2/4] remove gap between breakpoints

---
 stylesheets/commons/Brackets.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stylesheets/commons/Brackets.scss b/stylesheets/commons/Brackets.scss
index b6ccc362bd8..4acf7a81fa8 100644
--- a/stylesheets/commons/Brackets.scss
+++ b/stylesheets/commons/Brackets.scss
@@ -562,7 +562,7 @@
 		border-color: var( --clr-on-surface-dark-primary-8 );
 	}
 
-	@media ( min-width: 769px ) {
+	@media ( width > 768px ) {
 		max-height: 65vh;
 	}
 

From 9af39622a4b14f34b020404bc882bdd78113a14d Mon Sep 17 00:00:00 2001
From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com>
Date: Mon, 22 Jun 2026 11:52:48 +0900
Subject: [PATCH 3/4] adjust color scheme

---
 stylesheets/commons/Brackets.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/stylesheets/commons/Brackets.scss b/stylesheets/commons/Brackets.scss
index 4acf7a81fa8..b36339d1350 100644
--- a/stylesheets/commons/Brackets.scss
+++ b/stylesheets/commons/Brackets.scss
@@ -544,6 +544,10 @@
 		flex-wrap: unset;
 		gap: 0.5rem;
 
+		.theme--dark & {
+			color-scheme: dark;
+		}
+
 		.toggle-area & {
 			max-height: 55vh; // 10vh for the switcher (compared to height in .brkts-popup)
 

From 3ad3156651fb049dce562ad67d5508c50ff0dd04 Mon Sep 17 00:00:00 2001
From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com>
Date: Mon, 22 Jun 2026 12:06:24 +0900
Subject: [PATCH 4/4] refactor

---
 stylesheets/commons/Brackets.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/stylesheets/commons/Brackets.scss b/stylesheets/commons/Brackets.scss
index b36339d1350..3405405ed3c 100644
--- a/stylesheets/commons/Brackets.scss
+++ b/stylesheets/commons/Brackets.scss
@@ -549,10 +549,14 @@
 		}
 
 		.toggle-area & {
-			max-height: 55vh; // 10vh for the switcher (compared to height in .brkts-popup)
+			max-height: calc( 100dvh - ( 2.75rem + 4.1875rem + 3.5rem ) ); // 3.5rem for the switcher (compared to .brkts-popup.brkts-match-info-popup)
+		}
 
-			@media ( max-width: 768px ) {
-				max-height: calc( 100dvh - ( 2.75rem + 4.1875rem + 4rem ) ); // 4 rem for the switcher (compared to .brkts-popup.brkts-match-info-popup)
+		@media ( width > 768px ) {
+			max-height: 65vh;
+
+			.toggle-area & {
+				max-height: calc( 65vh - 3.5rem ); // 3.5rem for the switcher
 			}
 		}
 	}
@@ -566,10 +570,6 @@
 		border-color: var( --clr-on-surface-dark-primary-8 );
 	}
 
-	@media ( width > 768px ) {
-		max-height: 65vh;
-	}
-
 	.timer-object-date {
 		display: block;
 	}