@font-face{font-family:MyCustomFont;src:url(/EuroStyleNormal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--dark-blue: #0a0d23;--darker-blue: #0a3b6c;--vetoed-red: #8b0000;--hover-blue: #00ffff;--hover-red: #ff3333;--settings-purple: #322f4f}.map-list{font-family:MyCustomFont,sans-serif;font-size:19px;max-height:100px;overflow:hidden}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{display:flex;flex-direction:column;font-family:Arial,sans-serif;background-color:#000;color:#fff;min-height:100vh;margin:0}#backButton{position:absolute;top:10px;left:10px;width:40px}.container{display:flex;justify-content:center;align-items:flex-start;position:relative;max-width:1200px;width:100%;gap:10px;margin:0 auto}.sort-controls{flex:0 0 40px;display:flex;align-items:center;justify-content:center;min-height:40px}.sort-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#0a3b6ca6;border:1px solid rgba(0,255,255,.6);border-radius:8px;box-shadow:0 0 10px #00ffff40;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.sort-button .sort-icon{width:22px;height:22px;display:block;object-fit:contain;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.sort-button:hover{background:#0a3b6ce6;border-color:var(--hover-blue);box-shadow:0 0 14px #00ffff73}.sort-button:hover .sort-icon{filter:drop-shadow(0 0 2px rgba(0,255,255,.6))}.sort-button:focus-visible{outline:2px solid var(--hover-blue);outline-offset:2px}.container.has-complete-order:hover .sort-button{opacity:1;pointer-events:auto}.map-list{display:initial;width:30%;max-height:100%;overflow-y:auto;position:relative;padding:20px;vertical-align:middle;letter-spacing:.1rem}.map-preview{width:45%;text-align:center;height:500px;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.map-list li:hover{border-color:#fff}#previewImage{width:100%;max-width:400px;max-height:500px;object-fit:contain;border:2px solid var(--darker-blue);border-radius:30px;margin-top:25px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.stat-toggle-btn{position:absolute;top:12px;right:12px;padding:6px 10px;font-size:12px;line-height:1;background:#0009;color:#eee;border:1px solid #444;border-radius:6px;cursor:pointer;z-index:2;opacity:0;pointer-events:none;transition:opacity .15s ease}.stat-toggle-btn:hover{background:#000000bf}.map-preview.has-stat:hover .stat-toggle-btn{opacity:1;pointer-events:auto}@media (hover: none) and (pointer: coarse){.map-preview.has-stat .stat-toggle-btn{opacity:1;pointer-events:auto}}.map-list ul{list-style-type:none;padding:0}.map-list li{margin:0;padding:12px 10px 10px;background-color:var(--dark-blue);max-height:16px;border:2px solid var(--darker-blue);border-radius:10px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.map-list li span:not(.order-indicator){flex:1;display:block;margin-right:8px;vertical-align:middle;font-size:inherit}.order-indicator{font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;font-size:16px;height:20px;min-width:32px;margin-left:auto;text-align:center;color:#fff;border-radius:5px;padding:4px 8px;transition:background .3s;cursor:default;visibility:visible;flex-shrink:0;pointer-events:none}.order-indicator span{background:#f50000}.order-indicator--active{cursor:pointer;pointer-events:auto}.order-indicator--active:hover{background:#555}.map-list li.vetoed-map{border-color:var(--vetoed-red);background-color:#300}.map-list li.vetoed-map:hover{border-color:var(--hover-red);background:#300}.map-list li.vetoed-map .order-indicator{visibility:hidden}label span,h2{color:#fff}.control-area{display:flex;flex-direction:column;gap:10px}select,input[type=text],button{margin:10px;padding:5px;font-size:16px}.footer{position:fixed;bottom:0;left:0;width:100%;height:60px;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Arial,sans-serif;z-index:1}.footer-logo{position:absolute;right:20px;bottom:10px;max-width:50px;height:auto}.footer p{margin:0;font-size:14px}.control-container{display:flex;justify-content:center;align-items:flex-start;max-width:1200px;width:100%;gap:10px;margin:0 auto;min-height:240px;transition:min-height .3s ease}.control-left,.control-right{flex:1;display:flex;flex-direction:column;background-color:#000;border:2px solid var(--settings-purple);border-radius:10px;gap:5px;padding:0 10px;z-index:1}.control-right button,.control-right select,.control-right input{margin:5px 0}.action-buttons{display:flex;gap:10px;justify-content:space-between}.mobile-action-buttons{display:none;gap:10px;margin-top:10px;justify-content:space-between}.mobile-action-buttons button{flex:1}.option-display{margin:0 15px;color:#eee;font-size:16px}.button-container{display:flex;align-items:center;justify-content:space-between}button{padding:10px 20px;background-color:#444;color:#eee;border:none;border-radius:5px;cursor:pointer;transition:background .3s}button:hover{background-color:#555}.stat-toggle-panel-btn[disabled]{opacity:.5;cursor:not-allowed}.toggle-content{transition:max-height .5s ease,opacity .5s ease;max-height:500px;opacity:1;overflow:hidden}.toggle-content.hidden{max-height:0;opacity:0;pointer-events:none}.control-left h5{margin-bottom:0;color:#eee;font-size:18px;text-align:center;margin-top:10px}.control-right h5{padding-top:10px;padding-bottom:5px;margin:0 0 8px;color:#eee;font-size:18px;text-align:center}button{margin-top:10px;background-color:var(--settings-purple);color:#fff}.custom-dropdown{position:relative;display:inline-block;width:300px}.dropdown-btn{width:100%;padding:10px;background-color:#333;color:#eee;border:none;border-radius:5px;cursor:pointer;font-size:16px;text-align:left;position:relative}.dropdown-btn:after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#eee}.dropdown-list{display:none;position:absolute;background-color:#333;color:#eee;border:1px solid #444;border-radius:5px;margin-top:5px;width:100%;z-index:1}.dropdown-list li{padding:10px;cursor:pointer}.dropdown-list li:hover{background-color:#555}.custom-dropdown.active .dropdown-list{display:block}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 40px 10px 15px;font-size:16px;border:2px solid #444;border-radius:8px;background-color:#333;color:#eee;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0003;position:relative}select:hover{border-color:#555}select:focus{border-color:#0ff;outline:none;box-shadow:0 0 10px #00ffff80}.custom-dropdown:after{content:"▼";font-size:14px;position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:#eee}label{font-size:14px;color:#eee;margin-bottom:5px;display:block;font-weight:700}@keyframes pulse{0%{box-shadow:0 0 14px 2px #0ff3}50%{box-shadow:0 0 14px 4px #00fffffc}to{box-shadow:0 0 14px 2px #0ff3}}.pulsing-border{animation:pulse 3s infinite ease-in-out}@keyframes pulse-red{0%{box-shadow:0 0 10px 2px #ff00004d}50%{box-shadow:0 0 10px 4px #ff0000e6}to{box-shadow:0 0 10px 2px #ff00004d}}.active-player-name{display:inline-block;width:fit-content;box-shadow:0 0 0 2px red;border-radius:6px;padding:2px 6px;animation:pulse-red 1.5s infinite ease-in-out;margin:1em auto}.checkbox-wrapper-59{display:flex;align-items:center;gap:8px;margin:10px}.checkbox-wrapper-59 input[type=checkbox]{visibility:hidden;display:none}.checkbox-wrapper-59 *,.checkbox-wrapper-59 :after,.checkbox-wrapper-59 :before{box-sizing:border-box}.checkbox-wrapper-59 .switch{width:45px;height:20px;position:relative;display:inline-block}.checkbox-wrapper-59 .slider{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:30px;box-shadow:0 0 0 2px #777,0 0 4px #777;cursor:pointer;border:4px solid transparent;overflow:hidden;transition:.2s}.checkbox-wrapper-59 .slider:before{position:absolute;content:"";width:12px;height:12px;left:0;bottom:0;background-color:#777;border-radius:50%;transition:.2s}.checkbox-wrapper-59 input:checked+.slider:before{transform:translate(24px);background-color:#32cd32}.checkbox-wrapper-59 input:checked+.slider{box-shadow:0 0 0 2px #32cd32,0 0 8px #32cd32}.hidden{display:none}#mapFileInput{display:block}.map-preview.hidden,.advanced-view.hidden{display:none}.advanced-view{display:flex;justify-content:center;gap:20px;margin-top:20px}.player-column,.center-column{flex:1;text-align:center}.player-column h3{padding:2px 6px}.advanced-map-list,.player-list{list-style:none;padding:0;min-height:320px;overflow-y:auto}.advanced-map-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-width:320px;min-height:320px;padding:10px;box-sizing:border-box}.advanced-map-list li,.player-list li{position:relative;margin:5px auto;max-width:150px;border:2px solid var(--darker-blue);border-radius:8px;cursor:pointer;background:#ffffff0d;transition:transform .3s ease}.advanced-map-list li{flex:0 0 auto;width:140px;height:105px;max-width:140px;border:2px solid var(--darker-blue);border-radius:8px;cursor:pointer;background:#ffffff0d;transition:transform .3s ease;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.player-list li{width:100%}.advanced-map-list li:hover{border-color:#fff}.advanced-map-list img,.player-list img{width:100%;display:block;border-radius:8px}.advanced-map-list img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.adv-map-label{position:absolute;bottom:4px;left:0;right:0;background:#0009;padding:4px 6px;font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:2;pointer-events:none}.player-list li.vetoed-map,.advanced-map-list li.vetoed-map{border-color:var(--vetoed-red);position:relative}.player-list li.vetoed-map:after,.advanced-map-list li.vetoed-map:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ff000040;border-radius:8px;z-index:1}.picked-maps{display:flex;justify-content:center;gap:20px;margin-top:40px;margin-bottom:40px;flex-wrap:wrap;min-height:150px}.pick-item{position:relative;border:2px solid var(--darker-blue);border-radius:8px;width:220px;aspect-ratio:4 / 3;overflow:hidden;background:#ffffff0d}.pick-item img{width:100%;height:100%;object-fit:cover;display:block}.pick-number{position:absolute;bottom:4px;right:4px;background:#0009;padding:1px 4px;border-radius:4px;font-size:14px}.pick-label{position:absolute;bottom:4px;left:4px;background:#0009;padding:1px 4px;border-radius:4px;font-size:14px}.pick-player-banner{position:absolute;top:4px;right:4px;background:#0009;padding:1px 4px;border-radius:4px;font-size:14px;color:#fff}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-60px)}}@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(60px)}}@keyframes slideDown{0%{transform:translateY(0);opacity:0}to{transform:translateY(20px);opacity:1}}.slide-left{animation:slideLeft .3s ease-out}.slide-right{animation:slideRight .3s ease-out}.slide-down{animation:slideDown .3s ease-out}.stage-indicator{font-size:24px;font-weight:700;margin-bottom:10px}.stage-text.veto{color:red}.stage-text.pick{color:#00f}.stage-text.done{color:green}#startPlayerWrapper{margin-top:10px}#startPlayerWrapper select{margin-left:5px}.name-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.name-inputs.hidden{display:none}.name-field{display:flex;flex-direction:column}.name-field input{padding:2px 4px}.map-card{transition:transform .5s ease,opacity .5s ease}.veto-left{transform:translate(-100px);opacity:0}.veto-right{transform:translate(100px);opacity:0}body,html{height:100%;display:flex;flex-direction:column}.main-wrapper{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:60px}.advanced-view{min-height:420px}.control-container{margin-top:40px}.center-column{min-width:300px;display:flex;flex-direction:column;align-items:center}.best-of-indicator{margin:4px 0 12px;font-size:18px;color:#eee}.bestof-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:1000}.bestof-content{background:#222;padding:20px;border-radius:8px;text-align:center}.mode-select{margin:10px 0}.mode-select label{margin-right:8px;font-size:14px;font-weight:700}.mode-select select{padding:5px 10px;border:2px solid #444;border-radius:6px;background-color:#333;color:#eee;font-size:15px;cursor:pointer}.map-preview-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center}.map-preview-modal-content{background:#222;padding:12px;border-radius:10px;max-width:90%;max-height:80%;display:flex;flex-direction:column;align-items:flex-end}.map-preview-modal-content img{max-width:100%;max-height:70vh;border-radius:10px}.close-preview{color:#fff;font-size:28px;font-weight:700;cursor:pointer;margin-bottom:6px}.map-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;transition:transform .3s ease,opacity .3s ease;margin-bottom:5px}.map-row li{flex:1;margin:0}.map-row:last-child{margin-bottom:0}.map-row.dragging{opacity:.6}.preview-btn{display:none;background:none;border:none;cursor:pointer;padding:4px;margin:0;align-items:center;justify-content:center}.preview-btn svg{width:22px;height:22px;fill:#eee;transition:fill .2s}.preview-btn:hover svg{fill:var(--hover-blue)}.map-row li.vetoed-map+.preview-btn{display:none}@media (max-width: 768px){.container{flex-direction:column;align-items:center}.sort-controls{display:none}.map-list,.map-preview{width:70%;max-width:420px}.map-list{height:calc(100vh - 220px);overflow-y:auto;padding-bottom:140px}.map-preview{display:none;margin-top:20px;height:auto}.control-container{display:none;flex-direction:column;align-items:stretch}.control-left,.control-right{width:100%}.mobile-action-buttons{display:flex;position:fixed;bottom:80px;width:70%;max-width:420px;left:50%;transform:translate(-50%);z-index:10}.footer{flex-direction:column;height:auto;padding:10px 0;z-index:-1}.footer-logo{position:static;margin-top:6px;right:auto;bottom:auto}.map-row{margin:6px 0}.map-row .preview-btn{display:flex;background:none;border:none;cursor:pointer;padding:0;margin-left:6px;align-items:center;justify-content:center}.map-row .preview-btn svg{width:22px;height:22px;fill:#eee;transition:fill .2s}.map-row .preview-btn:hover svg{fill:var(--hover-blue)}.map-row li.vetoed-map+.preview-btn{display:none}}@media (max-width: 600px){.advanced-view{flex-direction:column;align-items:center}.player-column,.center-column{width:100%}.advanced-map-list li{width:48%;max-width:none}}@media (min-width: 769px){.map-row .preview-btn{display:none!important}}