6666.user-card h2 ,
6767.profile-link ,
6868.user-card a {
69- color : var (--accent ) !important ;
69+ color : var (--accent );
7070 font-weight : 800 ;
7171 text-decoration : none;
7272 /* Animate ONLY the color property when theme changes */
@@ -88,16 +88,16 @@ body {
8888
8989/* Button to trigger Screenshot Mode in the Dev Panel */
9090.screenshot-btn {
91- border-color : var (--text-muted ) !important ;
92- color : var (--text-muted ) !important ;
93- font-size : 0.6rem !important ;
91+ border-color : var (--text-muted );
92+ color : var (--text-muted );
93+ font-size : 0.6rem ;
9494 margin-top : 10px ;
9595}
9696
9797/* If your links look like tags/pills */
9898.link-pill {
99- background-color : var (--accent-light ) !important ;
100- color : var (--accent ) !important ;
99+ background-color : var (--accent-light );
100+ color : var (--accent );
101101 padding : 0.2rem 0.6rem ;
102102 border-radius : 6px ;
103103 font-size : 0.8rem ;
@@ -110,8 +110,8 @@ body {
110110
111111/* If you have a specific button-style profile link */
112112.profile-btn {
113- background-color : var (--accent-light ) !important ;
114- color : var (--accent ) !important ;
113+ background-color : var (--accent-light );
114+ color : var (--accent );
115115 border : 1px solid var (--accent );
116116 padding : 0.5rem 1rem ;
117117 border-radius : 8px ;
@@ -120,8 +120,8 @@ body {
120120}
121121
122122.profile-btn : hover {
123- background-color : var (--accent ) !important ;
124- color : # ffffff !important ;
123+ background-color : var (--accent );
124+ color : # ffffff ;
125125 box-shadow : 0 4px 15px var (--accent-light );
126126}
127127
@@ -133,8 +133,8 @@ body {
133133 justify-content : center;
134134 gap : 0.4rem ;
135135 padding : 0.4rem 0.9rem ;
136- background-color : var (--accent-light ) !important ;
137- color : var (--accent ) !important ;
136+ background-color : var (--accent-light );
137+ color : var (--accent );
138138 border : 1px solid rgba (var (--accent-rgb ), 0.2 );
139139 border-radius : 9999px ;
140140 font-size : 0.7rem ;
@@ -146,8 +146,8 @@ body {
146146}
147147
148148.skill-item : hover {
149- background-color : var (--accent ) !important ;
150- color : # ffffff !important ;
149+ background-color : var (--accent );
150+ color : # ffffff ;
151151 transform : translateY (-3px ) scale (1.05 );
152152 box-shadow : 0 4px 12px rgba (var (--accent-rgb ), 0.4 );
153153}
@@ -156,9 +156,9 @@ body {
156156 * 3. BUTTONS & SHIMMER EFFECTS
157157 */
158158.surprise-btn {
159- background-color : # 2563eb !important ;
160- color : # ffffff !important ;
161- display : inline-flex !important ;
159+ background-color : # 2563eb ;
160+ color : # ffffff ;
161+ display : inline-flex;
162162 align-items : center;
163163 justify-content : center;
164164 padding : 0.6rem 1.5rem ;
@@ -175,7 +175,7 @@ body {
175175}
176176
177177.dark .surprise-btn {
178- background-color : var (--accent ) !important ;
178+ background-color : var (--accent );
179179}
180180
181181.surprise-btn : hover {
@@ -211,7 +211,7 @@ body {
211211 * 4. DEVELOPER TOOLS - INDESTRUCTIBLE VIEWPORT PANEL
212212 */
213213# dev-tools {
214- position : fixed !important ;
214+ position : fixed;
215215 top : 1rem ;
216216 right : 1rem ;
217217 width : 280px ;
@@ -225,24 +225,24 @@ body {
225225 padding : 1.25rem ;
226226 border-radius : 12px ;
227227 box-shadow : 0 20px 25px -5px rgba (0 , 0 , 0 , 0.3 );
228- z-index : 2147483647 !important ;
228+ z-index : 2147483647 ;
229229 transition : all 0.3s cubic-bezier (0.175 , 0.885 , 0.32 , 1.275 );
230230 transform : translateZ (0 ); /* Force layer isolation */
231231}
232232
233233/* NUCLEAR LOCK: Forces stability during page-wide glitches */
234234# dev-tools [data-lock = "true" ],
235235html body # dev-tools [data-lock = "true" ] {
236- display : block !important ;
237- visibility : visible !important ;
238- opacity : 1 !important ;
239- position : fixed !important ;
240- top : 1rem !important ;
241- right : 1rem !important ;
242- transform : none !important ;
243- animation : none !important ;
244- border-left-color : # ef4444 !important ;
245- box-shadow : 0 0 40px rgba (239 , 68 , 68 , 0.6 ) !important ;
236+ display : block;
237+ visibility : visible;
238+ opacity : 1 ;
239+ position : fixed;
240+ top : 1rem ;
241+ right : 1rem ;
242+ transform : none;
243+ animation : none;
244+ border-left-color : # ef4444 ;
245+ box-shadow : 0 0 40px rgba (239 , 68 , 68 , 0.6 );
246246}
247247
248248# dev-tools button {
@@ -268,16 +268,16 @@ html body #dev-tools[data-lock="true"] {
268268
269269/* Console Neon Overrides */
270270# dev-tools button [onclick *= "matrix" ] {
271- color : # 00ff41 !important ;
271+ color : # 00ff41 ;
272272}
273273# dev-tools button [onclick *= "konami" ] {
274- color : # ffcc00 !important ;
274+ color : # ffcc00 ;
275275}
276276# dev-tools button [onclick *= "gravity" ] {
277- color : # ff3333 !important ;
277+ color : # ff3333 ;
278278}
279279# dev-tools button [onclick *= "badge_click" ] {
280- color : # bc13fe !important ;
280+ color : # bc13fe ;
281281}
282282
283283/**
@@ -302,8 +302,8 @@ html body #dev-tools[data-lock="true"] {
302302}
303303
304304# repair-btn {
305- background-color : # 2563eb !important ; /* Restore to Blue */
306- color : # fff !important ;
305+ background-color : # 2563eb ; /* Restore to Blue */
306+ color : # fff ;
307307 border : 4px solid # fff ;
308308 border-radius : 9999px ;
309309 padding : 1.5rem 3rem ;
@@ -375,7 +375,7 @@ html body #dev-tools[data-lock="true"] {
375375/* Ensure the card can show the trace glow */
376376.user-card .selected-fancy {
377377 z-index : 50 ;
378- overflow : visible !important ;
378+ overflow : visible;
379379 transform : scale (1.02 );
380380 transition : transform 0.5s cubic-bezier (0.175 , 0.885 , 0.32 , 1.275 );
381381}
@@ -420,8 +420,8 @@ html body #dev-tools[data-lock="true"] {
420420
421421/* Special styling for those who have reached Level 5 (Data Miner) */
422422body [data-level = "5" ] .skill-item {
423- border-color : # 06b6d4 !important ; /* Data Miner Cyan */
424- background : rgba (6 , 182 , 212 , 0.1 ) !important ;
423+ border-color : # 06b6d4 ; /* Data Miner Cyan */
424+ background : rgba (6 , 182 , 212 , 0.1 );
425425 position : relative;
426426 overflow : hidden;
427427}
@@ -466,8 +466,8 @@ body[data-level="5"] .skill-item::before {
466466/* Level 5 Specific Visual Perk */
467467.level-architect .skill-item ,
468468body [data-level = "5" ] .skill-item {
469- border-color : # 06b6d4 !important ;
470- background : rgba (6 , 182 , 212 , 0.1 ) !important ;
469+ border-color : # 06b6d4 ;
470+ background : rgba (6 , 182 , 212 , 0.1 );
471471 box-shadow : 0 0 10px rgba (6 , 182 , 212 , 0.2 );
472472}
473473
@@ -496,7 +496,7 @@ body[data-level="6"]::after {
496496/* Added via JS when XP increases */
497497.xp-pulse {
498498 transform : scale (1.3 );
499- color : white !important ;
499+ color : white;
500500}
501501# jump-lvl {
502502 font-family : "Courier New" , monospace;
@@ -505,18 +505,18 @@ body[data-level="6"]::after {
505505# jump-lvl {
506506 appearance : textfield; /* Removes default arrows */
507507 -webkit-appearance : none;
508- line-height : 30px !important ;
508+ line-height : 30px ;
509509}
510510
511511# jump-lvl ::placeholder {
512- color : rgba (0 , 255 , 204 , 0.3 ) !important ;
512+ color : rgba (0 , 255 , 204 , 0.3 );
513513}
514514
515515/* Force standard text color even on focus */
516516# jump-lvl : focus {
517- outline : 2px solid # 00ffcc !important ;
518- background-color : # 000 !important ;
519- color : # 00ffcc !important ;
517+ outline : 2px solid # 00ffcc ;
518+ background-color : # 000 ;
519+ color : # 00ffcc ;
520520}
521521/* Base Force Aura Animation */
522522@keyframes force-pulse {
@@ -536,7 +536,7 @@ body[data-level="6"]::after {
536536
537537/* Ensure the parent container has a background so you can see the 'empty' part */
538538# game-stats .bg-black\/ 10 {
539- background-color : rgba (0 , 0 , 0 , 0.1 ) !important ;
539+ background-color : rgba (0 , 0 , 0 , 0.1 );
540540 min-width : 80px ; /* Ensure it hasn't collapsed to 0 width */
541541 height : 6px ;
542542}
@@ -545,8 +545,8 @@ body[data-level="6"]::after {
545545# level-progress {
546546 height : 100% ;
547547 background-color : var (--accent ); /* This is the level color */
548- transition : width 0.3s ease-in-out !important ; /* Make it smooth */
549- display : block !important ;
548+ transition : width 0.3s ease-in-out; /* Make it smooth */
549+ display : block;
550550}
551551
552552/* Force Glow for the Badge */
@@ -571,7 +571,7 @@ body[data-level="6"]::after {
571571 letter-spacing : 0.02em ;
572572
573573 /* Remove any existing filters that cause fuzziness */
574- filter : none !important ;
574+ filter : none;
575575 transition : color 0.3s ease;
576576}
577577
@@ -814,12 +814,12 @@ a:hover {
814814}
815815/* Maximize State */
816816.console-maximized {
817- width : 90vw !important ;
818- height : auto !important ;
819- bottom : 5vh !important ;
820- right : 5vw !important ;
821- left : 5vw !important ;
822- z-index : 2000 !important ;
817+ width : 90vw ;
818+ height : auto;
819+ bottom : 5vh ;
820+ right : 5vw ;
821+ left : 5vw ;
822+ z-index : 2000 ;
823823}
824824
825825# matrix-console-output {
@@ -860,9 +860,9 @@ a:hover {
860860
861861/* Full-screen Force Field */
862862.force-field-overlay {
863- position : fixed !important ;
864- inset : 0 !important ;
865- z-index : 999999 !important ;
863+ position : fixed;
864+ inset : 0 ;
865+ z-index : 999999 ;
866866 background : radial-gradient (
867867 circle,
868868 rgba (0 , 150 , 255 , 0.1 ) 0% ,
0 commit comments