@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f2f4f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#070a10;--panel:#101722;--line:#243042;--muted:#8b98aa;--mint:#4dffd2;--violet:#8c7bff;background:#070a10;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#070a10;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}#app{min-height:100vh}.site-shell{background:radial-gradient(at 50% -20%,#192440 0%,#070a10 55%);min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;opacity:.35;filter:blur(80px);border-radius:50%;position:fixed}.ambient-a{background:#483d9c;width:280px;height:280px;top:100px;right:-120px}.ambient-b{background:#087c69;width:260px;height:260px;bottom:120px;left:-150px}.app-frame{z-index:1;background:linear-gradient(#080c13c2,#070a10f5);border-inline:1px solid #ffffff0a;width:min(100%,480px);min-height:100vh;margin:0 auto;padding-bottom:92px;position:relative;box-shadow:0 0 100px #0000004d}.topbar{justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex}.brand{letter-spacing:-.5px;background:0 0;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg,var(--mint),#89a3ff);color:#071019;border-radius:9px;place-items:center;width:29px;height:29px;font-size:17px;display:grid;box-shadow:0 0 20px #4dffd238}.top-actions{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{background:var(--mint);width:6px;height:6px;box-shadow:0 0 9px var(--mint);border-radius:50%}.icon-button{background:#ffffff0d;border-radius:50%;width:34px;height:34px;margin-left:5px;font-size:21px}.page{padding:8px 20px 24px}.hero-card{background:linear-gradient(135deg,#1b2741,#151a35 48%,#191329);border:1px solid #ffffff14;border-radius:25px;min-height:272px;padding:27px 22px;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000038}.hero-card:after{content:"";background:radial-gradient(#3d2f8e88,#0000 70%);height:170px;position:absolute;inset:auto -40px -80px 30%;transform:rotate(-10deg)}.hero-copy{z-index:2;position:relative}.eyebrow,.kicker{letter-spacing:1.9px;color:#8f9bc0;font:500 10px/1 DM Mono,monospace}.hero-card h1{letter-spacing:-1.8px;margin:18px 0 10px;font-size:34px;line-height:1.16}.hero-card h1 em{color:var(--mint);font-style:normal}.hero-card p{color:#b6c0d2;margin:0 0 22px;font-size:13px}.hero-actions{gap:9px;display:flex}.primary,.ghost{border-radius:12px;height:42px;padding:0 17px;font-size:13px;font-weight:700}.primary{background:var(--mint);color:#071019;box-shadow:0 8px 22px #4dffd226}.primary span{margin-left:11px;font-size:16px}.ghost{color:#e4e8f1;background:#ffffff0d;border:1px solid #ffffff1a}.hero-orbit{z-index:1;width:200px;height:200px;position:absolute;top:25px;right:-17px}.orbit{border:1px solid #9483ff63;border-radius:50%;position:absolute;transform:rotate(-28deg)}.orbit-1{border-left-color:#4dffd277;border-right-color:#0000;inset:26px 0}.orbit-2{border-top-color:#0000;border-bottom-color:#8c7bff99;inset:2px 26px;transform:rotate(40deg)}.orbit-dot{color:var(--mint);text-shadow:0 0 18px var(--mint);font-size:22px;position:absolute;top:35px;right:38px}.hero-score{text-align:center;color:#fff;font-size:36px;font-weight:800;line-height:.75;position:absolute;bottom:55px;right:59px}.hero-score small{color:#aab4c9;white-space:nowrap;margin-top:8px;font-size:9px;font-weight:500;display:block}.free-banner{background:linear-gradient(100deg,#102c34,#121c2a);border:1px solid #4dffd238;border-radius:15px;align-items:center;gap:11px;margin:15px 0 27px;padding:13px 14px;display:flex}.free-icon,.publish-free>span{width:37px;height:37px;color:var(--mint);background:#4dffd226;border-radius:11px;place-items:center;font:500 11px DM Mono;display:grid}.free-banner div{flex-direction:column;flex:1;gap:3px;display:flex}.free-banner strong{font-size:12px}.free-banner small{color:#93a6b1;font-size:10px}.arrow{color:var(--mint);font-size:17px}.section{margin-top:24px}.section-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-head h2,.me-section h2{letter-spacing:-.8px;margin:7px 0 0;font-size:19px}.link-button{color:var(--muted);background:0 0;padding:4px 0;font-size:11px}.game-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.game-tile{text-align:left;border:1px solid var(--line);background:#101722dc;border-radius:15px;flex-direction:column;gap:7px;padding:13px 10px 12px;transition:all .2s;display:flex}.game-tile:hover{border-color:#486079;transform:translateY(-2px)}.game-icon,.game-mini-icon{color:#081017;background:var(--game,#52657d);border-radius:11px;place-items:center;font-weight:800;display:grid}.game-icon{width:34px;height:34px;font-size:13px}.game-tile strong{font-size:11px}.game-tile small{color:var(--muted);font-size:9px}.game-tile:nth-child(2){--game:#e8a445}.game-tile:nth-child(3){--game:#7478ee}.game-tile:nth-child(4){--game:#e674a5}.game-tile:nth-child(5){--game:#5ab6ee}.game-tile:nth-child(6){--game:#bf7ae4}.game-tile.other .game-icon{color:#96a5b8;background:#283546;font-size:20px}.team-list,.group-strip,.group-list{flex-direction:column;gap:9px;display:flex}.team-card{background:#101722c2;border:1px solid #ffffff12;border-radius:15px;align-items:center;gap:11px;padding:13px 12px;transition:all .2s;display:flex}.team-card.clickable{cursor:pointer}.team-card.clickable:hover{border-color:#4b6175;transform:translateY(-1px)}.avatar,.game-mini-icon{background:linear-gradient(135deg,#273a4c,#1d2940);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.team-main{flex:1;min-width:0}.team-line,.group-card-title{align-items:center;gap:7px;display:flex}.team-line strong,.group-card-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.online-chip,.open-label{color:var(--mint);white-space:nowrap;font-size:9px}.online-chip:before{content:"";background:var(--mint);border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.team-main p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 7px;font-size:10px;overflow:hidden}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag-row span{color:#9daaba;background:#1b2635;border-radius:5px;padding:3px 6px;font-size:9px}.slot-count{text-align:right;min-width:40px}.slot-count strong{color:var(--mint);font:500 16px DM Mono;display:block}.slot-count small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.group-mini{text-align:left;border:1px solid var(--line);background:#101722;border-radius:13px;align-items:center;gap:10px;padding:10px;display:flex}.group-emoji,.group-icon{color:var(--mint);background:linear-gradient(135deg,#376060,#263f5c);border-radius:11px;place-items:center;font-weight:800;display:grid}.group-emoji{width:34px;height:34px;font-size:13px}.group-mini span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.group-mini strong{font-size:11px}.group-mini small{color:var(--muted);font-size:9px}.group-mini b,.free-badge,.group-card-title span{color:var(--mint);background:#4dffd21a;border:1px solid #4dffd238;border-radius:5px;padding:4px 6px;font:500 9px DM Mono}.page-heading{justify-content:space-between;align-items:flex-end;margin:15px 0 20px;display:flex}.page-heading h1,.profile-hero h1{letter-spacing:-1.4px;margin:8px 0 0;font-size:29px}.round-action{background:var(--mint);color:#071019;border-radius:12px;width:38px;height:38px;font-size:22px}.search-box{border:1px solid var(--line);background:#111a27;border-radius:14px;align-items:center;gap:9px;height:47px;margin-bottom:13px;padding:0 13px;display:flex}.search-box span{color:var(--mint);font-size:24px}.search-box input{color:#fff;background:0 0;border:0;outline:none;flex:1;font-size:12px}.search-box kbd{color:#657389;background:#202b3b;border-radius:5px;padding:4px 6px;font:9px DM Mono}.filter-scroll{scrollbar-width:none;gap:7px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow:auto}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll button{color:var(--muted);background:#121b28;border:1px solid #0000;border-radius:8px;flex:none;padding:7px 11px;font-size:10px}.filter-scroll button.active{color:var(--mint);background:#4dffd217;border-color:#4dffd259}.results-meta{color:var(--muted);justify-content:space-between;margin:7px 0 11px;font-size:10px;display:flex}.free-text{color:var(--mint);font:500 10px DM Mono}.large{gap:10px}.large .team-card{padding:15px 12px}.game-mini-icon{color:#061016;background:linear-gradient(135deg,#5de8c7,#586dff);width:43px;height:43px;font-size:12px}.team-note{color:#8190a4;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:10px;display:block;overflow:hidden}.floating-publish{height:43px;color:var(--mint);z-index:4;background:#182c38;border:1px solid #4dffd266;border-radius:22px;padding:0 18px;font-size:12px;font-weight:700;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.back-button{color:var(--muted);background:0 0;margin:4px 0 15px;padding:4px 0;font-size:12px}.detail-cover{background:radial-gradient(circle at 70% 40%,#433978,#18263a 55%,#101722);border:1px solid #ffffff14;border-radius:20px;place-items:center;height:145px;display:grid;position:relative;overflow:hidden}.detail-cover:after{content:"";border:1px solid #7e78ff55;border-radius:50%;width:180px;height:180px;position:absolute;transform:rotate(35deg)skewY(20deg)}.cover-icon{z-index:1;color:var(--mint);text-shadow:0 0 25px #4dffd2aa;font-size:45px;font-weight:800}.live-pill{z-index:2;color:var(--mint);background:#0c171b;border:1px solid #4dffd277;border-radius:15px;padding:6px 9px;font-size:9px;position:absolute;top:13px;right:13px}.live-pill i{background:var(--mint);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.detail-title{padding:21px 2px 12px}.detail-title h1{margin:8px 0;font-size:25px}.detail-title p{color:var(--muted);font-size:12px;line-height:1.7}.detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.detail-meta span{color:#aab6c8;background:#121c29;border-radius:7px;padding:7px 9px;font-size:10px}.detail-card{border:1px solid var(--line);background:#101722;border-radius:16px;margin-bottom:16px;padding:15px}.detail-card-head,.member-row{align-items:center;display:flex}.detail-card-head{color:#bac5d2;justify-content:space-between;margin-bottom:15px;font-size:11px}.detail-card-head strong{color:var(--mint);font:500 14px DM Mono}.member-row{gap:10px}.member-row span{flex-direction:column;flex:1;gap:3px;display:flex}.member-row strong{font-size:12px}.member-row small{color:var(--muted);font-size:9px}.member-row em{color:#988eff;background:#272344;border-radius:5px;padding:5px 7px;font-size:9px;font-style:normal}.empty-slots{border-top:1px solid #243042;gap:8px;margin-top:14px;padding-top:13px;display:flex}.empty-slots span{color:#6f7d92;border:1px dashed #526278;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.full{width:100%}.stepper{color:#526177;align-items:center;gap:8px;margin:-2px 0 22px;font:500 10px DM Mono;display:flex}.stepper span{border:1px solid #283548;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.stepper span.active{color:var(--mint);border-color:var(--mint);background:#102b2c}.stepper i{background:#293548;flex:1;height:1px}.form-panel{border:1px solid var(--line);background:#101722;border-radius:18px;padding:18px}.form-panel label{color:#aab6c8;margin-bottom:15px;font-size:11px;display:block}.form-panel input,.form-panel select,.form-panel textarea{color:#eef2f8;resize:vertical;background:#0b121d;border:1px solid #2b394d;border-radius:10px;width:100%;margin-top:8px;padding:11px 12px;font-size:12px;display:block}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.switch-label{justify-content:space-between;align-items:center;padding-top:2px;display:flex!important}.switch{background:#2a3546;border-radius:20px;width:42px;height:24px;padding:3px}.switch i{background:#8d99aa;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.switch.on{background:var(--mint)}.switch.on i{background:#071019;transform:translate(18px)}.preview-label{color:var(--muted);margin-bottom:11px;font-size:10px;display:block}.preview-panel .team-card{margin-bottom:15px}.publish-free{background:#0c292c;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px;display:flex}.publish-free>div{flex-direction:column;gap:3px;display:flex}.publish-free strong{font-size:12px}.publish-free small{color:#87aaa7;font-size:9px}.button-row{gap:9px;display:flex}.button-row>*{flex:1}.page-intro{color:var(--muted);margin:-9px 0 21px;font-size:12px}.group-card{border:1px solid var(--line);cursor:pointer;background:#101722;border-radius:16px;align-items:center;gap:12px;padding:14px 12px;display:flex}.group-card:hover{border-color:#4a6277}.group-icon{flex:none;width:46px;height:46px;font-size:16px}.group-content{flex:1;min-width:0}.group-card-title strong{font-size:12px}.group-card-title span{padding:3px 5px;font-size:8px}.group-content p{color:#9eabbc;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 8px;font-size:10px;overflow:hidden}.group-content small{color:#6e7e93;font-size:9px}.join-mini{color:var(--mint);background:#172932;border-radius:7px;padding:7px 9px;font-size:10px}.profile-hero{align-items:center;gap:12px;padding:12px 0 22px;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--mint),#5b65ff);color:#081017;border-radius:18px;place-items:center;width:57px;height:57px;font-size:26px;display:grid}.profile-hero h1{margin:5px 0;font-size:22px}.profile-hero p{color:var(--muted);margin:0;font-size:10px}.edit-button{color:#b9c3d1;background:#162231;border-radius:8px;margin-left:auto;padding:7px 10px;font-size:10px}.stat-row{border:1px solid var(--line);background:#101722;border-radius:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px;padding:15px 0;display:grid}.stat-row div{text-align:center;border-right:1px solid #243042}.stat-row div:last-child{border:0}.stat-row strong{color:#fff;font:500 19px DM Mono;display:block}.stat-row small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.me-section{margin-bottom:23px}.me-section h2{margin:0;font-size:16px}.manage-list{flex-direction:column;gap:8px;display:flex}.manage-card{border:1px solid var(--line);background:#101722;border-radius:12px;justify-content:space-between;align-items:center;padding:13px;display:flex}.manage-card div{flex-direction:column;gap:5px;display:flex}.manage-card strong{font-size:11px}.manage-card small,.status-label{color:var(--muted);font-size:9px}.status-label.approved{color:var(--mint)}.status-label.pending{color:#f4c46e}.status-label.rejected{color:#ff8a9a}.empty-small,.empty-state{color:#718095;text-align:center;border:1px dashed #2c3c50;border-radius:12px;padding:16px;font-size:10px}.demo-tools{gap:9px;display:flex}.demo-tools button{border:1px solid var(--line);color:#9ca9bb;background:#101722;border-radius:10px;flex:1;padding:11px 8px;font-size:10px}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f17ec;border-top:1px solid #ffffff12;justify-content:space-between;width:min(100%,480px);height:76px;padding:9px 19px 10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#657389;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:45px;display:flex}.bottom-nav button span{font-size:21px;line-height:1}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:var(--mint)}.bottom-nav .nav-publish{margin-top:-26px}.nav-publish span{background:var(--mint);color:#061117;border:4px solid #0d141e;border-radius:17px;place-items:center;width:50px;height:50px;font-size:29px;display:grid;box-shadow:0 9px 22px #4dffd238}.toast{z-index:20;color:#0b141b;background:#ecf3f5;border-radius:10px;padding:11px 15px;font-size:11px;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.fade-enter-active,.fade-leave-active{transition:all .2s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translate(-50%,8px)}.modal-backdrop{z-index:10;background:#04070ccc;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.profile-modal,.group-modal{background:#111a27;border:1px solid #2c3d52;border-radius:22px;width:min(100%,450px);padding:22px;position:relative;box-shadow:0 -15px 70px #000a}.profile-modal h2,.group-modal h2{margin:10px 0 5px;font-size:22px}.profile-modal>p{color:var(--muted);margin-bottom:20px;font-size:11px}.profile-modal label{color:#aab6c8;margin-bottom:13px;font-size:11px;display:block}.profile-modal input,.profile-modal select{color:#fff;background:#0a111b;border:1px solid #2c3b4f;border-radius:9px;width:100%;margin-top:7px;padding:10px;font-size:12px;display:block}.optional{color:#68778d;margin-left:4px;font-size:9px}.close{color:#a6b1c0;background:#202d3d;border-radius:50%;width:28px;height:28px;font-size:20px;position:absolute;top:13px;right:16px}.group-modal{padding:22px 20px 20px}.group-modal-head{align-items:center;gap:12px;display:flex}.group-modal-head .group-icon{width:52px;height:52px}.group-modal-head h2{margin:5px 0 3px;font-size:17px}.group-modal-head p{color:var(--muted);margin:0;font-size:10px}.qr-wrap{color:#5d6872;background:#f5f7f4;border-radius:14px;flex-direction:column;align-items:center;gap:9px;width:218px;margin:20px auto 16px;padding:16px;font-size:9px;display:flex}.group-number{background:#0c141f;border-radius:10px;align-items:center;gap:9px;margin-bottom:13px;padding:11px 12px;display:flex}.group-number span{color:var(--muted);font-size:10px}.group-number strong{flex:1;font:500 15px DM Mono}.group-number button{color:var(--mint);background:#1b3139;border-radius:6px;padding:5px 8px;font-size:9px}.safe-note{text-align:center;color:#718095;margin-top:10px;font-size:9px;display:block}@media (width>=700px){.app-frame{border-radius:25px;min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 0 90px #0008}.bottom-nav{border-radius:0 0 25px 25px;bottom:24px}.floating-publish{bottom:108px}.page{padding-inline:27px}}.review-drawer{background:#101722;border:1px solid #4dffd238;border-radius:16px;margin:0 20px 18px;padding:15px}.review-drawer .section-head{margin-bottom:10px}.review-drawer h2{font-size:15px}.review-actions{gap:6px;display:flex}.review-actions button{color:#a9b5c6;background:#202b3b;border-radius:6px;padding:6px 8px;font-size:9px}.review-actions .approve{color:#4dffd2;background:#173b37}