@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;0,700;1,400&family=Russo+One&display=swap";:root{--bg-color: #050510;--card-bg: #0f0f1f;--primary: #00ffea;--secondary: #ff0055;--text-main: #ffffff;--text-dim: #a0a0b0;--accent: #7000ff;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Kanit", sans-serif;--font-heading: "Russo One", sans-serif}html{font-size:16px}@media(max-width:768px){html{font-size:14px}}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,rgba(0,255,234,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,0,85,.1) 0%,transparent 20%);min-height:100vh;font-weight:400}#root{width:100%;margin:0 auto;padding:2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.App{flex:1;display:flex;flex-direction:column}.App:not(.tournament-active){justify-content:center;align-items:center}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}h1{font-size:4rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(0,255,234,.3);letter-spacing:5px;transform:skew(-10deg);margin:0}.app-header{display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;gap:1rem}.mini-lang-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-lang-switcher button{padding:6px 12px;font-size:.75rem;background:var(--glass);border:1px solid var(--glass-border);min-width:45px}.mini-lang-switcher button.active{background:var(--primary);color:var(--bg-color);border-color:var(--primary)}@media(max-width:768px){.mini-lang-switcher{grid-template-columns:repeat(2,1fr)}}button{font-family:var(--font-heading);border-radius:4px;border:1px solid transparent;padding:.8em 1.5em;font-size:1.1em;font-weight:400;background-color:var(--card-bg);cursor:pointer;transition:all .25s;color:var(--text-main);border:1px solid var(--glass-border);box-shadow:0 4px 6px #0000004d}button:hover{border-color:var(--primary);box-shadow:0 0 15px #00ffea66;transform:translateY(-2px)}button.primary{background:linear-gradient(45deg,var(--accent),var(--secondary));border:none}button.secondary{background:#ff00551a;border:1px solid var(--secondary);color:var(--secondary)}button.secondary:hover{background:var(--secondary);color:#fff}input{background:var(--glass);border:1px solid var(--glass-border);padding:10px;border-radius:5px;color:#fff;font-size:1rem;outline:none;transition:.3s}input:focus{border-color:var(--primary);box-shadow:0 0 10px #00ffea33}.registration-form{display:flex!important;gap:10px!important;width:100%;max-width:500px;margin:0 auto 20px!important}.registration-form input{flex:1}.participants-list{max-height:40vh;overflow-y:auto;padding:10px;background:#0000001a;border-radius:8px;margin-bottom:1rem}.registration-footer{margin-top:20px;border-top:1px solid var(--glass-border);padding-top:20px}.registration-footer h3{margin-bottom:10px}.participant-item{flex-direction:row!important;justify-content:space-between!important;padding:10px!important}.remove-btn{padding:2px 8px!important;font-size:.8em!important;background:transparent!important;border-color:#f05!important;color:#f05!important}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:15px}.leaderboard-item{background:var(--glass);padding:12px;border-radius:8px;display:flex;justify-content:space-between;border:1px solid var(--glass-border)}.card{background:var(--card-bg);padding:2rem;border-radius:15px;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:1rem 0}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.match-card{background:#ffffff08;padding:1.5rem;border-radius:4px;display:flex;flex-direction:column;gap:10px;border-left:4px solid var(--text-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-card.active{border-left:4px solid var(--primary);background:#00ffea0d}.player-row{display:flex;justify-content:space-between;align-items:center;padding:8px;font-size:1.2rem;font-weight:700}.score-badge{font-family:var(--font-heading);font-size:2rem;color:var(--primary);text-shadow:0 0 10px var(--primary)}.big-score{font-family:var(--font-heading)}.winner{color:var(--primary);font-weight:700;text-shadow:0 0 10px var(--primary)}.orientation-notice{position:fixed;inset:0;background:var(--bg-color);z-index:100000;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2.5rem;box-sizing:border-box;background-image:radial-gradient(circle at 50% 50%,rgba(0,255,234,.15) 0%,transparent 50%)}.device-rotation{margin-bottom:2rem;perspective:1000px}@media(orientation:portrait)and (max-width:1024px){.orientation-notice{display:flex}}.device-rotation svg{width:120px;height:120px;stroke:var(--primary);stroke-width:1.5;filter:drop-shadow(0 0 15px var(--primary));animation:deviceRotateAnim 3s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes deviceRotateAnim{0%{transform:rotate(0)}20%{transform:rotate(0)}45%{transform:rotate(-90deg)}75%{transform:rotate(-90deg)}to{transform:rotate(0)}}.orientation-notice h2{font-size:2rem;margin-bottom:1rem;color:#fff}.orientation-notice p{font-size:1.1rem;color:var(--text-dim);max-width:300px;margin-bottom:2rem;line-height:1.5}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media(max-width:768px){h1{font-size:2.5rem;letter-spacing:2px}#root{padding:.8rem}.card{padding:1.2rem;margin:.5rem 0}input,button{font-size:.95rem}.mini-lang-switcher button{padding:4px 6px!important;font-size:.6rem!important}}@media(max-width:480px){h1{font-size:1.8rem}.player-row{font-size:1rem}.score-badge{font-size:1.5rem}footer{margin-top:1rem!important;padding:0!important;gap:2px!important}footer p{display:none}}@media(orientation:landscape)or (min-width:1025px){.orientation-notice{display:none}}@media(max-height:900px)and (orientation:landscape){body{overflow:visible;min-height:100vh;width:100vw}#root{padding:0!important;min-height:100vh;display:flex;flex-direction:column}.App{flex:1;display:flex;flex-direction:column}.match-active h1,footer{display:none!important}header{padding:10px 15px!important;margin:0!important;flex-direction:row!important;justify-content:space-between!important;width:100%;box-sizing:border-box}.match-active header{justify-content:center!important}.match-active .mini-lang-switcher{display:none!important}header h1{font-size:1.5rem!important;display:block!important}.card{padding:5px!important;margin:0!important;flex:1;border-radius:0;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.match-active .card{justify-content:center;overflow:hidden}.card h2{font-size:1rem!important;margin-bottom:8px!important;margin-top:5px!important}.match-control{display:grid!important;grid-template-areas:"header header" "score score" "controls controls" "footer footer";grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;gap:5px!important;height:100vh;padding:5px!important}.utility-controls{display:none!important}.utility-controls button{padding:8px!important;font-size:.7rem!important}.match-control>div:first-child{grid-area:header}.match-control .scoreboard{grid-area:score;display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;margin:0!important;padding:5px!important;background:#ffffff0d;border-radius:8px}.scoreboard .player-side h2{font-size:1.2rem!important}.scoreboard .big-score{font-size:4rem!important;line-height:1!important}.scoreboard .vs{font-size:1.2rem!important}@media(min-height:600px){.card{justify-content:space-around!important}.scoreboard .big-score{font-size:8rem!important}.scoreboard .player-side h2{font-size:2.5rem!important}.match-control .controls{height:100%;gap:15px!important}.p1-controls,.p2-controls{height:100%}.buttons-col{flex-grow:1;gap:5px!important;display:flex!important;flex-direction:column!important}.buttons-col button{flex-grow:1;font-size:1.5rem!important}.p1-controls>button,.p2-controls>button{flex-grow:.5;margin-top:5px!important;font-size:1.2rem!important;padding:15px!important}.p1-controls:before,.p2-controls:before{font-size:1.5rem!important;margin-bottom:10px}.center-controls button{padding:15px 30px!important;font-size:1.2rem!important}.log{max-height:100px!important;font-size:1.2rem!important}}.match-control .controls{grid-area:controls;display:grid!important;grid-template-columns:1fr .8fr 1fr!important;gap:8px!important;margin:0!important;align-items:center}.p1-controls,.p2-controls{border:none!important;padding:0!important;display:flex!important;flex-direction:column!important}.p1-controls:before{content:"P1";color:var(--primary);font-family:var(--font-heading);font-size:.7rem;text-align:center}.p2-controls:before{content:"P2";color:var(--secondary);font-family:var(--font-heading);font-size:.7rem;text-align:center}.controls h4{display:none}.buttons-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2px!important}.controls button{padding:12px 2px!important;font-size:.7rem!important;white-space:nowrap;border-radius:2px}.center-controls{background:#0003;border-radius:8px;padding:10px 5px!important;display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:center;border:1px solid var(--glass-border)}.center-controls button{padding:5px 8px!important;font-size:.65rem!important;background:#000000b3!important}.exit-button{border-color:var(--secondary)!important;color:var(--secondary)!important}.log{grid-area:footer;max-height:35px!important;font-size:.6rem!important;margin:0!important;padding:2px 10px!important}.match-control~footer{display:none!important}}.round-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;justify-content:center;align-items:center;pointer-events:none;background:#05051066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.round-number-anim{font-family:var(--font-heading);font-size:15vw;font-weight:900;color:#fff;text-shadow:0 0 20px var(--primary),0 0 40px var(--accent),0 0 100px rgba(0,0,0,.5);animation:roundSlide 2.5s cubic-bezier(.23,1,.32,1) forwards;white-space:nowrap;letter-spacing:-5px;transform:skew(-15deg)}.round-number-anim span{display:block;font-size:4vw;text-align:center;letter-spacing:10px;color:var(--secondary);text-shadow:0 0 10px var(--secondary);margin-top:-2vw}@media(max-height:400px)and (orientation:landscape){header h1{font-size:1rem!important}.mini-lang-switcher{gap:3px!important}.mini-lang-switcher button{padding:2px 5px!important;font-size:.55rem!important;min-width:30px!important}.match-control{gap:2px!important;padding:2px!important}.scoreboard{padding:2px!important;background:transparent!important;border-bottom:1px solid var(--glass-border);margin-bottom:2px!important}.scoreboard .player-side h2{display:block!important;font-size:.8rem!important;margin:0!important;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard .big-score{font-size:2.5rem!important}.scoreboard .vs{font-size:.8rem!important}.scoreboard .vs button{padding:2px 5px!important;font-size:.6rem!important}.match-control .controls{gap:4px!important}.controls button{padding:8px 1px!important;font-size:.65rem!important;border-radius:4px!important}.center-controls{padding:4px 2px!important;gap:4px!important}.center-controls button{padding:4px!important;font-size:.6rem!important}.log{display:none!important}.match-card{padding:8px!important;gap:4px!important}.player-row{font-size:.9rem!important;padding:4px!important}.score-badge{font-size:1.4rem!important}.p1-controls:before,.p2-controls:before{font-size:.6rem;margin-bottom:0}.registration-card{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important;align-items:start!important;padding:10px!important;max-height:80vh}.registration-main{display:flex;flex-direction:column;gap:5px}.registration-card h2{font-size:1rem!important;margin-bottom:5px!important}.registration-card .subtitle{display:none!important}.registration-form{margin-bottom:5px!important}.registration-form input,.registration-form button{padding:8px!important;font-size:.8rem!important}.registration-footer{margin-top:5px!important;padding-top:5px!important}.registration-footer h3{font-size:.8rem!important;margin-bottom:5px!important}.registration-footer .start-btn{padding:8px 20px!important;font-size:.9rem!important;width:100%}.participants-list{max-height:250px!important;margin-bottom:0!important}.participant-item{padding:4px 8px!important;font-size:.7rem!important}}.pwa-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200000;display:flex;overflow-y:auto;padding:20px 10px;box-sizing:border-box}.pwa-modal{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:24px;padding:25px;max-width:450px;width:100%;margin:auto;position:relative;box-shadow:0 0 50px #00ffea33;animation:modalIn .4s cubic-bezier(.16,1,.3,1);text-align:center}@keyframes modalIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:1.2rem;padding:5px}.pwa-header h3{color:var(--primary);margin-bottom:10px;font-size:1.4rem}.pwa-header p{color:var(--text-dim);font-size:.9rem;margin-bottom:20px}.pwa-instructions{display:flex;flex-direction:column;gap:15px;text-align:left}.pwa-platform{background:#ffffff08;border-radius:12px;padding:12px;border:1px solid var(--glass-border)}.pwa-platform h4{margin-bottom:8px;color:#fff;display:flex;align-items:center;gap:8px;font-size:.9rem}.pwa-platform ol{padding-left:20px;color:var(--text-dim);font-size:.85rem;line-height:1.4;margin:0}.pwa-btn-container{margin-top:20px}@media(max-height:400px)and (orientation:landscape){.pwa-modal{padding:15px}.pwa-instructions{flex-direction:row;gap:10px}.pwa-platform{flex:1;padding:8px}.pwa-header h3{font-size:1.1rem;margin-bottom:4px}.pwa-header p{display:none}}@keyframes roundSlide{0%{transform:translate(100%) skew(-15deg) scale(.8);opacity:0}20%{transform:translate(0) skew(-15deg) scale(1.2);opacity:1}80%{transform:translate(0) skew(-15deg) scale(1.2);opacity:1}to{transform:translate(-100%) skew(-15deg) scale(.8);opacity:0}}.spectator-mode #root{max-width:95vw;padding:1rem}.spectator-mode .app-header h1{font-size:5rem;margin-bottom:.5rem}.spectator-mode .bracket.grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.spectator-mode .match-card{padding:25px;border-width:2px;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(15,15,31,.8) 100%);animation:glow-border 2s infinite alternate}.spectator-mode .player-row{font-size:1.8rem;margin:15px 0}.spectator-mode .score-badge{font-size:2rem;padding:8px 20px;min-width:60px}.spectator-mode .orientation-notice,.spectator-mode .mini-lang-switcher,.spectator-mode footer p:not(:first-child),.spectator-mode .bg-glitch{display:none!important}@keyframes glow-border{0%{border-color:var(--glass-border);box-shadow:0 0 5px #00ffea1a}to{border-color:var(--primary);box-shadow:0 0 20px #00ffea33}}.spectator-mode .round-overlay{background:#050510f2}.spectator-mode .round-number-anim{font-size:8rem}.spectator-mode .leaderboard-item{font-size:1.5rem;padding:15px 30px}.live-pulse{animation:pulse-red 1s infinite alternate}@keyframes pulse-red{0%{opacity:.5;filter:drop-shadow(0 0 2px var(--secondary))}to{opacity:1;filter:drop-shadow(0 0 10px var(--secondary))}}.arena-config-box{background:linear-gradient(135deg,#00ffea0d,#7000ff0d);border:1px solid var(--glass-border);padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arena-assign-select{width:100%;padding:8px 12px;font-size:.75rem;font-family:var(--font-heading);background:var(--bg-color);color:var(--primary);border:1px solid var(--primary);border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;margin-bottom:15px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300ffea' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.arena-assign-select:hover{background-color:var(--primary);color:var(--bg-color);box-shadow:0 0 15px var(--primary)}.arena-assign-select option{background:var(--bg-color);color:#fff;text-transform:uppercase}.arena-counter{display:flex;align-items:center;gap:15px;background:var(--glass);padding:5px 15px;border-radius:20px;border:1px solid var(--glass-border)}.arena-counter button{background:transparent;border:none;color:var(--primary);font-size:1.5rem;padding:0 10px;box-shadow:none}.arena-counter button:hover{transform:scale(1.2);color:#fff;box-shadow:none}.bracket.grid.referee-view{display:flex!important;flex-direction:column!important;align-items:center!important;gap:30px!important;padding:20px 0!important}.bracket.grid.referee-view .match-card{width:100%!important;max-width:600px!important;transform:scale(1.05);margin:15px 0!important;box-shadow:0 0 20px #00ffea1a!important}.live-pulse{display:inline-flex;align-items:center;gap:5px;animation:pulse-op 1.5s infinite}@keyframes pulse-op{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.App.spectator-mode{max-width:1600px!important;width:95vw;margin:0 auto}.spectator-dashboard{display:flex;flex-direction:column;gap:30px;animation:fadeIn .5s ease-out;margin:0 auto;width:100%}@media(min-width:1100px){.spectator-dashboard{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:flex-start}.live-standings-tv{position:sticky;top:20px;max-height:calc(100vh - 100px);overflow-y:auto}}.section-title{color:var(--primary);font-family:var(--font-heading);letter-spacing:3px;text-align:center;margin-bottom:25px;text-shadow:0 0 15px rgba(0,255,234,.4);font-size:1.5rem}.live-standings-tv{background:var(--glass);padding:25px;border-radius:15px;border:1px solid var(--glass-border);box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.standings-table-wrapper{overflow-x:auto}.standings-table{width:100%;border-collapse:separate;border-spacing:0 6px}.standings-table th{padding:10px;font-size:.65rem;opacity:.5;letter-spacing:2px;font-weight:400;border-bottom:1px solid var(--glass-border);text-transform:uppercase}.standings-table td{padding:12px 10px;background:#ffffff05;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.standings-table tr td:first-child{border-left:1px solid var(--glass-border);border-top-left-radius:8px;border-bottom-left-radius:8px}.standings-table tr td:last-child{border-right:1px solid var(--glass-border);border-top-right-radius:8px;border-bottom-right-radius:8px}.rank-cell{font-weight:700;font-size:1rem;width:50px;text-align:center}.player-cell{font-size:.95rem;letter-spacing:.5px}.score-cell{width:90px;text-align:right}.stat-cell{width:60px;opacity:.5;text-align:center;font-size:.8rem}.top-three td{background:#ffffff0d!important}.rank-1 td{border-color:gold!important;color:gold!important}.rank-2 td{border-color:silver!important;color:silver!important}.rank-3 td{border-color:#cd7f32!important;color:#cd7f32!important}.rank-1 .score-badge{color:gold;text-shadow:0 0 15px gold}.rank-2 .score-badge{color:silver;text-shadow:0 0 15px #c0c0c0}.rank-3 .score-badge{color:#cd7f32;text-shadow:0 0 15px #cd7f32}.live-matches-tv .bracket.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.results-grid .match-card{opacity:.6;transform:scale(.98);border-left-color:var(--primary)!important}.spin{display:inline-block;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.standings-table td,.standings-table th{padding:8px 5px;font-size:.85rem}}