: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}}.landing-container{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at bottom,#0a0a1f,#000);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Arial,sans-serif}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.7;animation:twinkle 2s infinite ease-in-out}.title{font-size:4rem;margin-bottom:2rem;text-align:center;letter-spacing:2px;color:#fff;text-shadow:0 0 20px #6366f1,0 0 40px rgba(99,102,241,.6)}.highlight{color:#6366f1}.create-btn{background:#4f46e5;color:#fff;border:none;padding:1rem 2.2rem;border-radius:999px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #6366f166}.create-btn:hover{transform:scale(1.05);background:linear-gradient(90deg,#4f46e5,#00e0ff);box-shadow:0 0 15px #6366f180}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.modal{background:#1f1f1fd9;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 30px #6366f14d;padding:2rem;border-radius:20px;width:320px;color:#fff;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-group{margin:1.2rem 0;text-align:left}label{display:block;margin-bottom:.5rem;font-size:.95rem;font-weight:500;opacity:.9}select{width:100%;padding:.6rem;border-radius:10px;border:none;background:#ffffff1a;color:#fff;font-size:1rem;outline:none;cursor:pointer;transition:background-color .2s,box-shadow .2s}select:hover{background-color:#fff3;box-shadow:0 0 10px #6366f166}select option{background-color:#1f1f1f;color:#fff}.start-btn{margin-top:1.5rem;background:#4f46e5;color:#000;border:none;padding:.9rem 2rem;border-radius:999px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 0 20px #6366f180}.start-btn:hover{transform:scale(1.05);background:linear-gradient(90deg,#00e0ff,#4f46e5);box-shadow:0 0 35px #6366f1cc}.blurred-select{opacity:.5;filter:blur(.5px);cursor:not-allowed}.coming-soon{font-size:.8rem;color:#ccc;font-style:italic;margin-top:4px}.info-btn{position:absolute;top:.9rem;right:.9rem;width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 0 6px #6366f14d;transition:all .3s ease;z-index:15;padding:0}.info-btn:hover{background:#ffffff40;transform:scale(1.1);box-shadow:0 0 10px #6366f199}.info-btn:active{transform:scale(.95)}.info-btn:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.4),transparent 70%);opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}.info-btn:hover:before{opacity:1;transform:scale(1);animation:pulseGlow 1.6s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.25)}}.info-modal{max-width:480px;text-align:left;padding:2rem;background:#ffffff1f;border-radius:20px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #6366f166;animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.info-modal h2{text-align:center;margin-bottom:1rem;text-shadow:0 0 10px rgba(99,102,241,.6)}.info-modal p{font-size:1rem;line-height:1.5;opacity:.9;margin-bottom:1.5rem}.close-info-btn{display:block;margin:0 auto;padding:.7rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(90deg,#4f46e5,#0ff);color:#111;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.close-info-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #6366f1b3}.star-bg{position:fixed;inset:0;background:radial-gradient(circle at top,#000,#0a0a0a);overflow:hidden;z-index:-1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.5;animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.player-setup-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden;color:#fff;position:relative;font-family:Arial,sans-serif}.player-setup-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem 3rem;text-align:center;box-shadow:0 0 30px #6366f14d;color:#fff;width:min(90%,400px);display:flex;flex-direction:column;align-items:center;animation:fadeInUp .6s ease;border:1px solid rgba(255,255,255,.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.player-setup-title{margin-bottom:1.8rem;font-size:1.8rem;font-weight:700;text-shadow:0 0 15px rgba(99,102,241,.6);letter-spacing:1px}.player-inputs{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center}.player-input{width:80%;padding:.7rem 1rem;font-size:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s}.player-input::placeholder{color:#fff9}.player-input:focus{border-color:#0ff;box-shadow:0 0 12px #0ff9}.start-btn{margin-top:2rem;padding:.9rem 2rem;font-size:1.1rem;font-weight:700;border-radius:999px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #6366f14d;background:linear-gradient(90deg,#4f46e5,#0ff);color:#111}.start-btn.active:hover{transform:scale(1.07);box-shadow:0 0 25px #6366f1cc;background:linear-gradient(90deg,#0ff,#4f46e5)}.start-btn.disabled{opacity:.4;cursor:not-allowed;background:#fff3;color:#fff9}.error-text{margin-top:.8rem;color:#f55;font-weight:500;font-size:.95rem;text-shadow:0 0 8px rgba(255,85,85,.6);text-align:center}.player-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem}.color-button{width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:1rem;color:#fff;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.color-button:hover{transform:scale(1.1);box-shadow:0 0 12px #fff6}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.color-modal{background:#1e1e32f2;border-radius:20px;padding:2rem;width:320px;color:#fff;text-align:center;box-shadow:0 0 30px #6366f166;animation:fadeIn .3s ease}.color-modal h3{margin-bottom:1rem;font-size:1.3rem;text-shadow:0 0 10px rgba(99,102,241,.5)}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;justify-items:center;margin-top:1rem}.color-dot{width:1rem;height:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.color-dot:hover{transform:scale(1.15);box-shadow:0 0 10px #fff6}.color-dot.selected{border:2px solid white;box-shadow:0 0 15px #fffc;transform:scale(1.1)}.close-color-btn{margin-top:1.4rem;background:linear-gradient(90deg,#4f46e5,#0ff);color:#111;border:none;border-radius:10px;padding:.6rem 1.5rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}.close-color-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #6366f1b3}.loading-screen{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at bottom,#0a0a1f,#000);display:flex;justify-content:center;align-items:center;color:#fff;font-family:Arial,sans-serif}.loading-content{text-align:center;z-index:10;animation:fadeIn .6s ease}.spinner{border:4px solid rgba(255,255,255,.15);border-top:4px solid #00ffff;border-radius:50%;width:60px;height:60px;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.3rem;letter-spacing:1px;opacity:.85;animation:pulse 1.5s ease-in-out infinite;text-shadow:0 0 10px rgba(0,255,255,.5)}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}