body{color:#fff;background:linear-gradient(120deg,#181223e0,#46315c9e),url(/assets/background-pFNS0e0o.jpeg) 50%/cover fixed;min-height:100dvh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{min-height:100dvh;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 12%,#f0c7ff2e,#0000 30%),radial-gradient(circle at 88% 78%,#8de1d429,#0000 28%),#0c091224;position:fixed;inset:0}#root{z-index:1;height:100dvh;position:relative}.timeout-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.timeout-modal{text-align:center;color:#fff;background:#1e1e1e;border:1px solid #333;border-radius:18px;width:360px;padding:32px;box-shadow:0 10px 40px #0006}.timeout-modal h2{margin-bottom:12px}.timeout-modal p{color:#bdbdbd;margin-bottom:24px}.timeout-modal button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.navbar{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#1915218a;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:relative;box-shadow:0 18px 40px #0000002e}.logo{letter-spacing:.08em;color:#f5d7ff;font-size:24px;font-weight:700}.nav-links{gap:8px;display:flex}.nav-links a{color:#fff;opacity:.78;border-radius:999px;padding:9px 12px;font-size:13px;text-decoration:none;transition:all .2s}.nav-links a:hover{opacity:1;color:#f0c7ff;background:#ffffff1a}.nav-right{align-items:center;display:flex}.search-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:20px;padding:8px 18px;transition:all .2s}.search-btn:hover{background:#fff3}.avatar{color:#21162d;cursor:pointer;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;box-shadow:0 10px 26px #00000038}.dropdown{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#191521db;border:1px solid #ffffff24;border-radius:16px;min-width:150px;padding:12px;position:absolute;top:66px;right:28px;box-shadow:0 16px 42px #00000052}.dropdown p{color:#ffffffd1;margin:0 0 8px}.dropdown button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:12px;width:100%;padding:9px 10px}.dropdown button:hover{background:#f0c7ff33}@media (width<=760px){.navbar{gap:14px;padding:14px 18px}.nav-links{gap:4px;overflow-x:auto}.nav-links a{padding:8px 9px;font-size:12px}}@font-face{font-family:Bebas Neue;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf)format("truetype")}.home-shell{box-sizing:border-box;justify-content:center;align-items:center;height:calc(100dvh - 77px);padding:28px;display:flex}.home-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#1915219e;border:1px solid #ffffff24;border-radius:24px;width:min(760px,100%);padding:clamp(28px,6vw,54px);box-shadow:0 24px 70px #00000052}.home-kicker{color:#f0c7ff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:13px}.home-panel h1{color:#fff;letter-spacing:0;margin:0 0 16px;font-family:Bebas Neue,sans-serif;font-size:clamp(48px,8vw,76px);line-height:.96}.home-panel p:not(.home-kicker){color:#ffffffc2;max-width:560px;margin:0 0 26px;line-height:1.55}.home-panel button{color:#21162d;cursor:pointer;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border:none;border-radius:14px;padding:12px 20px;font-weight:700;transition:all .2s}.home-panel button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000047}.groups-page{box-sizing:border-box;height:calc(100dvh - 77px);padding:34px clamp(20px,5vw,56px);overflow-y:auto}.groups-list{flex-direction:column;gap:18px;max-width:980px;margin:0 auto;display:flex}.group-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;background:#19152194;border:1px solid #ffffff24;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:24px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 20px 54px #0000003d}.group-content{text-align:left;max-width:50%}.group-content h2{color:#fff;margin:0 0 8px;font-size:30px}.group-content p{color:#ffffffb8;margin:0 0 22px}.group-btn{color:#21162d;cursor:pointer;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border:none;border-radius:14px;padding:10px 18px;font-weight:700;transition:all .25s}.group-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000047}.group-image img{object-fit:cover;border:1px solid #ffffff24;border-radius:16px;width:250px;height:150px}.group-banner:hover{background:#251f30b3;border-color:#f0c7ff47;transform:translateY(-3px)}@media (width<=720px){.groups-page{height:calc(100dvh - 69px)}.group-banner{flex-direction:column;align-items:flex-start}.group-content{max-width:100%}.group-image,.group-image img{width:100%}}.group-page{color:#fff;padding:40px}.group-page h1{margin-bottom:25px}.tabs{gap:15px;margin-bottom:30px;display:flex}.tabs button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:8px 18px;transition:all .25s}.tabs button:hover{color:#f0c7ff;background:#ffffff24}.tabs .active{color:#21162d;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border-color:#0000}.chat{flex-direction:column;gap:15px;display:flex}.chat-message{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1915217a;border:1px solid #ffffff1f;border-radius:16px;align-items:flex-start;gap:15px;padding:15px 18px;transition:all .2s;display:flex}.chat-message:hover{background:#251f309e}.chat-message img{object-fit:cover;border-radius:50%;width:45px;height:45px}.chat-content{flex:1}.chat-header{align-items:center;gap:10px;margin-bottom:5px;display:flex}.username{font-weight:600}.time{opacity:.6;font-size:12px}.member-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:20px;flex-direction:column;align-items:center;padding:20px;transition:all .25s;display:flex}.member-card:hover{background:#ffffff1a;transform:translateY(-5px)}.member-card img{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:10px}@media (width<=900px){.members{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.members{grid-template-columns:1fr}}.group-page{justify-content:center;align-items:center;height:85dvh;padding:20px;display:flex}.group-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1915219e;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;width:100%;max-width:980px;height:84%;padding:20px;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000052}.group-header{text-align:left;flex-shrink:0;padding:25px}.group-header h1{color:#fff;margin:0 0 22px}.group-scroll{flex:1;padding:0 25px 25px;overflow-y:auto}.group-scroll::-webkit-scrollbar{width:6px}.group-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.chat-container{flex-direction:column;height:100%;display:flex}.chat{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.chat-input{gap:10px;margin-top:10px;display:flex}.chat-input input{color:#fff;background:#ffffff17;border:1px solid #ffffff24;border-radius:14px;outline:none;flex:1;padding:11px 15px}.chat-input input::placeholder{color:#ffffff73}.chat-input button{color:#21162d;cursor:pointer;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border:none;border-radius:14px;padding:10px 18px;font-weight:700}.member-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#19152180;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;padding:15px;transition:all .25s;display:flex}.member-card:hover{transform:translateY(-4px)}.member-card.active{background:#251f30b8;border-color:#f0c7ff47}.members{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.member-wrapper{display:contents}.member-expanded{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#19152194;border:1px solid #ffffff26;border-radius:20px;grid-column:1/-1;padding:25px}.expanded-content{align-items:center;gap:25px;display:flex}.member-expanded img{border-radius:50%;width:110px;height:110px}.expanded-info input,.expanded-info select{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;margin-top:10px;padding:10px;display:block}.remove-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;margin-top:15px;padding:10px 15px;transition:all .2s}.remove-btn:hover{background:#ffffff29}.settings-page{flex-direction:column;gap:18px;display:flex}.settings-page h2{margin:0}.moderation-tabs{flex-wrap:wrap;gap:10px;display:flex}.moderation-tabs button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:9px 16px;transition:all .2s}.moderation-tabs button:hover,.moderation-tabs button.active{color:#21162d;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border-color:#0000}.moderation-panel{min-height:260px}.observed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.observed-card,.access-denied,.empty-state{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#19152180;border:1px solid #ffffff26;border-radius:18px}.observed-card{align-items:center;gap:15px;padding:16px;display:flex}.observed-card img{object-fit:cover;border-radius:50%;flex-shrink:0;width:72px;height:72px}.observed-info{flex-direction:column;gap:8px;min-width:0;display:flex}.observed-info h3,.observed-info p{margin:0}.observed-info h3{font-size:18px}.observed-info span,.observed-info p,.logs-table td{color:#ffffffc7}.observed-meta{flex-wrap:wrap;gap:8px;display:flex}.observed-meta span,.log-role{color:#fff;background:#f0c7ff29;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;display:inline-flex}.logs-table-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#19152180;border:1px solid #ffffff26;border-radius:18px;overflow-x:auto}.logs-table{border-collapse:collapse;width:100%;min-width:680px}.logs-table th,.logs-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff1f;padding:13px 15px}.logs-table th{color:#fff;background:#ffffff12;font-weight:600}.logs-table tr:last-child td{border-bottom:none}.access-denied,.empty-state{padding:22px}.access-denied h3,.empty-state h3,.access-denied p,.empty-state p{margin-top:0}@media (width<=700px){.observed-grid{grid-template-columns:1fr}.observed-card{align-items:flex-start}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-window{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191521e6;border:1px solid #ffffff24;border-radius:22px;flex-direction:column;gap:16px;width:min(420px,100% - 32px);max-height:520px;padding:24px;animation:.2s slideUp;display:flex;box-shadow:0 24px 70px #00000070}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:#fff;letter-spacing:0;margin:0;font-family:Bebas Neue,sans-serif;font-size:26px}.modal-close{color:#ffffffc7;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;width:34px;height:34px;font-size:18px;transition:all .15s}.modal-close:hover{color:#fff;background:#ffffff24}.modal-list{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.modal-empty{color:#ffffffb8;text-align:center;padding:20px 0;font-size:14px}.modal-error{color:#ffd7dd;background:#ff5e7624;border:1px solid #ff849766;border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.modal-friend-row{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.modal-avatar{object-fit:cover;background:#ffffff1f;border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.modal-friend-name{color:#fff;letter-spacing:.04em;text-transform:uppercase;flex:1;font-family:Nunito,sans-serif;font-size:13px;font-weight:800}.modal-add-btn{color:#21162d;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border:none;border-radius:14px;padding:7px 14px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.modal-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #00000042}.modal-add-btn:disabled{opacity:.6;cursor:wait}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.members-container{width:100%}.stats-content{flex-direction:column;gap:20px;display:flex}.stats-chart-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:20px}.stats-title{letter-spacing:1px;margin-bottom:10px;font-size:18px}.stats-table-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:20px}.stats-table{border-collapse:collapse;width:100%}.stats-table th{text-align:left;opacity:.7;padding-bottom:10px;font-size:13px;font-weight:500}.stats-row{cursor:pointer;transition:all .2s}.stats-row:hover{background:#ffffff0d}.stats-row.selected{background:#ffffff1a}.stats-table td{padding:12px 0}.stats-player{align-items:center;gap:10px;display:flex}.stats-player img{border-radius:50%;width:35px;height:35px}.stats-role-badge{color:#fff;border-radius:12px;padding:4px 10px;font-size:12px}.highlight{color:#dcd0ff;font-weight:700}.recharts-wrapper{font-family:Bebas Neue}.recharts-tooltip-wrapper{outline:none}.recharts-cartesian-axis-tick-value{opacity:.9;fill:#fff!important}@font-face{font-family:Allura;src:url(/assets/Allura-Regular-BZBUKxUL.ttf)format("truetype")}@font-face{font-family:Bebas Neue;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf)format("truetype")}.login-page{color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#181223d1,#46315c73),url(/assets/background-pFNS0e0o.jpeg) 50%/cover;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:clamp(24px,5vw,72px);width:100%;min-height:100dvh;padding:clamp(24px,5vw,64px);display:grid;overflow:auto}.login-visual{align-items:center;min-width:0;display:flex;position:relative}.login-visual:after{display:none}.login-brand{z-index:1;text-align:left;max-width:560px;position:relative}.login-brand span{color:#f5d7ff;margin-bottom:8px;font-family:Allura,cursive;font-size:58px;line-height:1;display:block}.login-brand h1{color:#fff;letter-spacing:0;margin:0 0 14px;font-family:Bebas Neue,sans-serif;font-size:clamp(54px,8vw,78px);line-height:.95}.login-brand p{color:#ffffffc7;max-width:460px;font-size:17px;line-height:1.5}.login-card{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#191521ad;border:1px solid #ffffff29;border-radius:22px;flex-direction:column;place-self:center stretch;gap:18px;width:100%;padding:clamp(26px,4vw,36px);display:flex;box-shadow:0 24px 70px #00000061}.login-heading{margin-bottom:6px}.login-kicker{color:#f0c7ff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px}.login-heading h2{color:#fff;letter-spacing:0;margin:0;font-family:Bebas Neue,sans-serif;font-size:44px}.login-field{color:#ffffffd1;flex-direction:column;gap:8px;font-size:14px;display:flex}.login-field input{color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:14px;outline:none;height:46px;padding:0 14px;transition:all .2s}.login-field input::placeholder{color:#ffffff6b}.login-field input:focus{background:#ffffff21;border-color:#f0c7ff;box-shadow:0 0 0 4px #f0c7ff1f}.forgot-password-link{color:#ffffffb8;cursor:pointer;background:0 0;border:none;align-self:flex-end;width:fit-content;margin-top:-8px;padding:0;font-size:13px}.forgot-password-link:hover{color:#f0c7ff}.login-error{color:#ffd7dd;background:#ff5e7624;border:1px solid #ff849766;border-radius:12px;padding:10px 12px;font-size:14px}.login-success{color:#d9fff9;background:#8de1d424;border:1px solid #8de1d466;border-radius:12px;padding:10px 12px;font-size:14px}.login-submit{color:#22172d;cursor:pointer;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border:none;border-radius:14px;height:48px;margin-top:4px;font-family:Bebas Neue,sans-serif;font-size:24px;transition:all .2s}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #00000047}.login-submit:disabled{opacity:.65;cursor:wait}.login-divider{color:#ffffff8a;align-items:center;gap:12px;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff21;flex:1;height:1px}.steam-login-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;height:46px;font-weight:700;transition:all .2s}.steam-login-btn:hover{background:#66c0f42e;border-color:#66c0f475;transform:translateY(-1px)}.auth-switch{text-align:center;color:#ffffffb8;margin:0;font-size:14px}.auth-switch button{color:#f0c7ff;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.auth-switch button:hover{color:#8de1d4}@media (width<=820px){.login-page{grid-template-columns:1fr;align-content:start;gap:22px;padding:26px 18px}.login-visual{min-height:auto}.login-brand{max-width:460px}.login-brand h1{font-size:52px}.login-brand span{font-size:44px}.login-brand p{font-size:15px}.login-card{justify-self:center;width:100%;max-width:440px;padding:26px}}@media (width<=480px){.login-brand h1{font-size:44px}.login-heading h2{font-size:38px}.login-card{border-radius:18px}}@font-face{font-family:Allura;src:url(/assets/Allura-Regular-BZBUKxUL.ttf)format("truetype")}@font-face{font-family:Bebas Neue;src:url(/assets/BebasNeue-Regular-D2CONTwO.ttf)format("truetype")}.register-page{box-sizing:border-box;color:#fff;background:linear-gradient(90deg,#181223db,#46315c7a),url(/assets/background-pFNS0e0o.jpeg) 50%/cover;grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);width:100%;min-height:100dvh;padding:clamp(24px,5vw,64px);display:grid;overflow:auto}.register-visual{grid-area:1/2;align-items:center;min-width:0;display:flex}.register-brand{text-align:left;max-width:560px}.register-brand span{color:#f5d7ff;margin-bottom:8px;font-family:Allura,cursive;font-size:58px;line-height:1;display:block}.register-brand h1{color:#fff;letter-spacing:0;margin:0 0 14px;font-family:Bebas Neue,sans-serif;font-size:clamp(54px,8vw,78px);line-height:.95}.register-brand p{color:#ffffffc7;max-width:460px;font-size:17px;line-height:1.5}.register-card{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#191521ad;border:1px solid #ffffff29;border-radius:22px;flex-direction:column;grid-area:1/1;gap:15px;width:100%;padding:clamp(24px,4vw,34px);display:flex;box-shadow:0 24px 70px #00000061}.register-heading{margin-bottom:2px}.register-kicker{color:#f0c7ff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px}.register-heading h2{color:#fff;letter-spacing:0;margin:0;font-family:Bebas Neue,sans-serif;font-size:44px}.register-field{color:#ffffffd1;flex-direction:column;gap:7px;font-size:14px;display:flex}.register-field input{color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:14px;outline:none;height:44px;padding:0 14px;transition:all .2s}.register-field input::placeholder{color:#ffffff6b}.register-field input:focus{background:#ffffff21;border-color:#f0c7ff;box-shadow:0 0 0 4px #f0c7ff1f}.register-error{color:#ffd7dd;background:#ff5e7624;border:1px solid #ff849766;border-radius:12px;padding:10px 12px;font-size:14px}.register-submit{color:#22172d;cursor:pointer;background:linear-gradient(135deg,#f2c1ff,#8de1d4);border:none;border-radius:14px;height:48px;margin-top:4px;font-family:Bebas Neue,sans-serif;font-size:24px;transition:all .2s}.register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #00000047}.register-submit:disabled{opacity:.65;cursor:wait}@media (width<=820px){.register-page{grid-template-columns:1fr;align-content:start;gap:22px;padding:26px 18px}.register-visual,.register-card{grid-area:auto/1}.register-brand{max-width:460px}.register-brand h1{font-size:52px}.register-brand span{font-size:44px}.register-brand p{font-size:15px}.register-card{justify-self:center;width:100%;max-width:440px;padding:26px}}@media (width<=480px){.register-brand h1{font-size:44px}.register-heading h2{font-size:38px}.register-card{border-radius:18px}}