body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{background:#0000!important;margin:0;padding:0}.login-page{align-items:center;background:#121212;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-tabs{display:flex;gap:1rem;margin-bottom:1rem}.login-tabs button{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:9999px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#00ff40;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;margin-bottom:1rem;margin-top:2rem;padding:1rem 2rem;position:relative;transition:all 1.5s ease}.login-tabs button.active{background:#008724;border-color:#016107;color:#fff}.login-form{background:#1f1f1f;border-radius:8px;box-sizing:border-box;padding:2rem;width:320px}.login-form h2{font-size:1.25rem;margin:0 0 1rem;text-align:center}.login-form label{display:block;font-size:.9rem;margin-top:.75rem}.login-form input{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#eee;margin-top:.3rem;padding:.5rem;width:100%}.login-form button[type=submit]{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:9999px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#00ff40;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;margin-bottom:1rem;margin-top:2rem;padding:1rem 2rem;position:relative;transition:all 1.5s ease}.login-form .reset-link{margin-top:.5rem;text-align:right}.login-form .reset-link button{background:none;border:none;color:#888;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.error{background:#b00020;border-radius:4px;color:#fff;font-size:.9rem;margin-bottom:.5rem;padding:.5rem;text-align:center}.toast{padding:.75rem 1.25rem}.home-container{align-items:center;background:#181818;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1rem}.home-card{background:#242424;border-radius:8px;box-shadow:0 4px 12px #00000080;max-width:800px;padding:2rem 3rem;text-align:center;width:100%}.home-card h1{color:#eee;font-family:Calibri,sans-serif;font-size:2rem;margin-bottom:2rem}.home-buttons{flex-wrap:wrap;gap:1rem}.home-btn,.home-buttons{display:flex;justify-content:center}.home-btn{align-items:center;background:#39f;border:none;border-radius:6px;border-radius:16px;box-shadow:8px 8px 14px #161616,-8px -8px 14px #363636;box-shadow:0 2px 4px #000,0 10px 20px #0006;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:100px;padding:.5rem;text-align:center;text-transform:uppercase;transition:all .2s ease;width:160px}.home-btn:hover{background:#2a8ae6;transform:translateY(-2px)}.home-btn:active{background:#1f72c5;transform:translateY(0)}.home-container{position:relative}.logout-btn{background:#0000;background:#b12222;border:none;border-radius:20px;color:#eee;cursor:pointer;font-size:.6rem;height:25px;margin-right:1rem;margin-top:1rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;width:85px}.logout-btn:hover{background-color:#7b0a0a}.home-btn{transition:opacity .3s}.home-btn:disabled{cursor:not-allowed;opacity:.4}.overview-container{background:#181818;box-sizing:border-box;color:#eee;font-family:Calibri,sans-serif;min-height:100vh;padding:1.5rem}.search-bar{background:#333;border:1px solid #444;border-radius:4px;color:#f0f0f0;display:block;font-size:1rem;margin:0 auto 1.5rem;max-width:600px;padding:.5rem 1rem;width:100%}.overview-panels{display:flex;gap:1.5rem}.panel{flex:1 1}.item-table td,.item-table th{padding:.6rem 1rem}.item-table thead{text-align:left}.modal-content{max-width:700px;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem}.modal-header h2{color:#eee;font-size:1.25rem;margin:0}.modal-close-btn{background:none;border:none;color:#eee;cursor:pointer;font-size:1.25rem}.modal-body{color:#eee;max-height:80vh;overflow-y:auto;padding:1rem}.match-details p{margin:.5rem 0}.corner-details{display:flex;gap:1rem;margin-top:1rem}.corner{background:#181818;border-radius:6px;flex:1 1;padding:1rem;text-align:center}.corner h3{font-size:1rem;margin:0 0 .5rem}.corner-photo{border-radius:6px;height:100px;margin-bottom:.5rem;object-fit:cover;width:100px}.player-details{text-align:center}.player-photo{border-radius:8px;height:150px;margin-bottom:1rem;object-fit:cover;width:150px}.player-details p{margin:.5rem 0}.player-flag{height:16px;margin-left:.5rem;object-fit:cover;vertical-align:middle;width:24px}.admin-dashboard{min-height:100vh}.bottom-section{background:#24242495}.bottom-section table,.bottom-section td,.bottom-section th{background:#24242495;color:#eee}.admin-dashboard{background:#181818;color:#eee;font-family:Calibri,sans-serif;padding:1rem}.dashboard-header{align-items:center;display:flex;margin-bottom:1rem}.dashboard-header h1{font-size:1.5rem;font-weight:700}.flags{align-content:end;display:flex;margin-left:60px}.flags img{border-radius:2px;height:20px;object-fit:cover;width:32px}.flags span{font-weight:700;margin:0 .5rem}.logout{align-items:center;display:flex;margin-right:30px}.logoutbtn{background:#0000;background:#b12222;margin-right:1rem}.homebtn,.logoutbtn{border:none;border-radius:20px;color:#eee;cursor:pointer;font-size:.6rem;height:25px;margin-top:1rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;width:85px}.homebtn{background:#0000;background:#22aab14f;margin-right:7rem}.logoutbtn:hover{background-color:#7b0a0a}.homebtn:hover{background-color:#22aab1a9}.left-panel,.top-section{display:flex;gap:1rem}.left-panel{flex-direction:column;width:25%}.corner-panel{background:#24242495;border-radius:8px;overflow:hidden;padding:1rem}.panel-header{padding:.5rem}.panel-header.red{background:#8b0000}.panel-header.blue{background:#003f87}.panel-body{align-items:center;display:flex;flex-direction:column}.fighter-select{background:#333;border:1px solid #444;color:#f0f0f0;padding:.5rem}.fighter-frame,.fighter-select{border-radius:4px;margin-bottom:.5rem;width:100%}.fighter-frame{background:#222;height:150px;overflow:hidden}.fighter-frame img{height:100%;object-fit:cover;width:100%}.fighter-name{font-size:1rem;font-weight:700}.fighter-id{color:#ccc;font-size:.9rem;margin-bottom:.5rem}.fighter-points{font-size:1.5rem;font-weight:700;margin-top:.5rem}.center-panel{background:#24242495;border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:.75rem}.match-select{font-feature-settings:"pcap","c2pc";background:#333;border:1px solid #444;border-radius:7px;color:#fff;font-size:1.2rem;font-variant-caps:all-petite-caps;font-weight:700;margin-bottom:.75rem;margin-top:10px;padding:12px}.match-select input[list]{background:#333;border:1px solid #444;border-radius:4px;color:#f0f0f0;padding:.5rem;width:100%}.panel-header{border-radius:8px;font-size:1.9rem;margin-bottom:.75rem;text-align:center}.points-totals{display:flex;justify-content:space-between;margin-bottom:.75rem}.points-col{text-align:center;width:48%}.sub-header{font-size:1.4rem;font-weight:700;margin-bottom:.3rem}.sub-header.red{color:#ec0000}.sub-header.blue{color:#39f}.fighter-box{font-feature-settings:"pcap","c2pc";border:1px solid #4440;border-radius:4px;color:#f0f0f0;font-size:1.9rem;font-variant-caps:all-petite-caps;font-weight:700;margin-bottom:.3rem;padding:.5rem}.value.large{font-size:4rem;font-weight:700}.rounds-wrapper{display:flex;gap:1rem;margin-bottom:.75rem}.round-list.corner-panel{background:#24242495;border-radius:8px;flex:1 1;padding:.75rem}.corner-label{color:#f0f0f0;font-size:1rem;font-weight:700;margin-bottom:.5rem;text-align:center}.round-row{align-items:center;display:flex;gap:.5rem;margin:.3rem 0}.round-btn{align-items:center;border:none;border-radius:4px;display:flex;font-size:.9rem;height:36px;justify-content:center;width:36px}.round-btn,.round-select{background:#333;box-shadow:0 2px 4px rgba(0,0,0,.461),0 10px 20px rgba(55,55,55,.232);color:#f0f0f0}.round-select{border:1px solid #444;border-radius:4px;flex:1 1;font-size:.85rem;padding:.3rem}.save-points{align-items:center;display:flex;justify-content:space-between}.timer-small{font-size:1.4rem;font-weight:700}.timer-small-text{font-size:.8rem;padding-left:20px}.btnsave2{align-items:center;background:linear-gradient(180deg,#17171798,#2424246b);border:1px solid #292929;border-radius:12px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#01cc63;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;margin-right:1.5rem;padding:1rem 2rem;position:relative;transition:all .2s ease}.right-panel{display:flex;flex-direction:column;gap:.75rem;width:20%}.controls-panel{background:#24242495;border-radius:8px;padding:.75rem;text-align:center}.value-large{font-size:2rem;font-weight:700;margin:.5rem 0}.timer-large{font-size:2.8rem;font-weight:700;margin-bottom:1rem}.btn.start{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:9999px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#60eaff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;justify-content:center;margin-bottom:1.5rem;padding:1rem 2rem;position:relative;transition:all .2s ease}.btn.start.pause{animation:pulse-graphics 2s infinite!important;color:#ffd900}.round-selector{background:#24242495;border-radius:8px;margin-bottom:20px;margin-top:20px;padding:.5rem .5rem .6rem;text-align:center}.selector-label{font-size:.85rem}.round-buttons{display:flex;gap:.3rem;justify-content:center;margin-bottom:.5rem;margin-top:.5rem}.round-buttons button{background:#333;border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.461),0 10px 20px rgba(55,55,55,.232);color:#f0f0f0;cursor:pointer;font-size:.9rem;height:36px;width:36px}.btn.new{color:#61fe6e}.btn.end,.btn.new{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:10px;box-shadow:0 2px 4px #000,0 10px 20px #0006;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;padding:1rem 2rem;position:relative;transition:all .2s ease}.btn.end{color:#ff3434}.btn.finish{color:#ff3434}.btn.finish,.btnreset{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:10px;box-shadow:0 2px 4px #000,0 10px 20px #0006;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;padding:1rem 2rem;position:relative;transition:all .2s ease}.btnreset{color:#ffde37}.btnreset:hover{transform:scale(1.01) translateY(-1px)}.btn.graphics{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:10px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#00a2ff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;padding:1rem 2rem;position:relative;transition:all .2s ease}.bottom-section{background:#242424;border-radius:8px;margin-top:20px;padding:.75rem}.bottom-section h2{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.table-wrap{background:#242424;max-height:200px;overflow-y:auto}table{border-collapse:collapse;width:100%}td,th{background:#0000;border-bottom:1px solid #333;font-size:.85rem;padding:.6rem}th{background:#2a2a2a;font-weight:700;text-align:left}:root{--red-corner-color:#8b0000;--blue-corner-color:#39f;--current-highlight:#28a745}.rounds-wrapper .round-btn.done{background-color:#8b0000!important;background-color:var(--red-corner-color)!important;color:#fff!important}.rounds-wrapper .round-btn.active{animation:pulse-graphics 2s infinite!important;background-color:#28a745!important;background-color:var(--current-highlight)!important;border-color:#28a745!important;border-color:var(--current-highlight)!important;box-shadow:0 2px 4px #000,0 10px 20px #0006!important;color:#fff!important}.round-selector .round-buttons button.done{background-color:#8b0000!important;background-color:var(--red-corner-color)!important;box-shadow:0 2px 4px #000,0 10px 20px #0006!important;color:#fff!important}.round-selector .round-buttons button.active{animation:pulse-graphics 2s infinite!important;background-color:#28a745!important;background-color:var(--current-highlight)!important;border-color:#28a745!important;border-color:var(--current-highlight)!important;box-shadow:0 2px 4px #000,0 10px 20px #0006!important;color:#fff!important}.modal-content{background:#24242495;max-width:300px}.toast{background:#28a745!important;font-size:.9rem;height:2cqb;max-width:90%;padding:.6rem 1.2rem;white-space:nowrap;z-index:2000}.table-flag-sm{height:10px;margin-right:4px;object-fit:cover;vertical-align:middle;width:16px}.status-badge{font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.status-badge.finished{background:#8b0000}.graphics-control-panel{background:#24242495;border-radius:8px;margin-top:1.5rem;padding:.75rem;text-align:center}@keyframes pulse-graphics{0%,to{opacity:.5}50%{opacity:1}}.btn.play-graphics{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:9999px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#00ff40;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;margin-bottom:1rem;padding:1rem 2rem;position:relative;transition:all 1.5s ease}.btn.play-graphics.stop{animation:pulse-graphics 2s infinite!important;color:#ff3f3fdd;transition:all 1.5s ease}.btn.play-graphics .icon{margin-right:.5rem}.btn:hover,.btnsave2:hover{transform:scale(1.01) translateY(-1px)}.add-match{align-items:center;background:#181818;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1rem}.add-match-card{background:#242424;border-radius:8px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;gap:1.5rem;max-width:480px;padding:2rem;width:100%}.form-title{color:#eee;font-family:Calibri,sans-serif;font-size:1.8rem;font-weight:700;margin:0;text-align:center}.add-match-form{display:flex;flex-direction:column;gap:1rem}.add-match-form label{color:#ccc;font-family:Calibri,sans-serif;font-size:.9rem;font-weight:700}.add-match-form input{background:#333;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#f0f0f0;font-size:1rem;padding:.6rem;width:100%}.add-match-form input:focus{border-color:#66afe9;box-shadow:0 0 4px #66afe980;outline:none}.toast{opacity:.95;top:20px}.manage-matches{background:#181818;box-sizing:border-box;color:#eee;display:flex;font-family:Calibri,sans-serif;gap:2rem;height:100vh;margin:0;padding:1rem}.panel-header{font-size:1.2rem}.match-list{display:flex;flex:0 0 60%;flex-direction:column}.search-input{box-sizing:border-box}.match-table{border-collapse:collapse;width:100%}.match-table thead{background:#1f1f1f}.match-table td,.match-table th{border-bottom:1px solid #333;font-size:.9rem;padding:.75rem 1rem;text-align:left}.match-table tr{cursor:pointer;transition:background .2s}.match-table tr:hover{background:#2a2a2a}.match-table tr.active{background:#333}.match-table .no-results td{color:#888;padding:2rem;text-align:center}.status-badge{font-size:.75rem;padding:.2rem .5rem;white-space:nowrap}.status-badge.scheduled{color:#fff}.status-badge.finish{background:#8b0000;color:#fff}.edit-panel{display:flex;flex:0 0 38%;flex-direction:column}.edit-panel .panel-body{padding:1.5rem}.edit-toggle{background:#39f;border:none;border-radius:4px;color:#fff;font-size:.9rem;margin-right:20px;padding:.4rem .8rem}.form-grid{grid-row-gap:1.25rem}.save-btn{background:#28a745;border:none;border-radius:4px;color:#fff;grid-column:2/3;margin-top:.5rem;padding:.6rem 1.2rem}.no-selection,.save-btn{font-size:1rem}.modal-content{box-shadow:0 4px 12px #00000080;width:90%}.modal-content p{font-size:1rem;margin-bottom:1.5rem}.modal-buttons .btn{font-size:.9rem}.toast{box-shadow:0 2px 8px #0006;max-width:300px}.round-buttons button.active{background-color:var(--red-corner-color);color:#fff}.flag-icon{border-radius:2px;height:auto;width:24px}.status-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;padding:.2rem .6rem;text-transform:capitalize}.status-badge.scheduled{background:#39f}.status-badge.ongoing{background:#28a745}.status-badge.finished{background:#d32f2f}.btn.cancel,.btn.confirm{font-size:.9rem}.add-player{align-items:flex-start;background:#181818;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:2rem}.card{background:#242424;border-radius:8px;box-shadow:0 4px 12px #00000080;margin-top:3rem;max-width:500px;padding:2rem;width:100%}.card h2{color:#eee;font-family:Calibri,sans-serif;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.upload-rows{gap:1.5rem}.photo-frame{height:200px;width:200px}.photo-frame .overlay{font-size:.85rem}.flag-container{align-items:center;display:flex;flex-direction:column}.flag-frame .overlay-small{font-size:.7rem}.add-player-form{display:flex;flex-direction:column;gap:1rem}.add-player-form label{color:#ccc;font-size:.9rem;font-weight:700}.add-player-form input{background:#333;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#f0f0f0;font-size:1rem;padding:.5rem;width:100%}.toast{font-family:Calibri,sans-serif}.homebutton{position:absolute;right:1rem;top:1rem;z-index:100}.homebtn2{background:#0000;background:#22aab14f;border:none;border-radius:20px;color:#eee;cursor:pointer;font-size:.6rem;height:25px;margin-right:1.2rem;margin-top:1rem;padding:.5rem 1rem;width:85px}.homebtn2:hover{background-color:#22aab1a9}.manage-players{background:#181818;box-sizing:border-box;color:#eee;display:flex;font-family:Calibri,sans-serif;gap:2rem;height:100vh;padding:1rem}.panel-header{padding:.75rem 1rem}.panel-body{overflow-y:auto;padding:1rem}.player-list{flex:0 0 60%}.search-input{color:#f0f0f0;font-size:.9rem;margin-bottom:1rem}.item-table{border-collapse:collapse;width:100%}.item-table td,.item-table th{border-bottom:1px solid #333;font-size:.9rem;padding:.75rem 1rem;text-align:left}.item-table thead{background:#1f1f1f}.item-table tr{cursor:pointer;transition:background .2s}.item-table tr:hover{background:#2a2a2a}.item-table tr.active{background:#333}.table-photo{border-radius:4px;height:48px;object-fit:cover;width:48px}.table-flag{border-radius:2px;height:16px;object-fit:cover;width:24px}.no-results td{color:#888;padding:2rem;text-align:center}.edit-player{flex:0 0 35%}.edit-toggle{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:9999px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#00ff40;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;margin-bottom:1rem;margin-top:1rem;padding:1rem 2rem;position:relative;transition:all 1.5s ease;width:8rem}.edit-toggle:disabled{background:#555;box-shadow:0 0 0 #7e7e7e00,0 0 0 #60606066;color:#717171;cursor:not-allowed}.edit-toggle:hover{color:#fff200}.upload-rows{display:flex;gap:1rem;margin-bottom:1.5rem}.photo-frame{background:#333;border:2px dashed #555;border-radius:8px;cursor:pointer;height:120px;overflow:hidden;position:relative;width:120px}.photo-frame img{height:100%;object-fit:cover;width:100%}.photo-frame .overlay{background:#0009;bottom:0;color:#fff;font-size:.75rem;padding:.25rem 0;position:absolute;text-align:center;width:100%}.flag-frame{background:#333;border:1px dashed #555;border-radius:4px;cursor:pointer;height:32px;overflow:hidden;position:relative;width:48px}.flag-frame img{height:100%;object-fit:cover;width:100%}.flag-frame .overlay-small{background:#0009;bottom:0;color:#fff;font-size:.6rem;padding:.15rem 0;position:absolute;text-align:center;width:100%}.form-grid{grid-row-gap:1rem;grid-column-gap:1rem;grid-template-columns:1fr 2fr}.form-grid label{align-self:center;font-size:.9rem;font-weight:700}.form-grid input{background:#333;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#f0f0f0;font-size:.9rem;padding:.5rem .75rem;width:100%}.save-btn{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:9999px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#00ff40;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;grid-column:1/3;justify-content:center;justify-self:start;margin-bottom:1rem;margin-top:2rem;padding:1rem 2rem;position:relative;transition:all 1.5s ease;width:100%}.save-btn:disabled{background:#555;box-shadow:0 0 0 #7e7e7e00,0 0 0 #60606066;color:#717171;cursor:not-allowed}.save-btn:hover{color:#fff200}.no-selection{color:#aaa;font-style:italic;margin-top:2rem;text-align:center}.modal-overlay{height:100%;width:100%;z-index:2000}.modal-content p{margin-bottom:1rem}.modal-buttons{gap:1rem}.modal-buttons .btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:700;padding:.6rem}.modal-buttons .btn.cancel{background:#555;color:#eee}.modal-buttons .btn.confirm,.toast{background:#28a745;color:#fff}.toast{font-size:1rem;text-align:center;top:1rem}body,html{background:#181818;color:#eee;font-family:Calibri,sans-serif;height:100%;margin:0;padding:0}.manage-users{background:#181818;box-sizing:border-box;display:flex;gap:1rem;min-height:100vh;padding:1rem}.panel{color:#eee}.panel-header{font-weight:700;padding:.75rem}.panel-body{flex:1 1;padding:.75rem}.user-list{display:flex;flex-direction:column;width:40%}.search-input{background:#333;border:1px solid #444;border-radius:4px;color:#eee;padding:.5rem;width:100%}.user-table{border-collapse:collapse;margin-top:.5rem;width:100%}.user-table td,.user-table th{background:#242424;border-bottom:1px solid #333;color:#eee;padding:.5rem}.user-table .no-results{color:#888;text-align:center}.btn.reset{background:orange;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.3rem .6rem}.add-user{flex:1 1}.form-grid{grid-gap:.5rem 1rem;align-items:center;display:grid;grid-template-columns:120px 1fr}.btnsave{align-items:center;background:linear-gradient(180deg,#171717,#242424);border:1px solid #292929;border-radius:9999px;box-shadow:0 2px 4px #000,0 10px 20px #0006;color:#00ff40;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;grid-column:span 2;justify-content:center;justify-self:start;margin-bottom:1rem;margin-top:2rem;padding:1rem 2rem;position:relative;transition:all 1.5s ease;width:100%}.btnsave:hover{color:#fff200}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#242424;border-radius:8px;color:#eee;max-width:320px;padding:1.5rem;text-align:center}.modal-buttons{display:flex;justify-content:space-around;margin-top:1rem}.btn.cancel,.btn.confirm{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.btn.cancel{background:#555;color:#ddd}.btn.confirm{background:#28a745;color:#fff}.toast{background:#333;border-radius:4px;bottom:1rem;color:#eee;left:50%;opacity:.9;padding:.75rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:1000}.monitor-grid{grid-gap:1rem;background:#181818;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:100vh;padding:1rem}.panel{background:#242424;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.panel-header{align-items:center;background:#1f1f1f;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:.5rem 1rem}.panel-title{color:#eee;font-family:Calibri,sans-serif;font-size:1rem;font-weight:700}.led{animation:blink 2.5s infinite;border-radius:50%;height:12px;width:12px}.led.on{background:#0f0}.led.off{background:red}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.iframe-wrapper{background:#000;border-radius:10px;height:324px;margin:.5rem auto;overflow:scroll;position:relative;width:576px}.monitor-iframe{border:none;height:1080px;left:0;pointer-events:none;position:absolute;top:0;transform:scale(.3);transform-origin:top left;width:1920px}.match-card-page{display:flex;justify-content:center;padding:1rem}.match-card-page,.svg-container{background:#18181800}.match-card-svg{display:block;filter:blur(8px);height:100%;opacity:0;transition:opacity .8s ease,filter .8s ease;width:100%}.match-card-svg.enter{filter:blur(0);opacity:1}.match-card-svg.exit{filter:blur(8px);opacity:0}.user-table select{-webkit-appearance:none;appearance:none;background:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23eee'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid #444;border-radius:4px;color:#eee;cursor:pointer;font-family:Calibri,sans-serif;font-size:.9rem;padding:.25rem .5rem;padding-right:1.5rem}.user-table select:focus,.user-table select:hover{border-color:#bbb;outline:none}.user-table option{background:#333;color:#eee}.results-card-page{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1rem}.results-svg{background:#0000;display:block;filter:blur(8px);height:100%;opacity:0;transition:opacity .8s ease,filter .8s ease;width:100%}.results-svg.enter{filter:blur(0)!important;opacity:1!important}.results-svg.exit{filter:blur(8px)!important;opacity:0!important}.match-start-card-page{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1rem}.match-start-svg{display:block;filter:blur(8px);height:100%;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;width:100%}.match-start-svg.enter{opacity:1;transform:translateY(0)}.match-start-svg.exit{opacity:0;transform:translateY(20px)}.player-card-page{background:#0000;padding:1rem}.svg-container{background:#0000;height:1080px;margin:0 auto;overflow:hidden;position:relative;width:1920px}.player-card-svg,.player-photo-overlay{filter:blur(8px);opacity:0;transition:opacity .8s ease,filter .8s ease}.enter{filter:blur(0)!important;opacity:1!important}.exit{filter:blur(8px)!important;opacity:0!important}.player-photo-overlay{background:#0000;border-radius:16px 16px 0 0;height:300px;left:109px;object-fit:cover;pointer-events:none;position:absolute;top:495px;width:300px}.iframe-wrapper::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:0;width:0}.iframe-wrapper,.monitor-iframe,.panel-body,.table-wrap{-ms-overflow-style:none;scrollbar-width:none}
/*# sourceMappingURL=main.bc17747c.css.map*/