:root{--bg:#070912;--panel:#0f1420;--panel2:#151b2a;--line:#25304a;--muted:#8f9ab3;--text:#f5f7ff;--cyan:#55e7ff;--pink:#f04bd8;--purple:#7b61ff;--green:#51e39a;--danger:#ff5c78;--gold:#ffd166;--radius:20px;--player-h:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.community-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;padding-bottom:calc(var(--player-h) + 24px);background-image:radial-gradient(circle at 15% -10%,#5a1f7f55,transparent 35%),radial-gradient(circle at 90% 5%,#0c9ab333,transparent 32%),linear-gradient(#070912,#090b15 65%,#080a12)}a{color:inherit}.storm-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.community-topbar{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100vw - 1240px)/2));background:#080b13e8;backdrop-filter:blur(18px);border-bottom:1px solid #20283b}.community-brand{display:flex;align-items:baseline;text-decoration:none;font-weight:950;letter-spacing:-.8px;font-size:22px;white-space:nowrap}.community-brand span{color:#fff}.community-brand b{font-style:normal;color:var(--cyan);margin:0 3px}.community-brand em{font-style:normal;color:var(--pink);font-size:11px;letter-spacing:2px;margin-left:2px}.community-nav{display:flex;align-items:center;gap:5px;flex:1}.community-nav a{display:flex;align-items:center;gap:7px;text-decoration:none;color:#aab3c7;font-size:13px;font-weight:700;padding:10px 11px;border-radius:10px}.community-nav a:hover,.community-nav a.active{background:#151b29;color:#fff}.community-nav a.active i{color:var(--cyan)}.community-account{display:flex;align-items:center;gap:9px}.xp-chip,.login-mini,.join-mini{font-size:12px;text-decoration:none;font-weight:800;border-radius:11px;padding:10px 12px}.xp-chip{background:#161b29;border:1px solid #2a3550}.xp-chip i{color:var(--gold)}.login-mini{color:#dce2f3}.join-mini{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff}.avatar-link{width:38px;height:38px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#52336c,#173f53);display:grid;place-items:center;text-decoration:none;border:2px solid #3a4560}.avatar-link img{width:100%;height:100%;object-fit:cover}.avatar-link span{font-weight:900}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:18px}
.community-main{max-width:1240px;margin:0 auto;padding:26px 20px 50px}.community-hero{position:relative;overflow:hidden;border-radius:28px;padding:34px;min-height:260px;border:1px solid #26314b;background:linear-gradient(115deg,#14182a 0%,#18142a 48%,#0c2631 100%);display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.community-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#e23bc320;filter:blur(20px);right:-140px;top:-180px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#82edff;font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.hero-kicker .dot{width:8px;height:8px;border-radius:50%;background:#ff416d;box-shadow:0 0 15px #ff416d}.community-hero h1{font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-3px;margin:14px 0}.community-hero h1 span{background:linear-gradient(90deg,#fff 10%,#ef57dd 52%,#5ae7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.community-hero p{max-width:660px;color:#aab4ca;font-size:16px;line-height:1.65}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn-primary,.btn-secondary,.btn-small{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:900;cursor:pointer}.btn-primary{padding:13px 18px;background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff}.btn-secondary{padding:12px 17px;background:#121827;border:1px solid #2c3852;color:#fff}.btn-small{padding:9px 12px;background:#1a2234;color:#fff;border:1px solid #2e3a55;font-size:12px}.hero-usercard{position:relative;background:#090c15c9;border:1px solid #303952;border-radius:22px;padding:22px;box-shadow:0 20px 70px #0006}.hero-user-top{display:flex;align-items:center;gap:15px}.big-avatar{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--pink),var(--purple),var(--cyan));display:grid;place-items:center;font-size:24px;font-weight:950}.hero-user-top h3{margin:0 0 4px}.hero-user-top small{color:var(--muted)}.level-bar{margin-top:18px}.level-row{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.level-track{height:9px;background:#1d2638;border-radius:20px;overflow:hidden;margin-top:8px}.level-track span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));border-radius:20px}.user-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.user-mini-stats div{background:#111724;border:1px solid #252f45;border-radius:13px;padding:12px;text-align:center}.user-mini-stats strong{display:block;font-size:17px}.user-mini-stats span{color:var(--muted);font-size:10px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 14px}.section-title h2{margin:0;font-size:23px;letter-spacing:-.6px}.section-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.section-title a{font-size:12px;color:var(--cyan);text-decoration:none;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel-card{background:linear-gradient(180deg,#111622,#0d121d);border:1px solid #242e44;border-radius:var(--radius);padding:20px}.panel-card h3{margin:0 0 14px;font-size:17px}.live-card{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center}.live-card img{width:92px;height:92px;object-fit:cover;border-radius:16px}.live-meta small{color:#ff5975;font-weight:900;letter-spacing:1px}.live-meta strong{display:block;font-size:21px;margin:5px 0}.live-meta span{display:block;color:var(--muted)}.live-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.missions-list{display:grid;gap:10px}.mission{background:#101725;border:1px solid #28334a;border-radius:14px;padding:13px}.mission-head{display:flex;justify-content:space-between;gap:10px}.mission-head strong{font-size:13px}.mission-head b{color:var(--gold);font-size:11px}.mission p{font-size:11px;color:var(--muted);margin:4px 0 10px}.mission-bar{height:7px;border-radius:10px;background:#242e43;overflow:hidden}.mission-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan))}.mission-foot{display:flex;justify-content:space-between;color:#8f99ae;font-size:10px;margin-top:6px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{text-decoration:none;min-height:170px;border-radius:18px;padding:18px;border:1px solid #28334b;background:linear-gradient(160deg,#151b2a,#0c111c);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;right:-40px;top:-45px;width:130px;height:130px;border-radius:50%;background:var(--accent,#7b61ff);opacity:.13;filter:blur(8px)}.feature-card i{font-size:22px;color:var(--accent,#7b61ff);margin-bottom:25px}.feature-card h3{margin:0 0 7px;font-size:16px}.feature-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.feature-card b{position:absolute;bottom:15px;left:18px;font-size:11px;color:#cbd3e4}.leader-list{display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:32px 38px 1fr auto;align-items:center;gap:10px;border-radius:13px;background:#101622;border:1px solid #222c40;padding:9px 11px}.leader-rank{font-weight:950;color:#77839c}.leader-row:nth-child(1) .leader-rank{color:var(--gold)}.leader-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#59355f,#173f54);display:grid;place-items:center;font-weight:900}.leader-name strong{font-size:12px;display:block}.leader-name span{font-size:10px;color:var(--muted)}.leader-xp{font-size:12px;font-weight:900;color:#dbe1ef}.activity-list{display:grid;gap:10px}.activity-row{display:flex;gap:11px;align-items:flex-start}.activity-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#172033;color:var(--cyan);flex:none}.activity-row p{margin:1px 0;font-size:12px;line-height:1.4}.activity-row time{font-size:10px;color:var(--muted)}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px 0 22px}.page-head h1{font-size:34px;margin:0;letter-spacing:-1.2px}.page-head p{color:var(--muted);margin:6px 0 0}.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.battle-card,.quiz-card,.anime-card,.profile-panel{background:linear-gradient(180deg,#121824,#0d121d);border:1px solid #273149;border-radius:20px;overflow:hidden}.battle-inner,.quiz-inner,.profile-panel{padding:20px}.battle-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.battle-option{position:relative;border:1px solid #303c57;background:#111827;border-radius:16px;padding:18px;cursor:pointer;color:#fff;text-align:left}.battle-option:hover{border-color:var(--pink)}.battle-option.voted{border-color:var(--cyan);box-shadow:0 0 0 1px #55e7ff33}.battle-option strong{display:block;font-size:17px}.battle-option span{font-size:12px;color:var(--muted)}.vote-bar{height:8px;background:#212b3f;border-radius:10px;overflow:hidden;margin-top:10px}.vote-bar i{height:100%;display:block;background:linear-gradient(90deg,var(--pink),var(--purple))}.quiz-card{padding:20px}.quiz-card .quiz-type{font-size:10px;color:var(--cyan);text-transform:uppercase;font-weight:900;letter-spacing:1px}.quiz-card h3{margin:9px 0}.quiz-card p{color:var(--muted);font-size:12px;min-height:36px}.quiz-question{margin:20px 0}.quiz-question h3{font-size:18px}.answers{display:grid;gap:9px}.answer-label{display:flex;gap:10px;align-items:center;background:#111827;border:1px solid #29354d;padding:12px;border-radius:12px;cursor:pointer}.answer-label:hover{border-color:#475774}.answer-label input{accent-color:var(--pink)}.anime-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.anime-card img,.anime-placeholder{width:100%;aspect-ratio:2/3;object-fit:cover;background:linear-gradient(135deg,#2b1c3a,#15313e);display:grid;place-items:center;color:#7e8ba6;font-size:30px}.anime-body{padding:13px}.anime-body h3{font-size:13px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anime-body p{font-size:10px;color:var(--muted);margin:0}.anime-actions{display:flex;gap:5px;margin-top:10px}.anime-actions button,.anime-actions a{flex:1;border:1px solid #303a50;background:#151b29;color:#fff;border-radius:9px;padding:8px;text-decoration:none;text-align:center;font-size:10px;cursor:pointer}.anime-actions button.active{color:#ff74e8;border-color:#87427a}
.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:18px}.profile-card{text-align:center;padding:25px}.profile-card .big-avatar{margin:0 auto 15px;width:92px;height:92px;border-radius:26px;font-size:36px}.profile-card h1{font-size:24px;margin:0}.profile-card .username{color:var(--muted);font-size:12px;margin-top:3px}.profile-card .bio{color:#bcc4d5;font-size:12px;line-height:1.55;margin:15px 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.profile-stats div{border:1px solid #29344b;background:#0f1521;border-radius:12px;padding:10px}.profile-stats strong{display:block}.profile-stats span{font-size:9px;color:var(--muted)}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.badge{border:1px solid #2d3850;background:#101622;border-radius:14px;padding:13px;text-align:center}.badge i{color:var(--gold);font-size:20px}.badge strong{font-size:10px;display:block;margin-top:7px}.form-card{max-width:560px;margin:30px auto;background:#101620;border:1px solid #29344c;border-radius:22px;padding:28px}.form-card h1{margin:0 0 6px}.form-card>p{color:var(--muted);font-size:13px;margin:0 0 20px}.form-group{margin:13px 0}.form-group label{display:block;font-size:11px;font-weight:800;color:#b6bfd0;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid #303a52;background:#090e17;color:#fff;border-radius:11px;padding:12px;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cyan)}.form-check{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.form-alert{padding:12px;border-radius:10px;font-size:12px;margin-bottom:12px}.form-alert.error{background:#401827;border:1px solid #9a3c5a}.form-alert.success{background:#123827;border:1px solid #27885b}.auth-links{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}.auth-links a{color:var(--cyan)}
.table-wrap{overflow:auto}.rank-table{width:100%;border-collapse:collapse}.rank-table th,.rank-table td{text-align:left;padding:13px;border-bottom:1px solid #242d42;font-size:12px}.rank-table th{color:#8995ae;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.rank-table tr.me{background:#172032}.rank-user{display:flex;align-items:center;gap:9px}.rank-user .leader-avatar{width:32px;height:32px}.search-row{display:flex;gap:10px;margin-bottom:18px}.search-row input{flex:1;border:1px solid #2e3951;background:#0d121c;color:#fff;border-radius:12px;padding:12px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state i{font-size:30px;color:#526079;margin-bottom:10px}.community-footer{max-width:1240px;margin:0 auto;padding:25px 20px 15px;color:#707c96;font-size:11px;display:flex;justify-content:space-between;gap:20px}.community-footer strong{color:#aeb7cb}.footer-links{display:flex;gap:14px}.footer-links a{text-decoration:none}
.global-player{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);z-index:100;background:#090d16f5;backdrop-filter:blur(18px);border-top:1px solid #2a344a;display:grid;grid-template-columns:48px 48px minmax(180px,1fr) auto minmax(120px,220px) auto;align-items:center;gap:12px;padding:9px max(16px,calc((100vw - 1240px)/2));box-shadow:0 -20px 60px #0008}.global-play{width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:16px;cursor:pointer}.global-player>img{width:46px;height:46px;border-radius:10px;object-fit:cover}.global-track{min-width:0}.global-track small{display:block;font-size:8px;color:#ff617c;font-weight:900;letter-spacing:.7px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff416d;margin-right:3px;box-shadow:0 0 8px #ff416d}.global-track strong,.global-track span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-track strong{font-size:12px}.global-track span{font-size:10px;color:var(--muted)}.global-like{border:1px solid #2c374f;background:#121926;color:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}.global-like.active{color:#ff6ddd;border-color:#7a3f71}.global-volume{display:flex;align-items:center;gap:8px;color:#8e9ab1}.global-volume input{width:100%;accent-color:var(--pink)}.global-community{text-decoration:none;font-size:11px;font-weight:800;border:1px solid #29354c;background:#121825;border-radius:10px;padding:10px 12px}.toast-stack{position:fixed;right:18px;bottom:95px;z-index:150;display:grid;gap:8px}.toast{background:#131a28;border:1px solid #34415c;border-radius:12px;padding:12px 14px;box-shadow:0 12px 30px #0008;font-size:12px;min-width:220px;animation:toastin .2s ease}.toast.success{border-color:#2a815a}.toast.error{border-color:#a44462}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1020px){.community-nav{position:fixed;top:72px;left:12px;right:12px;display:none;grid-template-columns:repeat(2,1fr);background:#0c111bee;border:1px solid #29354b;border-radius:16px;padding:10px;box-shadow:0 20px 60px #0009}.community-nav.open{display:grid}.nav-toggle{display:block}.community-hero{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.anime-grid{grid-template-columns:repeat(4,1fr)}.global-player{grid-template-columns:44px 44px 1fr auto}.global-volume,.global-community{display:none}.profile-grid{grid-template-columns:1fr}}
@media(max-width:680px){:root{--player-h:68px}.community-main{padding:16px 12px 35px}.community-topbar{height:62px;padding:0 12px}.community-nav{top:62px}.community-brand{font-size:18px}.community-brand em{font-size:9px}.xp-chip{display:none}.join-mini{display:none}.community-hero{padding:22px;border-radius:20px}.community-hero h1{font-size:39px}.hero-usercard{padding:16px}.feature-grid,.cards-2,.cards-3{grid-template-columns:1fr}.anime-grid{grid-template-columns:repeat(2,1fr)}.battle-options{grid-template-columns:1fr}.badge-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:28px}.global-player{height:68px;grid-template-columns:40px 40px 1fr auto;gap:8px;padding:7px 10px}.global-play{width:38px;height:38px}.global-player>img{width:40px;height:40px}.global-like{padding:7px 9px}.global-like span{display:none}.community-footer{flex-direction:column}.user-mini-stats{grid-template-columns:repeat(3,1fr)}}