Contain play skills overflow

RpgRoller/wwwroot/styles.css

@@ -41,11 +41,6 @@ body {
     line-height: 1.4;
 }
 
-html:has(.rr-app.app-play),
-body:has(.rr-app.app-play) {
-    overflow: hidden;
-}
-
 .emoji {
     font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
     text-shadow: 0 0 1px black;
@@ -328,13 +323,15 @@ select:focus-visible {
 
 .app-play .character-panel {
     min-height: 0;
-    overflow-y: auto;
-    overscroll-behavior: contain;
+    overflow: hidden;
 }
 
 .app-play .skills-section {
     min-height: 0;
     flex: 1 1 auto;
+    contain: layout;
+    overflow-y: auto;
+    overscroll-behavior: contain;
 }
 
 .character-panel-fill {