Fix play screen overflow scrolling

RpgRoller/wwwroot/styles.css

@@ -41,6 +41,11 @@ 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;
@@ -85,7 +90,7 @@ h3 {
 .app-play .workspace-shell {
     height: 100%;
     min-height: 0;
-    grid-template-rows: auto auto minmax(0, 1fr);
+    grid-template-rows: auto minmax(0, 1fr);
 }
 
 .workspace-header {
@@ -327,6 +332,11 @@ select:focus-visible {
     overscroll-behavior: contain;
 }
 
+.app-play .skills-section {
+    min-height: 0;
+    flex: 1 1 auto;
+}
+
 .character-panel-fill {
     flex: 1 1 auto;
     min-height: 0.1rem;