:root{color-scheme:only light;font-family:Outfit,sans-serif;background:#f4f6f8;color:#1f1f1f}body,html{margin:0;padding:0;height:100%;background:#f4f6f8!important;color:#1f1f1f!important}@media (prefers-color-scheme: dark){body,.app{background:#f4f6f8!important;color:#1f1f1f!important}}.app{display:flex;flex-direction:column;min-height:100vh;background:#f4f6f8;font-family:Outfit,sans-serif;margin:0;padding:0;overflow:hidden}.mobile-stats-recorder{display:flex;height:100vh;width:100vw;overflow:hidden;background:#f5f5f5;font-family:Outfit,sans-serif}@media (orientation: portrait){.mobile-stats-recorder{flex-direction:column}.mobile-stats-recorder .rotate-message{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;font-size:1.2rem;padding:2rem;background:#fff}.mobile-stats-recorder .stats-content{display:none}}@media (orientation: landscape){.mobile-stats-recorder{flex-direction:row}.mobile-stats-recorder .rotate-message{display:none}.mobile-stats-recorder .stats-content{display:flex;width:100%;height:100%}}.content{flex:1 0 auto;display:flex;flex-direction:column;width:100%}.whatsapp-icon{position:absolute;top:1rem;right:1rem;color:#1f1f1f;cursor:pointer;text-decoration:none;z-index:1}.header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem}.auth-form{width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.header img.logo{display:none}@media (max-width: 640px){.header img.logo{height:36px}}.logout-button{position:absolute;top:1.5rem;right:1.5rem;background:#1f1f1f;color:#fff;padding:.45rem .9rem;border:none;border-radius:9999px;font-size:.85rem;cursor:pointer}.main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 2.5rem}.main.auth-centered{flex:1 0 auto;justify-content:center}.center-wrap{flex:1 0 auto;display:flex;align-items:center;justify-content:center}.main.fill{flex:1 0 auto}.greeting{font-size:1.5rem;font-weight:700;margin-bottom:0;margin-top:.2rem}.card{background:#fff;padding:1.5rem;padding-top:calc(1.5rem + 16px);border-radius:14px;box-shadow:0 4px 24px #0000000d;max-width:500px;width:100%;text-align:center;margin-bottom:-1rem;position:relative}.card:before{content:"";position:absolute;top:-25px;left:50%;transform:translate(-50%);width:50px;height:50px;background-image:url(/icon-red-filled.png);background-size:contain;background-repeat:no-repeat;pointer-events:none}.auth-card:before{animation:logoAppear .6s ease-out forwards}@keyframes logoAppear{0%{opacity:0;transform:translate(-50%) scale(.3)}50%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}.card.no-stamp:before{display:none}.card .title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:.2rem}.card h2{font-size:1.1rem;margin:0 0 1.25rem}.card h4{font-size:1.2rem;margin-bottom:-.7rem}.card p{margin:.5rem 0}ul{list-style:none;padding:0;margin-top:.5rem}ul li{margin:.3rem 0;font-size:.95rem}.subtitle{margin-top:0rem;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5rem;color:#666}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem .1rem;padding-left:0;list-style:none;margin:.5rem 0 1rem;justify-items:center;font-size:.95rem;word-break:keep-all}.player-grid li{text-align:left;margin:0;padding-left:0rem;font-size:.95rem}.team-list{list-style:none;padding:0;margin:0;font-size:.95rem;display:flex;flex-direction:column;gap:.2rem;text-align:center}.team-list li{margin:0;padding:0;line-height:1.1}.team-list li.dragging{transform:scale(1.05);box-shadow:0 8px 16px #0003;z-index:1000;opacity:.95}.team-list li.drag-over{background-color:#3b82f626}.captain-badge{display:inline-block;margin-left:.25rem;padding:.1rem .3rem;background:#ef2d32;color:#fff;font-size:.65rem;font-weight:600;border-radius:9999px;vertical-align:top;text-align:center;margin-top:.04rem;line-height:1.1}button{font-family:inherit;font-weight:600;background-color:#1f1f1f;color:#fff;padding:.5rem 1rem;border:none;border-radius:9999px;font-size:.95rem;cursor:pointer;margin:.35rem}button:hover{background-color:#333}.game-button:hover{transform:translateY(-2px)}input[type=text],input[type=email],input[type=password]{padding:.5rem;margin-bottom:1rem;width:100%;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.password-input-container{position:relative;width:100%;margin-bottom:1rem}.password-input-container input{margin-bottom:0;padding-right:2.5rem;width:100%;box-sizing:border-box}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0;margin:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;color:#000}.password-toggle:hover{opacity:1;background:none;transform:translateY(-50%)}.alert{padding:.75rem;background:#ffe8e8;border:1px solid #ffb3b3;color:#a80000;border-radius:6px;margin-bottom:1rem}.footer{text-align:center;padding:2rem 0;font-size:.85rem;color:#777;background:#f4f6f8;flex-shrink:0;width:100%;margin-top:auto}.footer-logo{height:48px}.footer-link{color:#ef2d32;text-decoration:none;font-weight:400}.footer-link:hover{text-decoration:underline}.footer p{margin:.2rem 0;line-height:1}.fade-in{margin-bottom:1rem;animation:fadeIn .4s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.logout-area{margin-top:2rem;text-align:center}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:2rem;border-radius:1rem;max-width:320px;width:90%;box-shadow:0 10px 25px #00000040;text-align:center}.modal h3{margin-top:0;font-size:1.5rem;font-weight:700}.modal p{margin:1rem 0;font-size:1rem;color:#333}.modal-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;border:none;border-radius:9999px}.btn{padding:.5rem 1.2rem;border:none;border-radius:9999px;font-size:1rem;cursor:pointer}.btn-danger{background-color:#ef2d32;border:none;border-radius:9999px;color:#fff}.btn-secondary{background-color:#ccc;border:none;border-radius:9999px;color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;padding:2rem 0;color:#333}.loading-spinner{width:25px;height:25px;border:4px solid #ccc;border-top:4px solid #ef2d32;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.fade-container{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.games-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0;width:100%;max-width:500px;margin:0 auto}.games-wrapper{display:flex;justify-content:center;width:100%}@media (min-width: 768px){.card{padding:2rem}.games-grid{gap:1.5rem}}.wave{display:inline-block;transform-origin:70% 70%;animation:wave-animation 1.5s ease-in-out infinite}@keyframes wave-animation{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.paid-badge{margin-left:.5rem;background-color:#10b981;color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.paid-toggle{margin-left:.5rem;background:transparent;border:none;cursor:pointer;font-size:.85rem;color:#3b82f6;text-decoration:underline;padding:0}.auth-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.auth-btn-primary{width:100%;padding:.8rem 1rem;border:none;border-radius:9999px;background:#1f1f1f;color:#fff;font-weight:600;transition:background .2s}.auth-btn-primary:hover{background:#ef2d32}.auth-link-row{display:flex;justify-content:space-between;margin-top:.75rem}.auth-link{background:none;border:none;color:#1f1f1f;font-size:.9rem;cursor:pointer;padding:0}.auth-link:hover{text-decoration:underline}.auth-link{background:transparent;border:none;cursor:pointer;font-size:.85rem;color:#ef2d32;padding:0;margin:0}.self-pay-btn{background-color:#10b981;border:none;border-radius:9999px;color:#fff;padding:.4rem 1rem;justify-content:center;font-size:.95rem;cursor:pointer;width:auto;margin-top:-.4rem;margin-bottom:-.6rem;display:inline-flex;align-items:center}.self-pay-btn:disabled{background-color:#10b981;border:none;border-radius:9999px;color:#fff;padding:.4rem 1rem;font-size:.95rem;cursor:pointer;width:auto;margin-top:-.4rem;margin-bottom:-.6rem;opacity:.6;cursor:not-allowed;align-items:center}.paid-indicator{display:inline-block;width:.6rem;height:.6rem;background-color:#10b981;border-radius:50%}.payment-banner{font-size:.9rem;padding:.4rem .8rem;border-radius:4px;max-width:240px;text-align:center}.payment-banner.error{background-color:#ffe8e8;color:#a80000;margin-top:1rem}.payment-banner.success{background-color:#e6ffed;color:#10703d;margin-top:1rem}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;width:1rem;height:1rem;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.payment-summary{background:#f9f9f9;padding:.75rem;border-radius:6px;font-size:.95rem;display:flex;justify-content:space-around}.status-indicator{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin:0 0rem .1rem .3rem;vertical-align:middle}.status-confirmed{background-color:#10b981}.status-standby{background-color:#f59e0b}.status-unavailable{background-color:#ef2d32}.status-unconfirmed{background-color:#6b7280}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.status-indicator{animation:pulse 1.5s ease-in-out infinite}.loading-logo-wrapper{display:flex;justify-content:center;align-items:center;background-color:#ef2d32;height:100vh;width:100vw;opacity:1;transition:opacity .5s ease}.loading-logo-wrapper.fade-out{opacity:0}.loading-logo{width:180px;height:180px;transition:transform .5s ease,opacity .5s ease;transform-origin:center}.loading-logo-wrapper.fade-out .loading-logo{transform:scale(2);opacity:0}.dots{text-align:center;margin-top:.8rem}.dots span{font-size:1.2rem;margin:0 .2rem;color:#888}.dots span.active{color:#1f1f1f}.radial-wheel-container,.radial-wheel-container *{-webkit-tap-highlight-color:transparent}.tw\:min-h-screen{min-height:100vh}.tw\:bg-slate-900{background-color:#0f172a}.tw\:flex{display:flex}.tw\:items-center{align-items:center}.tw\:select-none{-webkit-user-select:none;user-select:none}.tw\:mx-auto{margin-left:auto;margin-right:auto}.tw\:max-w-7xl{max-width:80rem}.tw\:text-2xl{font-size:1.5rem;line-height:2rem}.tw\:font-bold{font-weight:700}.tw\:px-3{padding-left:.75rem;padding-right:.75rem}.tw\:py-1{padding-top:.25rem;padding-bottom:.25rem}.tw\:rounded-xl{border-radius:.75rem}.tw\:font-medium{font-weight:500}.tw\:bg-red-600{background-color:#dc2626}.tw\:text-white{color:#fff}.tw\:bg-slate-700{background-color:#334155}.tw\:bg-slate-600{background-color:#475569}.tw\:border{border-width:1px}.tw\:border-slate-600{border-color:#475569}.tw\:text-sm{font-size:.875rem;line-height:1.25rem}.tw\:grid{display:grid}.tw\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw\:mb-6{margin-bottom:1.5rem}.tw\:bg-slate-800\/60{background-color:#1e293b99}.tw\:rounded-2xl{border-radius:1rem}.tw\:font-semibold{font-weight:600}.tw\:text-blue-400{color:#60a5fa}.tw\:space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.tw\:text-red-400{color:#f87171}.tw\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw\:opacity-60{opacity:.6}.tw\:text-center{text-align:center}.tw\:mt-6{margin-top:1.5rem}.tw\:text-xs{font-size:.75rem;line-height:1rem}.tw\:mt-1{margin-top:.25rem}.tw\:fixed{position:fixed}.tw\:z-\[9999\]{z-index:9999}.hover\:tw\:bg-slate-600:hover{background-color:#475569}@media (min-width: 768px){.md\:tw\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:tw\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:tw\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:tw\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.tw\:max-h-96{max-height:24rem}.tw\:overflow-auto{overflow:auto}.tw\:pr-1{padding-right:.25rem}.tw\:cursor-pointer{cursor:pointer}.tw\:font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.hover\:tw\:text-blue-400:hover{color:#60a5fa}.tw\:inline-block{display:inline-block}.tw\:w-2{width:.5rem}.tw\:h-2{height:.5rem}.tw\:flex-1{flex:1 1 0%}.tw\:hidden{display:none}.tw\:max-w-5xl{max-width:64rem}.tw\:w-full{width:100%}.tw\:h-32{height:8rem}.tw\:bg-slate-900\/30{background-color:#0f172a4d}.tw\:rounded-lg{border-radius:.5rem}.tw\:overflow-hidden{overflow:hidden}.tw\:inset-x-0{left:0;right:0}.tw\:top-1\/2{top:50%}.tw\:h-0\.5{height:.125rem}.tw\:bg-slate-500{background-color:#64748b}.tw\:transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw\:-translate-y-px{--tw-translate-y: -1px}.tw\:left-2{left:.5rem}.tw\:top-2{top:.5rem}.tw\:bottom-2{bottom:.5rem}.tw\:px-2{padding-left:.5rem;padding-right:.5rem}.tw\:mx-0\.5{margin-left:.125rem;margin-right:.125rem}.tw\:bg-blue-500{background-color:#3b82f6}.tw\:bg-red-500{background-color:#ef4444}.tw\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw\:duration-300{transition-duration:.3s}.tw\:justify-between{justify-content:space-between}.tw\:px-4{padding-left:1rem;padding-right:1rem}.tw\:py-2{padding-top:.5rem;padding-bottom:.5rem}.tw\:py-3{padding-top:.75rem;padding-bottom:.75rem}.tw\:rounded-full{border-radius:9999px}.tw\:bg-blue-900\/40{background-color:#1e3a8a66}.tw\:text-blue-300{color:#93c5fd}.tw\:border-blue-600\/30{border-color:#2563eb4d}.tw\:bg-red-900\/40{background-color:#7f1d1d66}.tw\:text-red-300{color:#fca5a5}.tw\:border-red-600\/30{border-color:#dc26264d}.tw\:bg-amber-900\/30{background-color:#78350f4d}.tw\:border-amber-600\/40{border-color:#d9770666}.tw\:text-amber-400{color:#fbbf24}.tw\:py-8{padding-top:2rem;padding-bottom:2rem}.tw\:gap-6{gap:1.5rem}.tw\:text-lg{font-size:1.125rem;line-height:1.75rem}.tw\:bg-amber-700{background-color:#b45309}.hover\:tw\:bg-amber-600:hover{background-color:#d97706}.tw\:text-green-400{color:#4ade80}.tw\:bg-blue-800\/90{background-color:#1e40afe6}.tw\:bg-red-800\/90{background-color:#991b1be6}.tw\:bg-slate-800\/90{background-color:#1e293be6}.hover\:tw\:bg-blue-700\/90:hover{background-color:#1d4ed8e6}.hover\:tw\:bg-red-700\/90:hover{background-color:#b91c1ce6}.hover\:tw\:bg-slate-700\/90:hover{background-color:#334155e6}.tw\:border-blue-600\/50{border-color:#2563eb80}.tw\:border-red-600\/50{border-color:#dc262680}.tw\:border-slate-600\/50{border-color:#47556980}.tw\:duration-150{transition-duration:.15s}.tw\:shadow-sm{box-shadow:0 1px 2px #0000000d}.hover\:tw\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.active\:tw\:scale-98:active{transform:scale(.98)}.tw\:tracking-wide{letter-spacing:.025em}.tw\:text-slate-200\/80{color:#e2e8f0cc}.tw\:bg-white\/10{background-color:#ffffff1a}.tw\:text-slate-200{color:#e2e8f0}.tw\:text-slate-100{color:#f1f5f9}.tw\:text-slate-300{color:#cbd5e1}.tw\:text-slate-400{color:#94a3b8}.tw\:text-slate-500{color:#64748b}.tw\:items-end{align-items:flex-end}.tw\:gap-1{gap:.25rem}.tw\:opacity-80{opacity:.8}.tw\:border-2{border-width:2px}.hover\:tw\:opacity-80:hover{opacity:.8}.tw\:min-w-0{min-width:0}.tw\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw\:flex-shrink-0{flex-shrink:0}.tw\:text-left{text-align:left}.tw\:pr-2{padding-right:.5rem}.tw\:gap-3{gap:.75rem}.tw\:space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.tw\:mb-4{margin-bottom:1rem}.tw\:p-4{padding:1rem}.tw\:gap-4{gap:1rem}.tw\:gap-2{gap:.5rem}.tw\:mb-3{margin-bottom:.75rem}.tw\:max-w-4xl{max-width:56rem}.tw\:relative{position:relative}.tw\:absolute{position:absolute}.tw\:inset-0{top:0;right:0;bottom:0;left:0}.tw\:mt-2{margin-top:.5rem}.tw\:opacity-75{opacity:.75}@media (min-width: 768px){.md\:tw\:inline{display:inline}}@media (min-width: 1024px){.lg\:tw\:block{display:block}}.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}}.read-the-docs{color:#888}.tw\:border-l-4{border-left-width:4px}.tw\:border-l-blue-400{border-left-color:#60a5fa}.tw\:border-l-red-400{border-left-color:#f87171}.tw\:border-l-green-400{border-left-color:#4ade80}.tw\:border-l-purple-400{border-left-color:#c4b5fd}.tw\:border-l-orange-400{border-left-color:#fb923c}.tw\:border-l-amber-400{border-left-color:#fbbf24}.tw\:pl-3{padding-left:.75rem}.tw\:min-h-\[3rem\]{min-height:3rem}.tw\:leading-tight{line-height:1.25}.tw\:bg-slate-700\/30{background-color:#3341554d}.tw\:backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hover\:tw\:bg-slate-600\/40:hover{background-color:#47556966}.tw\:flex-col{flex-direction:column}.tw\:justify-center{justify-content:center}.tw\:text-base{font-size:1rem;line-height:1.5rem}html,body,#root{height:100%}*{-webkit-tap-highlight-color:transparent}