Fix python project player clipping on small screens with scrollbar and responsive padding

templates/player.html

@@ -234,6 +234,7 @@
             background: radial-gradient(circle, #0e1222 0%, #050608 100%);
             width: 100%;
             height: 100%;
+            overflow-y: auto;
         }
 
         .screen-frame {
@@ -508,6 +509,28 @@
         #webcam-video, #webcam-canvas {
             display: none;
         }
+
+        /* Responsive layout for smaller heights */
+        @media (max-height: 800px) {
+            .viewport-section {
+                padding: 1.2rem;
+            }
+            .screen-frame:not(.iframe-mode) {
+                max-height: 80%;
+            }
+            .focus-prompt {
+                margin-top: 0.6rem;
+                padding: 0.35rem 1rem;
+                font-size: 0.76rem;
+            }
+            .device-section {
+                padding: 1.2rem;
+                gap: 0.8rem;
+            }
+            .terminal-section {
+                padding: 1.2rem;
+            }
+        }
     </style>
 </head>
 <body>