.all-maps-table-wrapper{width:100%;max-height:450px;overflow-y:auto}.all-maps-table{width:100%;border-collapse:collapse;background-color:#1f2833}.all-maps-table thead th{position:sticky;top:0;background-color:#0b0c10;color:#66fcf1;font-weight:700;text-transform:uppercase;z-index:2;padding:8px}.all-maps-table th,.all-maps-table td{padding:4px 8px;text-align:center;border:1px solid #45a29e;line-height:1.2}.all-maps-table tbody td{color:#fff;white-space:nowrap}.all-maps-table tbody tr:nth-child(2n){background-color:#2e3b4a}.all-maps-table tbody tr:hover{background-color:#3a4750}.all-maps-table td.result-win{background-color:#2ecc71;color:#fff}.all-maps-table td.result-loss{background-color:#e74c3c;color:#fff}.map-stats-graph{width:100%;height:350px;margin-bottom:20px}.sortable-column{cursor:pointer;white-space:nowrap}.sort-indicator{margin-left:5px;vertical-align:middle}.player-stats-table-wrapper{width:100%;overflow-x:auto}.player-stats-table{width:50%;max-width:1200px;border-collapse:collapse;background-color:#1f2833;box-shadow:0 4px 8px #0000001a}.player-stats-table th,.player-stats-table td{padding:10px;text-align:center;border:1px solid #45a29e}.player-stats-table th{background-color:#0b0c10;color:#66fcf1;font-weight:700;text-transform:uppercase;cursor:pointer}.player-stats-table td{color:#fff}.player-stats-table tbody tr:nth-child(2n){background-color:#2e3b4a}.player-stats-table tbody tr:hover{background-color:#3a4750}.data-table{color:#fff;max-height:600px;overflow-y:auto}.data-table table{width:100%;border-collapse:collapse;margin:0}.data-table th,.data-table td{border:1px solid #45a29e;padding:8px;text-align:center}.data-table th{background-color:#0b0c10;color:#66fcf1;font-weight:700}.stats-page{display:flex;flex-direction:row;width:100%;overflow:hidden}.main-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:10px}.left-content{flex:3;max-width:65%;margin-right:15px;display:flex;flex-direction:column;gap:30px}.right-content{flex:1;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.heatmap-page{display:flex;flex-direction:column;height:100vh;background:var(--background-primary);color:var(--text-primary)}.filters{display:flex;gap:1rem;padding:1rem;background:var(--background-secondary);border-bottom:1px solid var(--border-color)}.filters select{padding:10px;margin-bottom:10px;width:233px;background-color:#0b0c10;color:#66fcf1;border:1px solid #45A29E;border-radius:5px;text-shadow:1px 1px 2px black;font-size:16px}.filters select:hover{border-color:var(--accent-color)}.filters select option{background:var(--background-primary);color:var(--text-primary)}.heatmap-container{position:relative;margin:20px auto;background:var(--background-primary)}.map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.heatmap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.heatmap canvas{width:100%!important;height:100%!important}.spawn-whiteboard{display:flex;flex-direction:column;min-height:100vh;background:var(--background-primary);color:var(--text-primary);padding:1rem}.controls{display:flex;gap:1rem;padding:1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.control-group{display:flex;flex-direction:column;gap:.25rem}.control-group label{font-size:12px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.controls select{padding:8px 12px;background-color:#0b0c10;color:#66fcf1;border:1px solid #45A29E;border-radius:5px;font-size:14px;min-width:120px}.controls select:hover,.controls select:focus{border-color:var(--accent-color);outline:none}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;padding:8px 0;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.predict-btn{padding:8px 20px;background:linear-gradient(135deg,#45a29e,#66fcf1);color:#0b0c10;border:none;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.predict-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #66fcf14d}.predict-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{padding:8px 16px;background:transparent;color:#ff6b6b;border:1px solid #ff6b6b;border-radius:5px;font-size:14px;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#ff6b6b;color:#fff}.data-info{display:flex;gap:2rem;padding:.5rem 1rem;font-size:13px;margin-bottom:.5rem}.data-available{color:#4ade80}.data-missing{color:#f87171}.total-data{color:var(--text-secondary, #888)}.error-message{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:14px}.main-content{display:flex;gap:1.5rem;align-items:flex-start}.map-area{position:relative;background:#1a1a2e;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px #0000004d;overflow:hidden;cursor:crosshair;flex-shrink:0}.map-area img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none}.player-marker{z-index:10;transition:transform .15s ease}.player-marker:hover{transform:translate(-50%,-50%) scale(1.3)!important;z-index:20}.spawn-prediction{z-index:5;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.sidebar{display:flex;flex-direction:column;gap:1rem;width:280px;flex-shrink:0}.player-list,.predictions-list,.instructions{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.player-list h4,.predictions-list h4,.instructions h4{margin:0 0 .75rem;color:var(--accent-color);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.team-section{margin-bottom:1rem}.team-section:last-child{margin-bottom:0}.team-section h5{margin:0 0 .5rem;font-size:13px;font-weight:600}.player-list ul,.predictions-list ul{list-style:none;padding:0;margin:0}.player-list li{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;margin-bottom:.25rem;background:#ffffff08;border-radius:4px;font-size:13px}.player-list li.dead{opacity:.6}.player-list li button{padding:2px 8px;background:transparent;color:#888;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:14px;line-height:1}.player-list li button:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.predictions-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.25rem;background:#66fcf10d;border-radius:4px;font-size:13px}.predictions-list .prob{font-weight:700;color:#66fcf1}.predictions-list .coords{color:var(--text-secondary, #888);font-family:monospace}.instructions{font-size:13px;color:var(--text-secondary, #aaa)}.instructions ol{margin:0;padding-left:1.25rem}.instructions li{margin-bottom:.4rem;line-height:1.4}.instructions .tip{margin-top:1rem;padding:.75rem;background:#66fcf10d;border-radius:4px;border-left:3px solid #66FCF1}.instructions .tip strong{color:#66fcf1}.process-video-container{padding:20px;max-width:60%;min-width:1400px;margin:auto;background-color:#222;border-radius:8px;box-shadow:0 4px 10px #00000080;text-align:left;color:#fff;font-family:Arial,sans-serif;line-height:1.5}.process-video-container h2{color:#0ff;font-size:24px;margin-bottom:15px;text-transform:uppercase;border-bottom:2px solid #00ffff;padding-bottom:5px}.process-video-container label{font-size:14px;color:#0ff;margin-bottom:5px;display:block;font-weight:700}.process-video-container select,.process-video-container textarea,.process-video-container button{width:100%;padding:8px;margin-bottom:20px;border-radius:5px;border:1px solid #444;background-color:#333;color:#fff;font-size:14px}.process-video-container button{background-color:#077;color:#fff;border:none;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease;margin-top:10px}.process-video-container button:hover{background-color:#055}.review-table-container{margin-top:20px;overflow-x:auto}.review-table{width:100%;border-collapse:collapse;margin-top:15px;background-color:#333;table-layout:auto}.review-table th,.review-table td{padding:8px 10px;border:1px solid #444;text-align:center;font-size:14px;word-wrap:break-word}.review-table th{background-color:#077;color:#fff;text-transform:uppercase;font-weight:700;white-space:nowrap}.video-title-cell{min-width:250px;max-width:400px}.video-title-container{display:flex;align-items:center;gap:10px;width:100%}.review-table tbody tr:nth-child(2n){background-color:#444}.review-table tbody tr:hover{background-color:#555}.review-table input{width:95%;padding:5px;margin:0;border:1px solid #00ffff;border-radius:4px;background-color:#333;color:#fff;font-size:14px}.review-table input.team-input{width:60px}.review-table input.mode-input{width:50px}.review-table input.map-input{width:100px}.review-table input.title-input{width:100%}.review-table input:focus{outline:none;border-color:#0ff;box-shadow:0 0 5px #00ffffb3}.action-buttons{display:flex;gap:5px;justify-content:center;white-space:nowrap}.review-table button{padding:6px 12px;font-size:12px;border-radius:4px;border:none;cursor:pointer;text-transform:uppercase;font-weight:700;background-color:#077;color:#fff;transition:all .2s ease;margin:5px}.switch-button{background-color:#09c!important;padding:6px 10px!important;font-size:16px!important;min-width:40px}.approve-button{background-color:#0a5!important}.wait-button{background-color:#c90!important}.reject-button{background-color:#c33!important}.review-table button:hover{background-color:#055;filter:brightness(120%);transform:translateY(-1px)}.message-box{margin-top:15px;padding:10px;color:#0ff;font-size:14px;background-color:#333;border:1px solid #00ffff;border-radius:5px;text-align:center}.loading-bar{width:100%;height:15px;background-color:#333;border-radius:10px;margin-top:10px;overflow:hidden}.loading-progress{width:0%;height:100%;background-color:#0ff;animation:load 3s infinite}@keyframes load{0%{width:0%}50%{width:100%}to{width:0%}}.processing-progress-container{background-color:#1a1a2e;border:1px solid #00ffff;border-radius:8px;padding:20px;margin:20px 0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-stage{font-size:16px;font-weight:700;color:#0ff}.progress-percent{font-size:18px;font-weight:700;color:#0f8}.progress-bar-container{width:100%;height:20px;background-color:#333;border-radius:10px;overflow:hidden;margin-bottom:15px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:10px;transition:width .3s ease}.progress-details{color:#ccc;font-size:14px}.progress-current{margin-bottom:5px;color:#fff;font-weight:500}.progress-message{color:#aaa;font-style:italic}.process-video-container>*{margin-bottom:15px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;background-color:#1a1a1a;padding:20px}.login-form{position:relative;background-color:#222;border:1px solid #00857d;border-radius:4px;padding:40px;width:400px;transform:translateY(-10%)}.login-form h2{color:#0ff;text-align:center;margin:0 0 40px;font-size:24px;letter-spacing:.5px;text-transform:uppercase}.form-group{margin-bottom:25px;position:relative}.form-group:last-of-type{margin-bottom:35px}.form-group input{width:100%;height:44px;padding:0 12px;background-color:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#00857d;background-color:#2d2d2d}.login-form button{width:100%;height:44px;background-color:#00857d;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease;margin-top:10px;box-sizing:border-box;padding:0 12px}.login-form button:hover{background-color:#009688}.login-form button:active{background-color:#007166}.error-message{background-color:#ff44441a;border:1px solid rgba(255,68,68,.2);color:#f44;padding:12px;border-radius:3px;margin-bottom:20px;font-size:13px}.form-group input::placeholder{color:#555}.form-group input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0px 1000px #2a2a2a inset;transition:background-color 5000s ease-in-out 0s}.form-group input:focus{box-shadow:0 0 0 2px #00857d33}.login-form button{background-image:linear-gradient(to bottom,#00857d,#007166)}.login-form button:hover{background-image:linear-gradient(to bottom,#009688,#00857d)}body{background:#0b0c10;color:#66fcf1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}h1{margin:-13px 52px -13px -13px;line-height:60px;color:#66fcf1;text-shadow:1px 1px 2px black}.video-box{width:100%;padding-bottom:56.25%;position:relative;background-color:#000;border:1px solid #45A29E}.video-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}iframe{pointer-events:none}.data-box,.button-box{margin-bottom:20px;border-radius:5px}.data-box{background-color:#0b0c10;padding:10px;border:1px solid #45A29E}.button-box{background-color:#45a29e;padding:10px;border:1px solid #66FCF1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:10}.logout-button{background-color:#00857d;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease;margin-left:20px}.logout-button:hover{background-color:#006b64}.logout-button:active{background-color:#005750}header nav ul{display:flex;align-items:center}header nav ul li:last-child{margin-left:auto}header{display:flex;align-items:center;background:#1f2833;color:#66fcf1;padding:0 65px;height:60px;border-bottom:#45A29E solid}nav ul{list-style-type:none;padding:0;display:flex;height:100%;margin:0}nav li{flex:1;text-align:center;border-left:3px solid #45A29E;height:100%}nav li:first-child{border-left:none}nav a{text-decoration:none;color:#66fcf1;padding:15px 50px;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:18px;box-sizing:border-box;white-space:nowrap}nav a:hover{background-color:#45a29e;color:#0b0c10}nav a.active{background-color:#45a29e;color:#0b0c10}.container{display:flex;height:calc(100vh - 60px)}.main-content{flex:1;padding:20px;background-color:#1f2833;color:#66fcf1;text-shadow:1px 1px 2px black}.youtube-player{width:100%;height:500px;position:relative}.youtube-player iframe{width:100%;height:100%;pointer-events:auto}.main-content iframe{pointer-events:auto}.vod-layout--option1 .main-content{padding:10px;display:flex;align-items:stretch}.vod-layout--option1 .youtube-player{height:calc(100vh - 120px)}.vod-layout--option2 .main-content{padding:10px 20px 20px;display:flex;flex-direction:column;gap:16px}.vod-layout--option2 .youtube-player{height:min(70vh,720px)}.vod-layout--optionA{position:relative}.vod-layout--optionA .main-content{padding:12px;display:flex;align-items:flex-start;width:100%}.vod-layout--optionA .youtube-player{width:100%;aspect-ratio:16 / 9;height:auto;max-height:calc(100vh - 140px)}.youtube-player-inner{width:100%;height:100%}.vod-layout--theater{position:relative}.vod-layout--theater .main-content.vod-theater-main{position:relative;padding:12px 12px 20px 0;gap:0;display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.vod-layout--theater .vod-video-stage{width:100%;max-width:none;margin:0;display:flex;justify-content:flex-start}.vod-layout--theater .youtube-player{height:min(calc(100vh - 140px),calc((100vw - 257px)*.5625));width:auto;aspect-ratio:16 / 9;background:transparent}.vod-layout--theater .vod-video-stage{position:relative}.vod-layout--theater .vod-drawer-toggle{position:absolute;top:12px;right:16px;z-index:4;background-color:#0b0c10cc;color:#66fcf1;border:1px solid #45A29E;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px}.vod-layout--theater .vod-drawer-toggle:hover{background-color:#45a29e;color:#0b0c10}#youtube-player{position:relative;width:100%;height:100%}#youtube-player iframe{width:100%;height:100%}.vod-layout--theater .youtube-player{width:100%;aspect-ratio:16 / 9;height:auto;max-height:calc(100vh - 140px);overflow:hidden}.vod-layout--theater #youtube-player iframe{transform:none}.sidebar{width:233px;background-color:#1f2833;padding:10px;box-shadow:2px 0 5px #0000001a;display:block;flex-direction:column;gap:30px;border-right:#45A29E solid}.sidebar h2{color:#66fcf1;margin:3px 0 5px;text-shadow:1px 1px 2px black}.sidebar select{padding:10px;margin-bottom:10px;width:233px;background-color:#0b0c10;color:#66fcf1;border:1px solid #45A29E;border-radius:5px;text-shadow:1px 1px 2px black;font-size:16px}.sidebar h3{margin-top:5px;color:#66fcf1;text-shadow:1px 1px 2px black}.sidebar h3 label{display:block;color:#66fcf1;text-shadow:1px 1px 2px black}.sidebar .side{display:inline-block}.sidebar input[type=checkbox]+label{font-size:16px;color:#66fcf1;text-shadow:1px 1px 2px black;display:flex;align-items:center;gap:8px;margin-bottom:15px}.sidebar .date{display:block;width:150px;height:25px;text-align:center;font-size:16px;margin-bottom:10px}#usedate{margin-left:20%;text-align:center;margin-bottom:10px;color:#66fcf1;text-shadow:1px 1px 2px black}.vod-layout--option1 .sidebar{width:210px}.vod-layout--option1 .sidebar select,.vod-layout--option1 .sidebar .date{width:100%}.vod-layout--optionA .sidebar{width:210px}.vod-layout--optionA .sidebar select,.vod-layout--optionA .sidebar .date{width:100%}.right-sidebar{width:600px;display:flex;flex-direction:column;padding:15px;background-color:#1f2833;box-shadow:-2px 0 5px #0000001a;border-left:#45A29E solid}.right-sidebar h2{text-align:center;margin-top:-10px}.right-sidebar table{width:100%;border-collapse:collapse;margin-top:0;border:1px solid #45A29E}.right-sidebar th,.right-sidebar td{text-align:center;padding:8px;border:1px solid #45A29E;font-size:18px;color:#66fcf1;background-color:#0b0c10}.right-sidebar th{background-color:#1f2833;font-weight:700}.right-sidebar td button{background-color:#45a29e;color:#1f2833;border:none;padding:5px 10px;cursor:pointer;font-size:16px;border-radius:3px}.right-sidebar td button:hover{background-color:#66fcf1;color:#0b0c10}.right-sidebar th,.right-sidebar td{border-bottom:1px solid #45A29E}.right-sidebar tr:last-child td{border-bottom:none}.round-by-round-container{margin-bottom:20px}.all-rounds-container{max-height:500px;overflow-y:auto;border:1px solid #45A29E}.all-rounds-title{text-align:center;margin-top:20px}.all-rounds-container table{width:100%}.all-rounds-container th,.all-rounds-container td{padding:8px;text-align:center;border:1px solid #45A29E;font-size:16px;color:#66fcf1;background-color:#0b0c10}.all-rounds-container th{background-color:#1f2833;font-weight:700}.all-rounds-container button{background-color:#45a29e;color:#1f2833;border:none;padding:5px 10px;cursor:pointer;font-size:16px;border-radius:3px}.all-rounds-container button:hover{background-color:#66fcf1;color:#0b0c10}.right-sidebar button.selected{background-color:#007bff!important;color:#fff!important;border:1px solid #007bff!important}.vod-layout--option1 .right-sidebar{width:420px}.vod-tabs{display:flex;gap:10px;margin-bottom:10px}.vod-tabs button{flex:1;background-color:#0b0c10;color:#66fcf1;border:1px solid #45A29E;padding:8px 10px;cursor:pointer;font-size:16px;border-radius:4px}.vod-tabs button.active{background-color:#45a29e;color:#0b0c10}.vod-layout--option2 .right-sidebar{width:100%;border-left:none;border-top:#45A29E solid;box-shadow:none;padding:10px 0 0}.vod-layout--option2 .round-by-round-container{max-height:280px;overflow-y:auto}.vod-layout--option2 .all-rounds-container{max-height:280px}.vod-layout--optionA .right-sidebar.vod-rail{position:absolute;top:12px;right:12px;height:calc(100% - 24px);width:420px;max-width:42vw;background:#0b0c10eb;border-left:1px solid #45A29E;border-radius:8px;box-shadow:0 12px 30px #00000059;transition:transform .2s ease,opacity .2s ease;z-index:2}.vod-layout--optionA .right-sidebar.vod-rail.is-collapsed{transform:translate(calc(100% - 44px))}.vod-layout--optionA .right-sidebar.vod-rail.is-collapsed .vod-rail-content{opacity:0;pointer-events:none}.vod-layout--optionA .right-sidebar.vod-rail.is-collapsed:hover{transform:translate(0)}.vod-layout--optionA .right-sidebar.vod-rail.is-collapsed:hover .vod-rail-content{opacity:1;pointer-events:auto}.vod-rail-handle{position:absolute;top:10px;left:-54px;width:48px;height:110px;writing-mode:vertical-rl;text-orientation:mixed;background-color:#45a29e;color:#0b0c10;border:none;border-radius:6px 0 0 6px;cursor:pointer;font-size:14px;text-align:center}.vod-layout--optionA .right-sidebar.vod-rail.is-collapsed .vod-rail-handle{background-color:#66fcf1}.vod-layout--optionA .right-sidebar.vod-rail.is-collapsed .vod-rail-handle:hover{background-color:#45a29e}.vod-rail-header{margin-top:20px}.vod-layout--optionA .round-by-round-container,.vod-layout--optionA .all-rounds-container{max-height:32vh;overflow-y:auto}.vod-layout--theater .right-sidebar.vod-drawer{position:absolute;top:12px;right:16px;bottom:12px;left:auto;width:560px;max-width:50vw;background:#0b0c10eb;border:1px solid #45A29E;border-radius:10px;box-shadow:0 12px 30px #00000059;padding:10px 12px 12px;transform:translate(100%);transition:transform .25s ease;z-index:3;display:flex;flex-direction:column}.vod-layout--theater .right-sidebar.vod-drawer.is-open{transform:translate(0)}.vod-layout--theater .vod-drawer-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.vod-layout--theater .vod-drawer-bar h2{margin:0;font-size:18px;text-align:center;width:100%}.vod-layout--theater .right-sidebar.vod-drawer h3{text-align:center;margin-left:auto;margin-right:auto}.vod-drawer-handle{position:absolute;top:12px;left:-54px;width:48px;height:110px;writing-mode:vertical-rl;text-orientation:mixed;background-color:#45a29e;color:#0b0c10;border:none;border-radius:6px 0 0 6px;cursor:pointer;font-size:14px;text-align:center}.vod-layout--theater .right-sidebar.vod-drawer.is-open .vod-drawer-handle{background-color:#66fcf1}.vod-drawer-handle:hover{background-color:#45a29e}.vod-layout--theater .vod-rail-content{overflow:hidden;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.vod-layout--theater .round-by-round-container{flex:0 0 auto;max-height:45%;overflow-y:auto}.vod-layout--theater .all-rounds-container{flex:1 1 auto;min-height:0;overflow-y:auto}.vod-drawer-handle{position:absolute;top:20px;left:-54px;z-index:4}.right-sidebar{max-height:calc(100vh - 60px);overflow-y:auto}@media (max-width: 1024px){.container{flex-direction:column}.sidebar,.right-sidebar{width:100%;max-width:none}.main-content{width:100%}}iframe{z-index:1}