fix: study-mode checkbox wasn't visible or bound (wrong RmlUi flow)rewrite

The checkbox used data-value (binds the element's 'value' string attribute)
instead of data-checked (binds the 'checked' bool state) -- per RmlUi docs,
checkboxes must use data-checked with a bool. So it neither reflected nor
toggled study_mode, and with no explicit styling it rendered invisibly.

Fix: wrap the input in a <form> (canonical RmlUi form-control flow), switch
data-value -> data-checked, and give #cb-study an explicit visible style
(border + background, green fill when :checked). Verified the document loads
with no RmlUi parse errors.

Note: RmlUi's border shorthand is 'width color' (no 'solid' keyword).

1 files changed, 13 insertions, 0 deletions

diff --git a/game/study_player/ui/main.rcss b/game/study_player/ui/main.rcss
index 78b83bf..4c28aa6 100644
--- a/game/study_player/ui/main.rcss
+++ b/game/study_player/ui/main.rcss
@@ -271,6 +271,11 @@ body {
     color: #8c8ca0;
 }
 
+#study-form {
+    display: block;
+    height: 0;
+}
+
 #study-mode-box {
     position: absolute;
     top: 684px;
@@ -284,6 +289,14 @@ body {
     width: 22px;
     height: 22px;
     vertical-align: middle;
+    decorator: none;
+    border: 2px #8c8ca0;
+    background-color: #181825;
+}
+
+#cb-study:checked {
+    background-color: #a6e3a1;
+    border-color: #a6e3a1;
 }
 
 #study-label {