@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#0f172a 0,#020617 100%);color:#f8fafc;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.app-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:40px 20px}.header{margin-bottom:40px;text-align:center}.title{-webkit-text-fill-color:#0000;animation:shine 3s linear infinite;background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;background-size:200% auto;font-size:3rem;font-weight:800;margin-bottom:10px}.status{color:#38bdf8;font-size:.9rem;letter-spacing:1px;opacity:.8}.main-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr 1fr;width:100%}@media (max-width:900px){.main-content{grid-template-columns:1fr}}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.glass-panel:hover{border:1px solid #fff3;box-shadow:0 15px 40px 0 #00000080;transform:translateY(-5px)}.panel-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:15px;text-align:left}.btn-group{display:flex;flex-direction:column;gap:15px}.join-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin:15px 0}button{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:all .3s ease;width:100%;z-index:1}button:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:-1}button:hover:before{transform:translateX(0)}.btn-primary{background:#3b82f6;box-shadow:0 4px 15px #3b82f666;color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f699}.btn-secondary{background:#10b981;box-shadow:0 4px 15px #10b98166;color:#fff}.btn-secondary:hover{background:#059669;box-shadow:0 6px 20px #10b98199}.btn-accent{background:#eab308;box-shadow:0 4px 15px #eab30866;color:#1e1e1e}.btn-accent:hover{background:#ca8a04;box-shadow:0 6px 20px #eab30899}.center-display{justify-content:center}.center-display,.wheel-container{align-items:center;display:flex;flex-direction:column}.wheel-container{margin-bottom:30px;position:relative}.wheel-pointer{animation:bounce 1s infinite;color:#ef4444;font-size:2.5rem;position:absolute;text-shadow:0 0 10px #ef4444cc;top:-15px;z-index:10}.wheel-placeholder{align-items:center;background:conic-gradient(from 0deg,#1e293b,#0f172a);border-radius:50%;box-shadow:0 0 30px #00000080;display:flex;height:250px;justify-content:center;transition:background .5s ease;width:250px}.fast-spin{animation:fast-spin .6s linear infinite;box-shadow:0 0 40px #38bdf899}.wheel-inner{align-items:center;background:#0f172a;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:800;height:210px;text-align:center;width:210px}.participant-grid,.wheel-inner{display:flex;justify-content:center}.participant-grid{flex-wrap:wrap;gap:10px;width:100%}.participant-badge{background:#38bdf81a;border:1px solid #38bdf84d;border-radius:20px;color:#38bdf8;font-weight:600;padding:8px 16px}.winner-display{animation:pulse-glow 2s infinite;background:#eab3081a;border:2px solid #eab308;border-radius:16px;color:#eab308;font-size:1.8rem;font-weight:800;margin-top:30px;padding:20px 40px;text-align:center}.logs-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.logs-list::-webkit-scrollbar{width:6px}.logs-list::-webkit-scrollbar-track{background:#0000001a}.logs-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.log-item{align-items:center;background:#0000004d;border-left:3px solid #475569;border-radius:10px;display:flex;font-size:.9rem;gap:10px;padding:12px 16px}.log-item.join{border-left-color:#10b981}.log-item.eliminate{border-left-color:#ef4444}.log-item.winner{border-left-color:#eab308}@keyframes shine{to{background-position:200%}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #eab30833}50%{box-shadow:0 0 30px #eab30899;transform:scale(1.05)}to{box-shadow:0 0 10px #eab30833}}@keyframes fast-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}
/*# sourceMappingURL=main.4b438837.css.map*/