@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{font-family:Montserrat,sans-serif;margin:0;padding:0;color:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--blue-dark:#496b94;--blue-mid:#3f5f88;--blue-shadow:#2d4667;--oval:#e8eaf6;--text-dark:#2e4059;--accent:#f2c84b}html,body,#root{height:100%;width:100%;margin:0}.login-page{position:fixed;inset:0;background:var(--blue-dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.bg-ellipse{position:absolute;width:160vw;height:160vh;right:-68vw;top:-30vh;background:var(--oval);border-radius:50%;z-index:0}.login-card{position:relative;z-index:1;width:min(860px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px}.brand-row{width:100%;display:flex;align-items:center;justify-content:center;gap:32px;margin:0 0 6px}.logo-circle{flex:0 0 140px;height:140px;border-radius:50%;border:8px solid var(--blue-mid);color:#3f5f88b3;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:1px;background:transparent;font-size:clamp(145px,8.5vw,110px)}.login-title{margin:0;color:var(--text-dark);font-weight:800;line-height:.9;display:flex;flex-direction:column;font-size:clamp(52px,8.5vw,110px)}.login-btn{width:520px;max-width:80vw}.login-btn{margin-top:10px;padding:10px 14px;background:var(--accent);border:3px solid var(--blue-shadow);color:#22354f;font-weight:700;border-radius:8px;cursor:pointer;box-shadow:0 2px #0000002e inset;transition:transform .05s,filter .1s}.login-btn:hover{filter:brightness(1.05)}.login-btn:active{transform:translateY(1px)}.nameentry-form{flex:1;display:flex;flex-direction:column;align-items:center;padding-right:200px;gap:20px}.nameentry-form .field{max-width:320px;width:100%}.nameentry-form .field input{width:100%;box-sizing:border-box;padding:12px 16px;font-size:16px}.nameentry-form .login-btn{width:100%;max-width:320px;box-sizing:border-box;font-size:16px;padding:10px 14px}@media(max-width:480px){.brand-row{flex-direction:column;gap:12px}.logo-circle{flex:0 0 80px;height:80px;font-size:48px}.login-title{font-size:clamp(36px,9vw,52px);text-align:center;align-items:center}.login-btn{width:90vw;max-width:90vw}.login-btn{min-height:48px;font-size:1rem}}body:has(.waitingPage){display:block;place-items:initial}#root:has(.waitingPage){max-width:none;padding:0}.waitingPage{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#48689c;color:#3c4f76;font-family:Arial,Helvetica,sans-serif}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.header{font-size:clamp(42px,8vw,96px)}.subtitle{font-size:clamp(18px,2.2vw,30px)}.nextButton{background-color:#3c4f76;color:#f2a541;border:0;border-radius:0;cursor:pointer}.nextButton:hover{color:#ffce89;background:#689aff;transition:.2s}.nextButton:active{color:#ffe6c3;background:#dae6ff}.circle{position:absolute;z-index:0;width:1100px;height:1500px;border-radius:50%;background:#dddbf1;top:-400px;right:-60px;transform:rotate(110deg)}@media(max-width:480px){.hero{padding:2.5rem 1.5rem 0}.header{font-size:clamp(32px,8vw,60px);text-align:center;padding:0 .5rem;word-break:break-word}.subtitle{font-size:clamp(16px,4.5vw,22px);text-align:center;padding:0 1rem}.nextButton{padding:14px 40px;font-size:1.1rem;min-height:48px;border-radius:8px;margin-top:1.5rem}}.player-select-page{background-color:#48689c;color:#fff;border-radius:0;width:100%;overflow-x:hidden;min-height:100vh;position:absolute;top:0;left:0}.status-container{background-color:#dddbf1;color:#3c4f76;padding:1.5rem;border-radius:.75rem;max-width:90%;margin:1.5rem auto;box-shadow:0 4px 10px #0003;display:flex;justify-content:space-between;align-items:center}.athletes-container{background-color:#dddbf1;color:#090e6baa;border-radius:.75rem;max-width:90%;margin:1.5rem auto 2rem;box-shadow:0 4px 10px #0003;overflow:hidden;padding:1.5rem}.athletes-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;font-weight:700;font-size:1rem;border-bottom:2px;padding:10px;background-color:#dddbf1;position:sticky;top:0;z-index:100}.athletes-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:0 1.5rem 1.5rem}.player-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;padding:12px;cursor:pointer;border-radius:8px;border:2px solid transparent;margin-bottom:8px;transition:all .2s ease;background-color:transparent}.player-row:hover{background-color:#f4a46033}.player-row.selected{background-color:#f4a460;border:2px solid #3C4F76;color:#fff}.team-slots{color:#5d6a8e;font-size:.95rem;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.team-slot{display:inline}.team-slot.filled{color:#3c4f76;font-weight:600}.team-slot.empty{color:#8a8aaa;font-style:italic}.separator{color:#5d6a8e;margin:0 5px}.athletes-list::-webkit-scrollbar{width:10px}.athletes-list::-webkit-scrollbar-track{background:#c8c8e8;border-radius:10px}.athletes-list::-webkit-scrollbar-thumb{background:#48689c;border-radius:10px}.athletes-list::-webkit-scrollbar-thumb:hover{background:#2d4667}.select-btn{display:block;margin:1.5rem auto;padding:12px 36px;background:#f4a460;color:#3c4f76;font-weight:700;font-size:1rem;border:none;border-radius:8px;cursor:pointer;min-height:48px;transition:filter .15s,transform .05s}.select-btn:hover{filter:brightness(1.1)}.select-btn:active{transform:translateY(1px)}@media(max-width:480px){.status-container{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.athletes-container{padding:1rem}.athletes-header{grid-template-columns:2fr 1fr;font-size:.85rem;padding:8px}.athletes-header h2:nth-child(2),.athletes-header h2:nth-child(3){display:none}.player-row{grid-template-columns:2fr 1fr;padding:10px 8px;font-size:.9rem}.player-row>div:nth-child(2),.player-row>div:nth-child(3){display:none}.athletes-list{padding:0 .5rem 1rem;max-height:300px}.select-btn{width:calc(100% - 3rem);max-width:90vw;margin:1rem 1.5rem 2rem}}body{font-family:Kanit,sans-serif}.team-display-page{background-color:#48689c;color:#fff;min-height:100vh;width:100%;position:absolute;top:0;left:0;padding:2rem;overflow-x:hidden}.page-title{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:#fff;font-weight:600}.teams-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:95%;margin:0 auto}.team-card{background-color:#dddbf1;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 10px #0003}.team-name{font-size:1.8rem;margin-bottom:1rem;color:#3c4f76;border-bottom:3px solid #f4a460;padding-bottom:.5rem;font-weight:600}.team-stats{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background-color:#f4a4601a;border-radius:.5rem}.stat{display:flex;flex-direction:column}.stat-label{font-size:.9rem;color:#5d6a8e;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#f4a460}.players-list{display:flex;flex-direction:column;gap:.75rem}.player-card{display:flex;align-items:center;background-color:#3c4f76;padding:1rem;border-radius:8px;transition:all .2s ease;border:2px solid transparent}.player-card:hover{transform:translate(5px);border:2px solid #f4a460;background-color:#48689c}.player-number{width:35px;height:35px;background:#f4a460;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;font-size:1.1rem}.player-info{flex:1}.player-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.player-details{font-size:.9rem;color:#dddbf1}.no-players{text-align:center;padding:2rem;color:#8a8aaa;font-style:italic}@media(max-width:768px){.teams-container{grid-template-columns:repeat(2,1fr)}.page-title{font-size:1.8rem}}@media(max-width:480px){.team-display-page{padding:1rem}.teams-container{grid-template-columns:1fr;max-width:100%}.page-title{font-size:1.4rem;margin-bottom:1rem}.team-name{font-size:1.4rem}.team-stats{gap:1rem;padding:.75rem}.player-details{font-size:.8rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}