:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent:#6366f1;--accent-strong:#4f46e5;--accent-soft:#818cf8;--accent-contrast:#fff;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--danger:#ef4444;--danger-strong:#dc2626;--danger-gradient:linear-gradient(135deg, #f87171 0%, #ef4444 100%);--accent-rgb:99, 102, 241;--danger-rgb:239, 68, 68;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-gradient:linear-gradient(135deg, #0f1225 0%, #171b34 100%);--surface:#1e223c8c;--surface-solid:#1b1f38;--surface-raised:#ffffff0f;--surface-raised-hover:#ffffff1a;--surface-input:#0f1225bf;--text-primary:#f1f3fb;--text-secondary:#f1f3fbb8;--text-muted:#f1f3fb80;--text-on-accent:#fff;--border:#ffffff1f;--border-accent:rgba(var(--accent-rgb), .4);--border-accent-hover:rgba(var(--accent-rgb), .65);--shadow-color:#00000080;--modal-backdrop:#060814d1;--link:var(--accent-soft);--link-hover:#a5b4fc}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-gradient:linear-gradient(135deg, #eef1f8 0%, #dbe3f4 100%);--surface:#ffffffb3;--surface-solid:#fff;--surface-raised:#0f172a0a;--surface-raised-hover:#0f172a14;--surface-input:#ffffffe6;--text-primary:#1e293b;--text-secondary:#1e293bc7;--text-muted:#1e293b8c;--text-on-accent:#fff;--border:#0f172a1f;--border-accent:rgba(var(--accent-rgb), .35);--border-accent-hover:rgba(var(--accent-rgb), .6);--shadow-color:#0f172a2e;--modal-backdrop:#0f172a8c;--link:var(--accent-strong);--link-hover:var(--accent)}a{color:var(--link);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--link-hover)}body{width:100vw;min-width:320px;height:100vh;color:var(--text-primary);background:var(--bg-gradient);margin:0;padding:0;transition:background .3s,color .3s;overflow:hidden}html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:focus,button:focus-visible{outline:3px solid rgba(var(--accent-rgb), .6);outline-offset:2px}.app{grid-template-columns:1fr 280px;width:100vw;height:100vh;display:grid;position:fixed;top:0;left:0;overflow:hidden}.app__sidebar{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid var(--border-accent);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;padding:1.5rem 1rem;transition:background .3s,border-color .3s;display:flex;overflow-y:auto}.app__toolbar{justify-content:flex-end;width:100%;display:flex}.app h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-1px;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}@media (width<=1024px){.app{grid-template-columns:1fr 260px}.app__sidebar{padding:1.25rem .875rem}.app h1{font-size:1.5rem}}@media (width<=768px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr;position:relative}.app__sidebar{border-left:none;border-bottom:2px solid var(--border-accent);gap:1rem;height:auto;padding:1rem}.app h1{font-size:1.5rem}}.saved-teams-manager{flex-direction:column;gap:1rem;width:100%;display:flex}.saved-teams-manager h2{color:var(--text-primary);text-align:center;margin:0;font-size:1.25rem;font-weight:600}.saved-teams-manager__save{justify-content:center;width:100%;display:flex}.saved-teams-manager__save-button{background:var(--accent-gradient);width:100%;color:var(--text-on-accent);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.saved-teams-manager__save-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--accent-rgb), .4);transform:translateY(-2px)}.saved-teams-manager__save-button:disabled{opacity:.5;cursor:not-allowed}.saved-teams-manager__list{width:100%}.saved-teams-manager__empty{color:var(--text-muted);text-align:center;margin:0;padding:1rem;font-size:.85rem}.saved-teams-manager__teams{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.saved-teams-manager__team{background:var(--surface-raised);border:1px solid var(--border-accent);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.saved-teams-manager__team:hover{background:var(--surface-raised-hover);border-color:var(--border-accent-hover)}.saved-teams-manager__team-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.saved-teams-manager__team-count{color:var(--text-muted);font-size:.8rem}.saved-teams-manager__actions{gap:.5rem;margin-top:.25rem;display:flex}.saved-teams-manager__load-button,.saved-teams-manager__delete-button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s}.saved-teams-manager__load-button{background:rgba(var(--accent-rgb), .3);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb), .5)}.saved-teams-manager__load-button:hover{background:rgba(var(--accent-rgb), .5);border-color:rgba(var(--accent-rgb), .7)}.saved-teams-manager__delete-button{background:rgba(var(--danger-rgb), .2);color:var(--text-primary);border:1px solid rgba(var(--danger-rgb), .4)}.saved-teams-manager__delete-button:hover{background:rgba(var(--danger-rgb), .4);border-color:rgba(var(--danger-rgb), .6)}.team-input{flex-direction:column;gap:.625rem;width:100%;display:flex}.team-input__field{border:2px solid var(--border-accent);background-color:var(--surface-input);color:var(--text-primary);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .3s}.team-input__field:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .2), 0 4px 12px rgba(var(--accent-rgb), .3);outline:none;transform:translateY(-2px)}.team-input__field::placeholder{color:var(--text-muted)}.team-input__button{color:var(--text-on-accent);background:var(--accent-gradient);cursor:pointer;box-sizing:border-box;width:100%;box-shadow:0 4px 12px rgba(var(--accent-rgb), .3);border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.team-input__button:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb), .4);transform:translateY(-2px)}.team-input__button:active{box-shadow:0 2px 8px rgba(var(--accent-rgb), .3);transform:translateY(0)}.team-input__button:focus{outline:2px solid var(--text-on-accent);outline-offset:2px}@media (width<=768px){.team-input{gap:.75rem;max-width:100%}.team-input__field{padding:.75rem 1rem;font-size:.95rem}.team-input__button{padding:.75rem 1.5rem;font-size:.95rem}}.team-name-section{width:100%;margin-bottom:.5rem}.team-name__field{border:2px solid var(--border-accent);background:rgba(var(--accent-rgb), .12);color:var(--text-primary);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:12px;width:100%;padding:1rem 1.25rem;font-size:1.2rem;font-weight:600;transition:all .3s}.team-name__field:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .2), 0 4px 12px rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .2);outline:none;transform:translateY(-2px)}.team-name__field::placeholder{color:var(--text-muted);font-weight:500}.team-input-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.team-list{width:100%}.team-list__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.9rem;font-weight:600}.team-list__items{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.team-list__item{background-color:var(--surface-raised);border:1px solid var(--border-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.team-list__item:hover{background-color:var(--surface-raised-hover);border-color:var(--border-accent-hover);transform:translate(4px)}.team-list__name{color:var(--text-primary);flex:1;font-size:.9rem}.team-list__remove-button{background-color:rgba(var(--danger-rgb), .2);width:28px;height:28px;color:var(--danger);cursor:pointer;vertical-align:middle;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-family:Arial,sans-serif;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.team-list__remove-button:hover:not(:disabled){background-color:var(--danger);color:#fff;transform:scale(1.1)}.team-list__remove-button:active:not(:disabled){transform:scale(.95)}.team-list__remove-button:disabled{opacity:.3;cursor:not-allowed}.team-list__remove-button:focus{outline:2px solid var(--danger);outline-offset:2px}@media (width<=768px){.team-name__field{padding:.875rem 1rem;font-size:1rem}.team-list__title{font-size:.85rem}.team-list__item{padding:.625rem .875rem}.team-list__name{font-size:.85rem}.team-list__remove-button{width:26px;height:26px;font-size:1.3rem;line-height:1}}.wheel-container{justify-content:center;align-items:center;width:100%;height:100vh;padding-top:2rem;display:flex}.wheel-empty{border:3px dashed var(--border-accent);background:rgba(var(--accent-rgb), .08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:min(80vh,80vw);max-width:700px;height:min(80vh,80vw);max-height:700px;transition:all .3s;display:flex}.wheel-empty:hover{border-color:var(--border-accent-hover);background:rgba(var(--accent-rgb), .13)}.wheel-empty p{color:var(--text-secondary);text-align:center;padding:2rem;font-size:1.3rem;font-weight:500}.wheel-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;width:min(80vh,80vw);max-width:700px;height:min(80vh,80vw);max-height:700px;transition:all .3s;position:relative}.wheel-wrapper:hover{transform:scale(1.02)}.wheel-wrapper:active{transform:scale(.98)}.wheel-arrow{color:var(--accent);z-index:10;text-shadow:0 4px 8px var(--shadow-color);filter:drop-shadow(0 0 10px rgba(var(--accent-rgb), .8));font-size:2.5rem;animation:2s ease-in-out infinite pulse;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(5px)}}.wheel-svg{filter:drop-shadow(0 8px 16px #0000004d);width:100%;height:100%;transition:transform .1s ease-out}.wheel-svg.spinning{transition:transform 1.5s cubic-bezier(.17,.67,.12,.99)}@media (width<=768px){.wheel-container{height:calc(100vh - 200px);padding:1rem}.wheel-empty,.wheel-wrapper{width:min(70vh,90vw);max-width:500px;height:min(70vh,90vw);max-height:500px}.wheel-empty p{padding:1.5rem;font-size:1.1rem}.wheel-arrow{font-size:2rem;top:-25px}}@media (width<=480px){.wheel-empty,.wheel-wrapper{width:min(60vh,85vw);max-width:350px;height:min(60vh,85vw);max-height:350px}.wheel-empty p{padding:1rem;font-size:1rem}.wheel-arrow{font-size:1.75rem;top:-20px}}@media (width<=360px){.wheel-empty,.wheel-wrapper{width:240px;height:240px}.wheel-empty p{font-size:.9rem}}.modal-backdrop{background-color:var(--modal-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-solid);border:2px solid var(--border-accent);text-align:center;min-width:400px;max-width:90%;box-shadow:0 20px 60px var(--shadow-color), 0 0 40px rgba(var(--accent-rgb), .25);border-radius:24px;padding:3rem 2.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) slideIn;position:relative;overflow:hidden}.modal-content:before{content:"";background:radial-gradient(circle, rgba(var(--accent-rgb), .1) 0%, transparent 70%);width:200%;height:200%;animation:10s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-100px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:3px;z-index:1;-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:2.2rem;font-weight:700;position:relative}.modal-winner{color:var(--text-on-accent);background:var(--accent-gradient);text-shadow:0 4px 8px #0006;word-break:break-word;z-index:1;box-shadow:0 8px 24px rgba(var(--accent-rgb), .4);border-radius:16px;margin:0 0 2.5rem;padding:1.5rem 2rem;font-size:3rem;font-weight:900;animation:.6s ease-out .3s celebrate;position:relative}@keyframes celebrate{0%,to{transform:scale(1)}25%{transform:scale(1.05)rotate(-2deg)}75%{transform:scale(1.05)rotate(2deg)}}.modal-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.modal-button{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;min-width:160px;padding:1.125rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-button:hover:before{width:300px;height:300px}.modal-button--spin-again{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:0 4px 16px rgba(var(--accent-rgb), .4)}.modal-button--spin-again:hover{box-shadow:0 8px 24px rgba(var(--accent-rgb), .6);transform:translateY(-3px)scale(1.05)}.modal-button--remove{background:var(--danger-gradient);color:#fff;box-shadow:0 4px 16px rgba(var(--danger-rgb), .4)}.modal-button--remove:hover{box-shadow:0 8px 24px rgba(var(--danger-rgb), .6);transform:translateY(-3px)scale(1.05)}.modal-button:active{transform:translateY(0)scale(1)}.modal-button:focus{outline:3px solid rgba(var(--accent-rgb), .6);outline-offset:3px}@media (width<=768px){.modal-content{min-width:350px;padding:2.5rem 2rem}.modal-title{letter-spacing:2px;font-size:1.8rem}.modal-winner{padding:1.25rem 1.5rem;font-size:2.5rem}.modal-button{min-width:140px;padding:1rem 2rem;font-size:1rem}}@media (width<=480px){.modal-content{border-radius:20px;min-width:280px;padding:2rem 1.5rem}.modal-title{letter-spacing:1.5px;margin-bottom:1rem;font-size:1.5rem}.modal-winner{margin-bottom:2rem;padding:1rem 1.25rem;font-size:2rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-button{width:100%;min-width:auto;padding:1rem 1.5rem;font-size:.95rem}}@media (width<=360px){.modal-content{min-width:260px;padding:1.5rem 1rem}.modal-title{font-size:1.3rem}.modal-winner{font-size:1.75rem}}.cookie-consent{z-index:1000;background:var(--surface-solid);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-accent);width:min(90%,360px);box-shadow:0 8px 24px var(--shadow-color);text-align:center;border-radius:12px;flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:fixed;bottom:1.5rem;left:calc(50vw - 140px);transform:translate(-50%)}.cookie-consent__text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.cookie-consent__link{color:var(--link);text-decoration:underline}.cookie-consent__link:hover{color:var(--link-hover)}.cookie-consent__actions{justify-content:center;gap:.5rem;display:flex}.cookie-consent__button{cursor:pointer;border-radius:8px;flex:1;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s}.cookie-consent__button--accept{color:var(--text-on-accent);background:var(--accent-gradient);border:none}.cookie-consent__button--accept:hover{box-shadow:0 4px 12px rgba(var(--accent-rgb), .4);transform:translateY(-2px)}.cookie-consent__button--reject{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border)}.cookie-consent__button--reject:hover{background:var(--surface-raised-hover);border-color:var(--border-accent-hover)}@media (width<=768px){.cookie-consent{bottom:1rem;left:50%}}.theme-toggle{border:1px solid var(--border-accent);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{background:var(--surface-raised-hover);border-color:var(--border-accent-hover);color:var(--text-primary);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle__icon{font-size:1rem;line-height:1}.theme-toggle__label{letter-spacing:.02em}@media (width<=768px){.theme-toggle{padding:.4rem .75rem;font-size:.8rem}}