:root{--color-bg:#0a0a0a;--color-surface:#111;--color-surface-2:#1a1a1a;--color-border:#262626;--color-primary:#1f8f4d;--color-primary-strong:#29b35f;--color-accent:#f2c230;--color-accent-strong:#ffd54a;--color-support:#2d5bff;--color-text:#f0f0f0;--color-text-muted:#888;--navbar-h:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg, #0d0d0d 0%, var(--color-bg) 36%, #050505 100%);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Rajdhani,sans-serif}h1,h2,h3,button,.orbitron{font-family:Orbitron,monospace}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.navbar{z-index:100;height:var(--navbar-h);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0aeb;position:sticky;top:0}.navbar--no-border{border-bottom-color:#0000}.navbar-inner{justify-content:space-between;align-items:center;height:100%;padding:0 1.5rem;display:flex}.navbar-left{align-items:center;gap:.6rem;min-width:0;display:flex}.navbar-logo{flex-shrink:0;align-items:center;display:flex}.navbar-logo img{width:auto;height:24px}.navbar-breadcrumb-sep{color:var(--color-border);flex-shrink:0;font-family:Orbitron,monospace;font-size:.85rem;font-weight:400}.navbar-breadcrumb-title{color:var(--color-text);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;overflow:hidden}.navbar-links{gap:1.5rem;list-style:none;display:flex}.navbar-links a{color:var(--color-text-muted);letter-spacing:.08em;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;transition:color .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--color-accent);text-shadow:0 0 8px #f2c23059}.btn{cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:4px;padding:.6rem 1.4rem;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;transition:box-shadow .15s,background .15s,border-color .15s,color .15s}.btn-primary{border:2px solid var(--color-accent);color:#17140a;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-strong) 100%);box-shadow:0 0 16px #f2c2303d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-accent-strong) 0%, #ffe173 100%);box-shadow:0 0 22px #f2c23059}.btn-secondary{border:2px solid var(--color-border);color:var(--color-text-muted)}.btn-secondary:hover:not(:disabled){border-color:var(--color-support);color:#8ca7ff}.btn-danger{color:#fca5a5;background:#7f1d1d26;border:2px solid #7f1d1d}.btn-danger:hover:not(:disabled){color:#fca5a5;background:#f8717126;border-color:#f87171}.btn:disabled{cursor:not-allowed;opacity:.35}.panel{border:1px solid var(--color-border);border-top:2px solid var(--color-primary);background:linear-gradient(#141414f5 0%,#0a0a0af5 100%);border-radius:8px;padding:1.25rem;box-shadow:0 18px 40px #0000003d}.home{text-align:center;padding-top:6rem;padding-bottom:6rem}.home-wordmark{width:min(100%,480px);height:auto;margin:0 auto;display:block}.home-signature{color:var(--color-accent);letter-spacing:.22em;text-transform:uppercase;margin-top:.8rem;font-family:Orbitron,monospace;font-size:.82rem;font-weight:700}.home-tagline{color:var(--color-text);letter-spacing:.1em;text-transform:uppercase;margin-top:1rem;font-family:Orbitron,monospace;font-size:clamp(.9rem,2.5vw,1.3rem);font-weight:700}.home-description{max-width:540px;color:var(--color-text-muted);margin:2rem auto 0;font-size:1.1rem;line-height:1.6}.home-cta{flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;display:flex}.home-cta .btn-primary{padding:.9rem 2.5rem;font-size:1rem}.home-badge{color:#b8c3b5;letter-spacing:.08em;font-size:.75rem}.wheel-page{justify-content:center;padding:2rem 0 4rem;display:flex}.wheel-layout{grid-template-columns:280px minmax(0,1fr) 280px;align-items:start;gap:8rem;width:min(100%,1360px);padding:0 1.5rem;display:grid}@media (width<=900px){.wheel-layout{grid-template-columns:1fr;gap:3.5rem}}.wheel-wrapper{justify-content:center;width:100%;display:flex;position:relative}.wheel-wrapper:before{content:"";z-index:10;border-top:26px solid var(--color-accent);filter:drop-shadow(0 0 8px #f2c2308c);border-left:13px solid #0000;border-right:13px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.wheel-wrapper canvas{border:2px solid var(--color-primary);border-radius:50%;width:min(100%,620px);max-width:100%;box-shadow:0 0 0 10px #1f8f4d14}.wheel-spin-area{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.spin-action-row{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.spin-action-row .btn{width:min(100%,260px)}.group-settings{align-items:center;gap:.6rem;display:flex}.group-settings-label{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700}.group-settings-input{background:var(--color-bg);border:2px solid var(--color-border);width:84px;color:var(--color-text);text-align:center;border-radius:4px;padding:.55rem .75rem;font-family:Orbitron,monospace;font-size:1.05rem;font-weight:700}.group-settings-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.group-settings-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.group-settings-input[type=number]{-moz-appearance:textfield}.group-settings-input:focus{border-color:var(--color-support);outline:none;box-shadow:0 0 0 3px #2d5bff2e}.spin-hint{color:var(--color-text-muted);text-align:center;font-size:.9rem}.spin-hint span{color:var(--color-accent);font-weight:700}.spin-error{min-height:1.2rem;color:var(--color-accent);text-align:center;font-size:.95rem}.spin-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:4rem;display:flex}.spin-result-placeholder{color:var(--color-text-muted);letter-spacing:.06em;font-size:.85rem}.spin-result-spinning{color:var(--color-support);font-family:Orbitron,monospace;font-size:1rem;animation:.8s ease-in-out infinite alternate pulse}.spin-result-label{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.spin-result-winner{color:var(--color-primary-strong);text-shadow:0 0 20px #29b35f8c,0 0 40px #29b35f3d;font-family:Orbitron,monospace;font-size:clamp(1.3rem,3.5vw,2rem);font-weight:700;animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards winnerReveal}@keyframes winnerReveal{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.member-list-panel{flex-direction:column;gap:1rem;width:100%;display:flex}.member-list-header{justify-content:space-between;align-items:center;display:flex}.member-list-title{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700}.member-count{color:var(--color-accent);font-family:Orbitron,monospace;font-size:.7rem}.member-list{scrollbar-width:thin;scrollbar-color:#78787873 transparent;flex-direction:column;gap:.4rem;max-height:500px;padding-right:.35rem;display:flex;overflow-y:auto}.member-list::-webkit-scrollbar{width:8px}.member-list::-webkit-scrollbar-track{background:0 0}.member-list::-webkit-scrollbar-thumb{background:linear-gradient(#78787873 0%,#262626cc 100%);border:2px solid #080808e6;border-radius:999px}.member-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a0a0c8b3 0%,#2d5bff80 100%)}.member-item{text-align:left;background:0 0;border-radius:3px;width:100%;padding:.5rem .75rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;transition:all .12s}.member-item.active{border:1px solid var(--color-primary);color:var(--color-text);box-shadow:inset 0 0 8px #29b35f1a}.member-item.active:hover:not(:disabled){background:#29b35f14}.member-item.inactive{border:1px solid var(--color-border);color:var(--color-text-muted);opacity:.5;text-decoration:line-through}.member-item.inactive:hover:not(:disabled){border-color:var(--color-text-muted);opacity:.7}.member-item.assigned{border:1px solid var(--color-accent);color:var(--color-accent);opacity:.65;cursor:default}.member-item:disabled{cursor:not-allowed}.groups-panel{flex-direction:column;gap:1rem;width:100%;display:flex}.group-controls-panel{flex-direction:column;gap:.9rem;display:flex}.group-result{flex-direction:column;gap:1rem;display:flex}.group-result-label{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700}.group-grid{gap:.75rem;display:grid}.group-card{border:1px solid var(--color-border);border-top:2px solid var(--color-primary);background:#080808b8;border-radius:4px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.group-card-next{border-top-color:var(--color-accent);box-shadow:0 0 14px #f2c2302e}.group-card-title{color:var(--color-primary-strong);letter-spacing:.1em;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700}.group-card-members{flex-direction:column;gap:.3rem;list-style:none;display:flex}.group-card-members li{color:var(--color-text);font-size:.98rem;font-weight:600}.group-card-empty{color:var(--color-text-muted)!important}.navbar-auth{align-items:center;display:flex}.navbar-login{padding:.35rem 1rem;font-size:.75rem}.navbar-user{align-items:center;gap:.6rem;display:flex}.navbar-avatar{border:1.5px solid var(--color-primary);object-fit:cover;border-radius:50%;width:28px;height:28px}.navbar-avatar-initials{border:1.5px solid var(--color-primary);background:var(--color-surface-2);width:28px;height:28px;color:var(--color-primary-strong);border-radius:50%;justify-content:center;align-items:center;font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;display:flex}.navbar-username{color:var(--color-text-muted);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;overflow:hidden}.navbar-signout{padding:.3rem .8rem;font-size:.7rem}.auth-page{min-height:calc(100vh - var(--navbar-h));justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.auth-loading{color:var(--color-text-muted);font-family:Orbitron,monospace;font-size:.85rem}.auth-card{flex-direction:column;gap:1.5rem;width:min(100%,480px);display:flex}.auth-logo{width:min(100%,200px);height:auto;margin:0 auto;display:block}.auth-title{color:var(--color-text);letter-spacing:.06em;text-align:center;margin-top:-.5rem;font-size:1.3rem;font-weight:700}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:.68rem;font-weight:700}.form-optional{color:var(--color-border);text-transform:none;letter-spacing:0;font-size:.65rem;font-weight:400}.form-input{background:var(--color-bg);border:1.5px solid var(--color-border);width:100%;color:var(--color-text);border-radius:4px;padding:.65rem .85rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:#94a18f66}.form-input:focus{border-color:var(--color-support);outline:none;box-shadow:0 0 0 3px #2d5bff2e}.form-textarea{resize:vertical;min-height:64px;line-height:1.5}.form-hint{color:#94a18f8c;letter-spacing:.04em;font-size:.72rem}.form-error{color:#f87171;text-align:center;background:#f8717114;border:1px solid #f8717133;border-radius:4px;padding:.5rem .75rem;font-size:.85rem}.auth-submit{width:100%;margin-top:.25rem;padding:.8rem;font-size:.9rem}.auth-confirm-text{color:var(--color-text-muted);text-align:center;font-size:.95rem;line-height:1.6}.auth-footer{color:var(--color-text-muted);text-align:center;font-size:.9rem}.auth-footer a{color:var(--color-accent);font-weight:700;transition:color .15s}.auth-footer a:hover{color:var(--color-accent-strong)}.home-groups{margin-top:2.5rem;text-align:left;flex-direction:column;gap:1.5rem;width:100%;max-width:860px;margin-inline:auto;display:flex}.home-groups-header{justify-content:space-between;align-items:center;display:flex}.home-groups-title{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700}.home-groups-create{padding:.45rem 1rem;font-size:.78rem}.home-groups-empty{color:var(--color-text-muted);font-size:.9rem}.home-groups-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.home-group-card{border-top-color:var(--color-primary);flex-direction:column;gap:.35rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.home-group-card:hover{border-color:var(--color-primary-strong);box-shadow:0 0 18px #29b35f1f}.home-group-card-name{color:var(--color-text);font-family:Orbitron,monospace;font-size:.95rem;font-weight:700}.home-group-card-desc{color:var(--color-text-muted);font-size:.82rem;line-height:1.4}.home-group-card-count{color:var(--color-primary-strong);margin-top:.25rem;font-family:Orbitron,monospace;font-size:.7rem}.home-join-form{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.home-join-input{flex:1;min-width:160px}.home-join-error{width:100%;margin-top:0}.group-tabs-bar{border-bottom:1px solid var(--color-border);background:#0a0a0af2;padding:0 1.5rem;display:flex}.group-tab{color:var(--color-text-muted);letter-spacing:.06em;white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.group-tab:hover{color:var(--color-text)}.group-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.group-content{padding:1.75rem 0 4rem}.group-overview{flex-direction:column;gap:1.5rem;display:flex}.group-features{flex-wrap:wrap;gap:1rem;display:flex}.feature-card{border-top-color:var(--color-accent);flex-direction:column;gap:.3rem;min-width:160px;padding:1.25rem 1.5rem;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}.feature-card:hover{box-shadow:0 0 20px #f2c23026}.feature-card-icon{font-size:1.4rem}.feature-card-title{color:var(--color-text);font-family:Orbitron,monospace;font-size:.9rem;font-weight:700}.feature-card-desc{color:var(--color-text-muted);font-size:.8rem}.group-members-panel{flex-direction:column;gap:1rem;display:flex}.group-members-title{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;display:flex}.group-members-count{color:var(--color-accent);font-size:.7rem}.group-members-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.group-member-item{align-items:center;gap:.75rem;display:flex}.member-avatar{border:1.5px solid var(--color-border);background:var(--color-surface-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.member-avatar img{object-fit:cover;width:100%;height:100%}.member-avatar span{color:var(--color-primary-strong);font-family:Orbitron,monospace;font-size:.65rem;font-weight:700}.group-member-name{color:var(--color-text);font-size:.95rem;font-weight:600}.group-member-badge{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-accent);border-radius:3px;padding:.1rem .4rem;font-family:Orbitron,monospace;font-size:.62rem;font-weight:700}.group-join-form{flex-direction:column;gap:.75rem;display:flex}.group-join-title{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700}.group-join-row{gap:.75rem;display:flex}.config-layout{grid-template-columns:200px 1fr;align-items:start;gap:2.5rem;display:grid}@media (width<=640px){.config-layout{grid-template-columns:1fr}}.config-sidebar{top:calc(var(--navbar-h) + 1.5rem);position:sticky}.config-sidenav{flex-direction:column;gap:.15rem;display:flex}.config-sidenav-item{color:var(--color-text-muted);letter-spacing:.06em;border-radius:4px;padding:.45rem .75rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s}.config-sidenav-item:hover{color:var(--color-text);background:#ffffff0d}.config-sidenav-item.active{color:var(--color-text);border-left:2px solid var(--color-primary-strong);background:#ffffff12;padding-left:calc(.75rem - 2px)}.config-content{flex-direction:column;gap:2rem;display:flex}.config-section{flex-direction:column;gap:1rem;display:flex}.config-section-title{color:var(--color-text);letter-spacing:.04em;border-bottom:1px solid var(--color-border);padding-bottom:.75rem;font-family:Orbitron,monospace;font-size:1rem;font-weight:700}.config-field-group{flex-direction:column;gap:.75rem;display:flex}.config-inline-row{align-items:flex-start;gap:.75rem;display:flex}.config-inline-row .form-input{flex:1}.settings-members-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.settings-member-item{align-items:center;gap:.75rem;display:flex}.settings-member-name{color:var(--color-text);flex:1;font-size:.95rem;font-weight:600}.settings-member-remove{padding:.3rem .75rem;font-size:.72rem}.config-danger-title{color:#f87171!important;border-bottom-color:#f8717140!important}.config-danger-panel{border:1px solid #f8717140;border-radius:8px;overflow:hidden}.config-danger-row{justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.25rem;display:flex}.config-danger-row+.config-danger-row{border-top:1px solid #f8717126}.config-danger-row-title{color:var(--color-text);margin-bottom:.3rem;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700}.config-danger-row-desc{color:var(--color-text-muted);max-width:460px;font-size:.82rem;line-height:1.4}.dialog-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog-box{background:linear-gradient(#181818 0%,#111 100%);border:1px solid #7f1d1d;border-top:2px solid #f87171;border-radius:8px;flex-direction:column;gap:1rem;width:min(100%,440px);padding:1.75rem;display:flex;box-shadow:0 24px 60px #00000080}.dialog-title{color:#fca5a5;letter-spacing:.06em;font-family:Orbitron,monospace;font-size:1rem;font-weight:700}.dialog-desc{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.dialog-desc strong{color:var(--color-text);font-weight:700}.dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:.25rem;display:flex}.wheel-group-label{text-align:center;width:100%;margin-bottom:-.5rem}.wheel-back-link{color:var(--color-text-muted);letter-spacing:.08em;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;transition:color .15s}.wheel-back-link:hover{color:var(--color-accent)}