:root{--wow-blue:#2f57ff;--wow-cyan:#10dec9;--wow-purple:#743cff;--wow-ink:#07143b;--wow-muted:#8390aa}
.community-page{background:linear-gradient(180deg,#f7fbfd 0,#eef6f8 32rem,#f7fafb 100%);color:#173143}.community-page::before,.community-page::after{display:none}.community-main,.play-main{width:min(calc(100% - 40px),1460px);margin:auto;padding:24px 0 110px}.community-page .topbar{background:rgba(255,255,255,.9);border-color:rgba(194,213,222,.78);box-shadow:0 8px 30px rgba(32,68,92,.06);backdrop-filter:blur(18px)}
.community-hero{position:relative;display:grid;grid-template-columns:1.05fr .9fr 190px;min-height:330px;overflow:hidden;padding:38px;border:1px solid #dcebee;border-radius:26px;background:radial-gradient(circle at 66% 35%,rgba(80,210,191,.2),transparent 19rem),linear-gradient(135deg,#fff,#effafa 54%,#e8f4ff);box-shadow:0 18px 48px rgba(32,68,92,.1)}.community-hero-copy{position:relative;z-index:2;align-self:center}.community-eyebrow{font-family:inherit;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#0d9889}.community-hero h1{margin:8px 0;font-size:clamp(40px,5vw,74px);line-height:1.05;letter-spacing:-.055em;color:#102b3a}.community-hero h1 span{background:linear-gradient(90deg,#0f9f94,#3b8dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.community-hero-copy>p{font-size:20px;color:#5f7180}.community-values{display:flex;gap:10px;margin-top:24px}.community-values span{padding:9px 14px;border-radius:999px;border:1px solid #d4ebe8;background:rgba(255,255,255,.78);color:#287268;font-size:13px}.community-globe{position:relative;display:grid;place-items:center;min-width:0}.community-globe img{width:min(100%,560px);filter:saturate(.78) brightness(1.08);opacity:.62}.community-globe strong{position:absolute;font-size:120px;font-style:italic;text-shadow:0 0 24px #3fb8ff,0 8px 30px rgba(21,139,176,.24);color:#fff}.community-pulse{position:absolute;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#28c8a4;box-shadow:0 0 18px #4cc7ff}.pulse-one{top:28%;left:22%}.pulse-two{top:58%;right:18%}.pulse-three{bottom:18%;left:35%}.community-live{align-self:center;display:grid;gap:12px;padding:20px;border:1px solid #d8e9ed;border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 12px 30px rgba(40,91,111,.08)}.community-live b,.community-live span{color:#385064}.community-live em,.community-live strong{color:#0ba887}
.community-search{display:flex;align-items:center;gap:12px;max-width:900px;min-height:62px;margin:-30px auto 22px;padding:7px 8px 7px 22px;position:relative;z-index:4;border:1px solid #d9e8ed;border-radius:22px;background:#fff;box-shadow:0 18px 42px rgba(38,80,103,.13);color:#75819b}.community-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#173143;font-size:16px}.community-search input::placeholder{color:#9ab}.community-search button{min-width:112px;align-self:stretch;border:0;border-radius:17px;background:linear-gradient(90deg,#168fda,#21c99b);color:#fff;font-weight:900;cursor:pointer}
.community-stats{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin:18px 0;border:1px solid #dbe8ed;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(35,75,95,.07)}.community-stats article{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:22px;border-right:1px solid #e6eef2}.community-stats article:last-child{border:0}.community-stats i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#36a7ff,#22c99b);font-style:normal}.community-stats strong{font-size:29px;color:#122e3e}.community-stats span{font-size:13px;color:#6d7d8c}.community-stats small{display:block;margin-top:5px;color:#0ca57f}
.community-directory{padding:28px 0 22px}.community-type-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px;border:1px solid #dce8ed;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(35,75,95,.06)}.community-type-tabs button,.community-filter-row button{border:0;border-radius:13px;padding:13px;color:#596b79;background:transparent;font-weight:800;cursor:pointer}.community-type-tabs button.is-active{color:#fff;background:linear-gradient(90deg,#188fd5,#18bea1);box-shadow:0 8px 20px rgba(20,164,157,.2)}.community-filter-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0}.community-filter-row>div{display:flex;gap:7px;flex-wrap:wrap}.community-filter-row button{padding:9px 14px;background:#eaf1f4}.community-filter-row button.is-active{background:#183e53;color:#fff}.community-filter-row select{padding:10px 14px;border:1px solid #d7e4e9;border-radius:12px;color:#4f6371;background:#fff}
.community-card[hidden]{display:none}.cover-usa{background-image:linear-gradient(180deg,transparent,rgba(5,39,58,.5)),url('./optimized/5.webp')}.cover-japan{background-image:linear-gradient(180deg,transparent,rgba(5,39,58,.5)),url('./optimized/136.webp')}.cover-korea{background-image:linear-gradient(180deg,transparent,rgba(5,39,58,.5)),url('./optimized/134.webp')}.cover-vietnam{background-image:linear-gradient(180deg,transparent,rgba(5,39,58,.5)),url('./optimized/137.webp')}.cover-thailand{background-image:linear-gradient(180deg,transparent,rgba(5,39,58,.5)),url('./optimized/135.webp')}.cover-indonesia{background-image:linear-gradient(180deg,transparent,rgba(5,39,58,.5)),url('./optimized/133.webp')}
.community-widgets{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;margin-top:18px}.community-widgets article,.community-shortcuts{padding:20px;border:1px solid #dce8ed;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(31,73,94,.07);color:#183143}.community-widgets header{display:flex;justify-content:space-between;align-items:center}.community-widgets h3{margin:0;font-size:16px;color:#17364a}.community-widgets header a,.community-widgets header span{color:#84929b;font-size:11px}.community-widgets ol,.community-widgets ul{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style-position:inside}.community-widgets li{display:flex;justify-content:space-between;color:#4f6471;font-size:12px}.community-widgets li small{display:block;color:#84929b}.community-widgets li b{color:#0d9f83}.community-shortcuts{display:flex;align-items:center;gap:20px;margin-top:14px}.community-shortcuts div{display:flex;gap:10px;flex:1}.community-shortcuts a{flex:1;padding:12px;border-radius:12px;background:#f7fafb;color:#294656;text-align:center;text-decoration:none;font-weight:800}
.wow-play-page,.wow-play-page .site-shell{background:#f4f6ff;color:var(--wow-ink)}.wow-play-page .topbar{background:rgba(255,255,255,.9);border-color:#e7e9f5}.wow-play-page .nav-links a,.wow-play-page .portal-wallet-button{color:#354061}.wow-play-page .nav-links a.active{color:#553bff}.play-main{max-width:1420px}.play-userbar{display:flex;justify-content:flex-end;gap:12px;margin-bottom:14px}.play-userbar>div{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(48,62,130,.09)}.play-userbar b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#fff;background:#5940e9}.play-userbar span small{display:block;color:#77819c}.play-userbar button{border:0;border-radius:18px;padding:0 20px;background:#fff;color:#5140e8;font-weight:900;box-shadow:0 8px 30px rgba(48,62,130,.09)}
.play-hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:330px;overflow:hidden;padding:42px;border-radius:28px;color:#fff;background:radial-gradient(circle at 72% 30%,#9a66ff,#5926ee 45%,#1728bf);box-shadow:0 20px 55px rgba(70,48,213,.25)}.play-hero>div:first-child{align-self:center}.play-hero span{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.18)}.play-hero h1{margin:25px 0 8px;font-size:clamp(42px,5vw,72px)}.play-hero p{font-size:21px}.play-hero button{margin-top:18px;padding:14px 24px;border:0;border-radius:999px;background:#fff;color:#4432d1;font-weight:900}.play-gift{position:relative;display:grid;place-items:center}.play-gift:before{content:"";position:absolute;width:230px;height:190px;border-radius:24px;background:linear-gradient(135deg,#d9b1ff,#5125d9);box-shadow:inset 0 0 35px rgba(255,255,255,.45),0 25px 50px rgba(30,10,110,.3);transform:rotate(-4deg)}.play-gift i{position:relative;font-size:125px;font-style:normal;font-weight:900;text-shadow:0 8px 0 #4025a2}.play-gift strong{position:absolute;right:9%;bottom:11%;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#fff;color:#6842f5;font-size:34px}
.play-quick{display:grid;grid-template-columns:repeat(5,1fr);margin:16px 0;padding:14px;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(50,62,132,.09)}.play-quick button,.play-quick a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;border:0;border-right:1px solid #eceef6;background:transparent;color:#182044;text-decoration:none;cursor:pointer}.play-quick>:last-child{border:0}.play-quick b{font-size:25px;color:#5b42ef}.play-quick small{display:block;color:#7d879f}
.staking-hub,.play-center{margin-top:18px;padding:28px;border-radius:28px;background:#fff;box-shadow:0 15px 45px rgba(49,64,132,.1)}.staking-hub{background:linear-gradient(135deg,#e7fbf7,#fff 48%,#eafdf9)}.staking-hub header,.play-center>header{display:flex;justify-content:space-between;gap:20px;align-items:start}.staking-hub header span,.play-center header span{padding:5px 9px;border-radius:999px;color:#069f77;background:#d8f8ef;font-size:11px}.staking-hub h2,.play-center h2{margin:8px 0 4px;font-size:32px}.staking-hub header p,.play-center header p{margin:0;color:#737f99}.staking-hub header button{padding:12px 20px;border:0;border-radius:999px;color:#fff;background:#08bd91;font-weight:900}.staking-overview{display:grid;grid-template-columns:270px 1fr;align-items:center;margin-top:18px}.staking-vault{display:grid;place-items:center;position:relative;height:180px;border-radius:30px;color:#6c51ef;background:linear-gradient(135deg,#d8f7f1,#b4f2e8);font-size:100px}.staking-vault i{position:absolute;right:25px;bottom:22px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#6647ed;color:#fff;font-size:25px;font-style:normal}.staking-numbers{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;border-radius:20px;background:rgba(255,255,255,.84)}.staking-numbers span{padding:10px 18px;border-right:1px solid #e2e7ef;color:#667189}.staking-numbers span:last-child{border:0}.staking-numbers strong{display:block;margin:12px 0 5px;color:#12172a;font-size:25px}.staking-numbers small{color:#344375}.staking-hub>h3{margin:22px 0 10px}.staking-products{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:20px;background:#fff}.staking-products article{display:grid;justify-items:center;padding:18px;border-right:1px solid #e8ebf3}.staking-products article:last-child{border:0}.coin{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;font-size:25px;font-style:normal}.coin.wow{background:#704af0}.coin.btc{background:#f5a51e}.coin.eth{background:#4972f7}.coin.bnb{background:#f2a610}.coin.agent{background:#12a77c}.staking-products h4{margin:8px 0}.staking-products strong{font-size:20px}.staking-products small{margin:4px 0 12px;color:#7e88a1;text-align:center}.staking-products button{padding:9px 16px;border:0;border-radius:999px;color:#fff;background:#6b47ec;font-weight:800}.staking-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.staking-benefits span{padding:14px;border-radius:15px;background:rgba(255,255,255,.75)}.staking-benefits small{display:block;margin-top:4px;color:#77829a}
.play-center>header>a{color:#583eea;text-decoration:none;font-weight:800}.play-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}.play-categories a,.play-categories button{display:grid;justify-items:center;min-height:130px;padding:16px;border:0;border-radius:17px;color:#151b38;background:linear-gradient(180deg,#f2ecff,#fff);text-decoration:none;cursor:pointer}.play-categories b{font-size:38px}.play-categories strong{margin-top:8px}.play-categories small{color:#7e87a1}.play-section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.play-section-title h3{margin:0}.play-section-title small{font-weight:400}.play-section-title>span{color:#6448ea}.trending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trend-card{position:relative;display:grid;justify-items:start;min-height:155px;padding:18px;border:0;border-radius:17px;color:#fff;text-align:left;cursor:pointer}.trend-card>span{position:absolute;right:8px;top:8px;padding:4px 7px;border-radius:999px;background:#ff513d;font-size:10px}.trend-card>b{font-size:48px}.trend-card strong{font-size:18px}.trend-card small{opacity:.85}.trend-purple{background:linear-gradient(135deg,#6127d9,#a246f4)}.trend-blue{background:linear-gradient(135deg,#1551bb,#10a1e8)}.trend-cyan{background:linear-gradient(135deg,#0c9fb3,#22d8c5)}.trend-red{background:linear-gradient(135deg,#cb244e,#f46a33)}.task-center{margin-top:24px;padding-top:1px}.wow-play-page .portal-tabs button{color:#616d88;background:#eef0f8}.wow-play-page .portal-tabs button.is-active{color:#fff;background:#6144ef}.wow-play-page .quest-list{margin-top:12px}.wow-play-page .quest-empty{color:#66718a;background:#f4f5fa}.reward-center{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;margin-top:16px;padding:18px;border-radius:18px;background:#f6f7fc}.reward-center>div:first-child{display:grid;grid-template-columns:repeat(4,1fr)}.reward-center span{color:#778199}.reward-center strong{display:block;margin-top:6px;color:#151b37;font-size:20px}.reward-center>button{padding:12px 18px;border:0;border-radius:999px;color:#fff;background:#6245ed}.reward-center .reward-ledger-preview{grid-column:1/-1;background:#fff;color:#7c879f}
@media(max-width:1050px){.community-hero{grid-template-columns:1fr 1fr}.community-live{display:none}.community-grid{grid-template-columns:repeat(2,1fr)}.community-widgets{grid-template-columns:1fr 1fr}.community-widgets article:last-child{grid-column:1/-1}.staking-overview{grid-template-columns:1fr}.staking-vault{display:none}.staking-products{grid-template-columns:repeat(3,1fr)}.play-categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.community-main,.play-main{width:min(calc(100% - 24px),1460px);padding-top:14px}.community-page{background:linear-gradient(180deg,#f0f8f6 0,#f7fbfc 30rem,#f7f9fa 100%);color:#173143}.community-page .topbar{background:rgba(255,255,255,.95);border-color:#dbe8ec}.community-hero{grid-template-columns:1fr;min-height:300px;padding:24px;border:1px solid #d9e9ed;background:radial-gradient(circle at 75% 35%,rgba(48,164,255,.16),transparent 15rem),linear-gradient(145deg,#fff,#e8faf5)}.community-hero h1{font-size:45px}.community-hero-copy>p{font-size:16px}.community-values{margin-top:14px}.community-globe{position:absolute;right:-30px;bottom:-30px;width:65%;opacity:.8}.community-globe strong{font-size:75px}.community-search{margin:-15px 12px 14px;min-height:56px}.community-search button{min-width:90px}.community-stats{grid-template-columns:repeat(4,1fr);border:1px solid #dbe8ed;background:#fff}.community-stats article{display:flex;flex-direction:column;gap:2px;padding:12px 5px;text-align:center}.community-stats i{width:34px;height:34px}.community-stats strong{font-size:19px;color:#17364a}.community-stats span{font-size:10px;color:#6d7d8c}.community-stats small{display:none}.community-type-tabs{background:#fff;border:0;box-shadow:0 8px 25px rgba(45,57,116,.1)}.community-type-tabs button{font-size:12px;color:#283251}.community-filter-row{overflow-x:auto}.community-filter-row>div{flex-wrap:nowrap}.community-filter-row select{display:none}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.community-card{border:0;border-radius:17px;background:#fff;color:#152044;box-shadow:0 10px 25px rgba(44,58,124,.14)}.community-card-cover{height:105px}.community-card-body{padding:11px}.community-card h2{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-card p{font-size:10px}.community-numbers{display:grid;gap:3px;color:#34405f;font-size:9px}.community-leader{margin:8px 0;font-size:9px}.avatar-stack i{width:22px;height:22px}.community-tags{display:none}.community-card-body>a{margin-top:8px;padding:9px;font-size:11px}.community-widgets{grid-template-columns:1fr;color:#183143}.community-widgets article:last-child{grid-column:auto}.community-shortcuts{display:block;color:#183143}.community-shortcuts div{overflow-x:auto;margin-top:12px}.community-shortcuts a{min-width:110px}.play-userbar{justify-content:stretch}.play-userbar>div{flex:1;padding:8px}.play-userbar button{padding:0 10px}.play-hero{grid-template-columns:1fr;min-height:270px;padding:25px}.play-hero h1{font-size:45px}.play-gift{position:absolute;right:7%;margin-top:40px}.play-gift:before{width:120px;height:110px}.play-gift i{font-size:75px}.play-gift strong{width:45px;height:45px;font-size:20px}.play-quick{grid-template-columns:repeat(5,1fr);padding:8px}.play-quick button,.play-quick a{display:grid;justify-items:center;gap:3px;padding:5px;font-size:10px;text-align:center}.play-quick b{font-size:20px}.staking-hub,.play-center{padding:18px;border-radius:22px}.staking-hub header,.play-center>header{display:block}.staking-hub header button{margin-top:12px}.staking-hub h2,.play-center h2{font-size:27px}.staking-numbers{grid-template-columns:repeat(2,1fr);padding:8px}.staking-numbers span{padding:10px;border-bottom:1px solid #e2e7ef}.staking-numbers strong{font-size:21px}.staking-products{grid-template-columns:repeat(2,1fr)}.staking-products article{border-bottom:1px solid #e8ebf3}.staking-benefits{grid-template-columns:1fr}.play-categories{grid-template-columns:repeat(3,1fr);gap:8px}.play-categories a,.play-categories button{min-height:112px;padding:10px}.trending-grid{grid-template-columns:repeat(2,1fr)}.reward-center{grid-template-columns:1fr}.reward-center>div:first-child{grid-template-columns:repeat(2,1fr)}.reward-center>button{width:100%}.wow-play-page .mobile-bottom-nav,.community-page .mobile-bottom-nav{background:rgba(255,255,255,.96);box-shadow:0 -8px 30px rgba(44,55,111,.12)}.wow-play-page .mobile-bottom-nav a,.community-page .mobile-bottom-nav a{color:#7a839b}.wow-play-page .mobile-bottom-nav a.active,.community-page .mobile-bottom-nav a.active{color:#12bd8e}}
@media(max-width:430px){.community-main,.play-main{width:min(calc(100% - 16px),1460px)}.community-hero{padding:20px}.community-hero h1{font-size:39px}.community-values span{padding:7px 9px;font-size:10px}.community-search{margin-inline:4px}.community-type-tabs{gap:3px;padding:5px}.community-type-tabs button{padding:10px 4px}.community-card-cover{height:88px}.community-card-body{padding:9px}.community-card h2{font-size:13px}.play-hero{padding:22px}.play-gift{right:3%}.play-quick span small{display:none}.staking-products article{padding:13px 8px}.coin{width:48px;height:48px}.play-categories b{font-size:30px}.play-categories strong{font-size:12px}.play-categories small{font-size:9px}}

/* 2026-08 light product polish: keep the existing WOW visual language while
   using the references only for information hierarchy and responsive density. */
:root{--wow-surface:#fff;--wow-canvas:#f4f8fb;--wow-line:#e4edf3;--wow-shadow:0 18px 48px rgba(32,68,92,.1);--wow-green:#20c997;--wow-sky:#3aa8ff}
body.community-page{background:linear-gradient(180deg,#f7fbfd 0,#eef6f8 32rem,#f7fafb 100%)}
body.community-page::before,body.community-page::after{display:none}
.community-page .site-shell{background:transparent;color:var(--wow-ink)}
.community-page .topbar{background:rgba(255,255,255,.9);border-color:rgba(194,213,222,.78);box-shadow:0 8px 30px rgba(32,68,92,.06);backdrop-filter:blur(18px)}
.community-page .nav-links a,.community-page .portal-wallet-button{color:#435468}.community-page .nav-links a.active{color:#087f74}
.community-main{max-width:1320px;padding-top:30px}
.community-hero{grid-template-columns:1.05fr .9fr 190px;min-height:330px;border:1px solid #dcebee;background:radial-gradient(circle at 66% 35%,rgba(80,210,191,.2),transparent 19rem),linear-gradient(135deg,#fff,#effafa 54%,#e8f4ff);box-shadow:var(--wow-shadow)}
.community-eyebrow{font-family:inherit;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#0d9889}
.community-page .community-hero h1{color:#102b3a!important;letter-spacing:-.055em}.community-page .community-hero h1 span{background:linear-gradient(90deg,#0f9f94,#3b8dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.community-hero-copy>p{color:#5f7180}.community-values span{border:1px solid #d4ebe8;background:rgba(255,255,255,.78);color:#287268;box-shadow:0 6px 16px rgba(35,120,111,.06)}
.community-globe img{filter:saturate(.78) brightness(1.08);opacity:.62}.community-globe strong{color:#fff;text-shadow:0 0 24px #3fb8ff,0 8px 30px rgba(21,139,176,.24)}
.community-pulse{border-color:#fff;background:#28c8a4;box-shadow:0 0 18px #4cc7ff}
.community-live{border:1px solid #d8e9ed;background:rgba(255,255,255,.76);box-shadow:0 12px 30px rgba(40,91,111,.08)}.community-live b,.community-live span{color:#385064}.community-live em,.community-live strong{color:#0ba887}
.community-search{max-width:900px;border-color:#d9e8ed;background:#fff;box-shadow:0 18px 42px rgba(38,80,103,.13);transition:border-color .2s ease,box-shadow .2s ease}.community-search:focus-within{border-color:#12bd8e;box-shadow:0 0 0 3px rgba(18,189,142,.1),0 18px 42px rgba(38,80,103,.13)}.community-search button{background:linear-gradient(90deg,#168fda,#21c99b);transition:transform .18s ease,box-shadow .18s ease}.community-search button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(22,165,154,.25)}
.community-stats{border-color:#dbe8ed;background:#fff;box-shadow:0 12px 35px rgba(35,75,95,.07)}.community-stats article{border-color:#e6eef2;transition:background .2s ease}.community-stats article:hover{background:#f8fcfb}.community-stats i{color:#fff;background:linear-gradient(135deg,#36a7ff,#22c99b)}.community-page .community-stats strong{color:#122e3e!important}.community-page .community-stats span{color:#6d7d8c!important}.community-page .community-stats small{color:#0ca57f!important}
.community-directory{padding-top:28px}.community-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.community-section-heading span{color:#0c9e8f;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.community-section-heading h2{margin:5px 0 3px;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}.community-section-heading p{margin:0;color:#71818d}.community-section-heading>strong{color:#61727f;font-size:12px}.community-section-heading i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#18c491;box-shadow:0 0 0 5px rgba(24,196,145,.12)}
.community-type-tabs{border-color:#dce8ed;background:#fff;box-shadow:0 8px 25px rgba(35,75,95,.06)}.community-type-tabs button,.community-filter-row button{color:#596b79;transition:all .2s ease}.community-type-tabs button:hover{background:#f0f8f6}.community-type-tabs button.is-active{color:#fff;background:linear-gradient(90deg,#188fd5,#18bea1);box-shadow:0 8px 20px rgba(20,164,157,.2)}.community-type-tabs button.is-active:hover{background:linear-gradient(90deg,#188fd5,#18bea1)}
.community-filter-row button{background:#eaf1f4}.community-filter-row button.is-active{background:#183e53}.community-filter-row select{border-color:#d7e4e9;color:#4f6371;background:#fff}
.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.community-card{display:grid;grid-template-columns:42% 58%;min-height:258px;border:1px solid #dce9ee;border-radius:22px;background:#fff;color:#183143;box-shadow:0 14px 38px rgba(31,73,94,.09);transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.community-card:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(31,73,94,.16)}
.community-card-cover{height:auto;min-height:100%;box-shadow:inset 0 -70px 70px rgba(5,39,58,.3)}.community-card-cover b{background:rgba(255,255,255,.88);color:#147c71}.community-card-body{display:flex;flex-direction:column;padding:20px}.community-card h2{color:#17364a;font-size:21px}.community-card p{color:#119879}.community-numbers{color:#617582}.community-leader{margin:13px 0}.avatar-stack i{border-color:#fff}.community-tags span{border-color:#d8e5e9;color:#61717e;background:#f5f8fa}.community-card-body>a{margin-top:auto;background:linear-gradient(90deg,#258fe5,#18c899);box-shadow:0 8px 20px rgba(25,161,165,.18)}
.community-widgets{grid-template-columns:.9fr 1.15fr 1fr;gap:18px}.community-widgets article,.community-shortcuts{border-color:#dce8ed;background:#fff;color:#183143;box-shadow:0 12px 34px rgba(31,73,94,.07)}.community-widgets li{color:#4f6471}.community-widgets li small,.community-widgets header a,.community-widgets header span{color:#84929b}.community-widgets li b{color:#0d9f83}.community-shortcuts a{border:1px solid #dce8ed;background:#f7fafb;color:#294656}

.wow-play-page,.wow-play-page .site-shell{background:linear-gradient(180deg,#f8fbfd,#eef6f7 38rem,#f7fafb);color:var(--wow-ink)}.wow-play-page .topbar{box-shadow:0 8px 30px rgba(32,68,92,.06)}
.play-main{max-width:1320px;padding-top:30px}.play-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px;padding:30px 34px;border:1px solid #dce9ee;border-radius:28px;background:radial-gradient(circle at 88% 20%,rgba(50,183,255,.2),transparent 18rem),linear-gradient(135deg,#fff,#effaf8);box-shadow:var(--wow-shadow)}
.play-intro>div:first-child{max-width:720px}.play-intro>div>span{color:#0c9e8f;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.play-intro h1{margin:7px 0 5px;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.play-intro h1 em{font-style:normal;color:#0b968b}.play-intro p{margin:0;color:#6d7e8b}.play-intro nav{display:flex;gap:8px;margin-top:17px}.play-intro nav a{padding:9px 13px;border:1px solid #d7e8e8;border-radius:999px;background:#fff;color:#367064;text-decoration:none;font-size:12px;font-weight:800}
.play-userbar{flex-shrink:0;margin:0}.play-userbar>div,.play-userbar button{border:1px solid #e0eaee;box-shadow:none}.play-userbar b{background:linear-gradient(135deg,#2597df,#1fc69d)}.play-userbar button{color:#087e72}
.staking-hub,.play-center{border:1px solid #dce9ee;box-shadow:var(--wow-shadow)}.staking-hub{background:linear-gradient(135deg,#eafaf7,#fff 47%,#eff9ff)}.staking-hub header span,.play-center header span{color:#087e72;background:#dff7f1}.staking-hub header button{background:linear-gradient(90deg,#1591d1,#16bd91)}.staking-hub h2,.play-center h2{color:#143345;letter-spacing:-.035em}.staking-vault{color:#218e94;background:linear-gradient(135deg,#dff7f2,#dcefff)}.staking-vault i{background:linear-gradient(135deg,#268dde,#1ac49a)}.coin.wow{background:#5877e8}.staking-products button{background:#258fd2}.play-center>header>a,.play-section-title>span{color:#0c9987}.play-categories a,.play-categories button{border:1px solid #e1eaee;background:linear-gradient(180deg,#f3faf9,#fff);transition:transform .2s ease,box-shadow .2s ease}.play-categories a:hover,.play-categories button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(36,84,104,.1)}.trend-card{box-shadow:0 12px 24px rgba(34,79,99,.12)}.trend-purple{background:linear-gradient(135deg,#526fe6,#7d75e8)}.trend-blue{background:linear-gradient(135deg,#1989d5,#32b9e5)}.trend-cyan{background:linear-gradient(135deg,#0d9c96,#39cfa9)}.trend-red{background:linear-gradient(135deg,#eb6b66,#f49c53)}.wow-play-page .portal-tabs button.is-active,.reward-center>button{background:linear-gradient(90deg,#198fd4,#19ba93)}

@media(max-width:1050px){.community-hero{grid-template-columns:1fr .9fr}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-card{grid-template-columns:1fr}.community-card-cover{min-height:150px}.play-intro{align-items:flex-start;flex-direction:column}.play-userbar{width:100%}}
@media(max-width:760px){.community-page{background:linear-gradient(180deg,#eff9f8 0,#f7fbfc 30rem,#f5f8fa 100%);color:#173143}.community-page .topbar{background:rgba(255,255,255,.95)}.community-hero{min-height:310px;border:1px solid #d9e9ed;background:radial-gradient(circle at 78% 40%,rgba(48,164,255,.22),transparent 15rem),linear-gradient(145deg,#fff,#e8faf5)}.community-hero h1{color:#123347}.community-hero-copy>p{color:#627581}.community-values span{color:#287268;background:rgba(255,255,255,.72)}.community-search{margin-top:-20px}.community-stats{background:#fff}.community-stats strong{color:#173448}.community-stats span{color:#6c7c88}.community-section-heading{display:block}.community-section-heading>strong{display:block;margin-top:12px}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-card{display:block;min-height:0}.community-card-cover{height:112px;min-height:0}.community-card-body{padding:12px}.community-card h2{color:#17364a}.community-widgets{color:#183143}.community-shortcuts{color:#183143}.play-intro{padding:24px}.play-userbar{display:grid;grid-template-columns:1fr 1fr}.play-userbar button{grid-column:1/-1;min-height:48px}.staking-hub,.play-center{margin-top:14px}.staking-products{border:1px solid #e4ecef}.play-categories a,.play-categories button{min-height:118px}}
@media(max-width:430px){.community-hero{min-height:290px}.community-hero h1{font-size:37px}.community-live{display:none}.community-stats article{padding:10px 3px}.community-stats i{width:30px;height:30px}.community-stats strong{font-size:17px}.community-section-heading h2{font-size:27px}.community-section-heading p{font-size:13px}.community-grid{gap:9px}.community-card-cover{height:96px}.community-card-body{padding:10px}.community-card h2{font-size:14px}.community-card p{min-height:28px;margin:6px 0}.community-leader{gap:8px}.community-leader span{font-size:10px}.community-card-body>a{font-size:11px}.play-intro{padding:21px;border-radius:22px}.play-intro h1{font-size:31px}.play-intro nav{overflow-x:auto}.play-intro nav a{white-space:nowrap}.staking-hub h2,.play-center h2{font-size:25px}}

.play-carousel{position:relative;min-height:300px;overflow:hidden;margin-bottom:20px;border:1px solid #dce7ee;border-radius:28px;background:#fff;box-shadow:var(--wow-shadow)}.play-carousel-track,.play-slide{position:absolute;inset:0}.play-slide{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:38px 46px;visibility:hidden;opacity:0;transform:translateX(4%);transition:opacity .55s ease,transform .55s ease,visibility .55s}.play-slide.is-active{visibility:visible;opacity:1;transform:none}.play-slide>div:first-child{position:relative;z-index:2;max-width:620px}.play-slide span{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;font-weight:800}.play-slide h2{margin:18px 0 8px;font-size:clamp(36px,5vw,62px);letter-spacing:-.055em}.play-slide p{max-width:560px;margin:0 0 24px;font-size:17px;line-height:1.75;opacity:.86}.play-slide a,.play-slide button{display:inline-flex;padding:13px 21px;border:0;border-radius:999px;background:#fff;color:#3f35c6;text-decoration:none;font-weight:900;cursor:pointer}.slide-mystery{color:#fff;background:radial-gradient(circle at 78% 28%,#b67cff,transparent 18rem),linear-gradient(120deg,#2538d8,#7527f5)}.slide-invite{color:#fff;background:radial-gradient(circle at 75% 30%,rgba(78,255,213,.45),transparent 17rem),linear-gradient(120deg,#086fa5,#10a98b)}.slide-ai{color:#fff;background:radial-gradient(circle at 78% 32%,rgba(97,205,255,.52),transparent 18rem),linear-gradient(120deg,#203588,#297ec7)}.slide-art{position:relative;display:grid;place-items:center;height:230px}.slide-art b{display:grid;place-items:center;width:180px;height:180px;border:1px solid rgba(255,255,255,.3);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.4),rgba(255,255,255,.09));box-shadow:0 25px 55px rgba(16,21,90,.28);font-size:86px;transform:rotate(-6deg)}.slide-art i{position:absolute;right:13%;bottom:6%;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#fff;color:#6540e7;font-size:27px;font-style:normal;font-weight:900;box-shadow:0 15px 30px rgba(20,28,91,.25)}.play-carousel-controls{position:absolute;right:24px;bottom:18px;z-index:5;display:flex;align-items:center;gap:11px}.play-carousel-controls>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer}.play-carousel-controls>div{display:flex;gap:6px}.play-carousel-controls [data-play-dot]{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.5);transition:width .25s ease}.play-carousel-controls [data-play-dot].is-active{width:28px;background:#fff}
.play-feature-dialog{width:min(calc(100% - 30px),560px);padding:0;border:0;border-radius:26px;background:transparent}.play-feature-dialog::backdrop{background:rgba(13,31,48,.42);backdrop-filter:blur(5px)}.play-feature-dialog article{padding:26px;border:1px solid #dce9ee;border-radius:26px;background:#fff;color:#183143;box-shadow:0 25px 70px rgba(20,55,76,.24)}.play-feature-dialog header{display:flex;justify-content:space-between;align-items:center}.play-feature-dialog header span{color:#0b9b89;font-size:11px;font-weight:900;letter-spacing:.15em}.play-feature-dialog header button{width:36px;height:36px;border:0;border-radius:50%;background:#eef4f6;color:#49606e;font-size:22px}.play-feature-icon{display:grid;place-items:center;width:76px;height:76px;margin:18px 0;border-radius:22px;color:#fff;background:linear-gradient(135deg,#258ed9,#20c49b);font-size:30px;font-weight:900}.play-feature-dialog h2{margin:0;font-size:30px}.play-feature-dialog>article>p{color:#6b7c88;line-height:1.7}.play-feature-details{display:grid;gap:9px;margin:20px 0}.play-feature-details span{padding:12px 14px;border-radius:13px;background:#f2f7f8;color:#526875;font-size:13px}.play-feature-dialog footer{display:flex;justify-content:flex-end;gap:10px}.play-feature-dialog footer button,.play-feature-dialog footer a{padding:11px 16px;border:0;border-radius:999px;text-decoration:none;font-weight:800}.play-feature-dialog footer button{background:#edf3f5;color:#536873}.play-feature-dialog footer a{background:linear-gradient(90deg,#198fd4,#18ba94);color:#fff}
@media(max-width:760px){.play-carousel{min-height:330px;border-radius:22px}.play-slide{grid-template-columns:1fr;padding:27px 25px}.play-slide h2{font-size:40px}.play-slide p{max-width:75%;font-size:14px}.slide-art{position:absolute;right:-25px;bottom:18px;width:48%;height:170px;opacity:.85}.slide-art b{width:125px;height:125px;font-size:58px}.slide-art i{width:48px;height:48px;font-size:19px}.play-carousel-controls{right:16px;bottom:14px}}
@media(max-width:430px){.play-carousel{min-height:315px}.play-slide{padding:23px 21px}.play-slide h2{margin-top:14px;font-size:35px}.play-slide p{max-width:78%;line-height:1.55}.slide-art{right:-38px;bottom:25px}.play-carousel-controls>button{display:none}}

/* Manual swipe carousel and daily reward chest. */
.play-carousel { touch-action: pan-y; user-select: none; }
.play-carousel::after {
  content: "左右滑动查看更多";
  position: absolute;
  left: 28px;
  bottom: 22px;
  z-index: 4;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  pointer-events: none;
}
.reward-center {
  grid-template-columns: minmax(0, .88fr) minmax(320px, 1.12fr);
  gap: 18px;
  padding: 20px;
  border: 1px solid #dfe9ed;
  background: linear-gradient(145deg,#f8fbfd,#f2f7fa);
  box-shadow: 0 12px 32px rgba(34,76,94,.07);
}
.reward-center .reward-stats {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-content: center;
  gap: 10px;
}
.reward-center .reward-stats span {
  min-width: 0;
  padding: 17px;
  border: 1px solid #e1ebef;
  border-radius: 16px;
  background: #fff;
  font-size: 12px;
}
.reward-center .reward-stats strong { font-size: 23px; }
.daily-chest {
  position: relative;
  overflow: hidden;
  padding: 22px;
  border: 1px solid #d8e5f3;
  border-radius: 20px;
  background:
    radial-gradient(circle at 88% 14%,rgba(134,91,255,.16),transparent 11rem),
    linear-gradient(135deg,#f5f8ff,#f8f2ff);
}
.daily-chest::after {
  content: "🎁";
  position: absolute;
  right: 18px;
  top: 16px;
  font-size: 42px;
  filter: drop-shadow(0 8px 12px rgba(75,55,171,.16));
}
.daily-chest header>span { color: #6c55dd; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.daily-chest h3 { margin: 4px 0; color: #202c49; font-size: 21px; }
.daily-chest p { margin: 0; color: #778198; font-size: 12px; }
.chest-rewards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 18px 0 14px; }
.chest-rewards span { display: grid; justify-items: center; gap: 7px; min-width: 0; padding: 11px 5px; border-radius: 14px; background: rgba(255,255,255,.76); text-align: center; }
.chest-rewards i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#24a7d9,#29c394); font-style: normal; font-weight: 900; }
.chest-rewards span:nth-child(2) i { background: linear-gradient(135deg,#f0a628,#ffd15b); }
.chest-rewards span:nth-child(3) i { background: linear-gradient(135deg,#8757ef,#df62c8); }
.chest-rewards b { color: #5c6680; font-size: 10px; white-space: nowrap; }
.daily-chest>button {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(90deg,#5254eb,#6d61e7);
  font-weight: 900;
  cursor: pointer;
}
.daily-chest>button:disabled { cursor: not-allowed; opacity: .5; }
.reward-center .reward-ledger-preview { grid-column: 1/-1; margin-top: 0; border: 1px solid #e3ecef; border-radius: 14px; }

@media(max-width:760px){
  .play-carousel::after { left: 21px; bottom: 17px; }
  .play-carousel-controls { right: 18px; }
  .reward-center { grid-template-columns: 1fr; padding: 14px; }
  .reward-center .reward-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .reward-center .reward-stats span { padding: 14px; }
  .daily-chest { padding: 18px; }
}

@media(max-width:430px){
  .play-slide { cursor: grab; }
  .play-carousel-controls { right: 14px; bottom: 15px; }
  .play-carousel::after { content: "← 手指左右滑动 →"; bottom: 17px; }
  .reward-center .reward-stats span { padding: 13px 11px; }
  .reward-center .reward-stats strong { font-size: 20px; }
  .daily-chest::after { font-size: 35px; }
  .chest-rewards { gap: 5px; }
  .chest-rewards span { padding-inline: 3px; }
  .chest-rewards b { font-size: 9px; }
}

/* 国家社区（数据库动态渲染）与官方频道封面 */
.community-card-cover.cover-country{background:linear-gradient(135deg,#2f6bff,#7a5cff 55%,#18c899)}
.community-card-cover.cover-official{background:linear-gradient(135deg,#ff7b35,#e84a8a 55%,#7a5cff)}

/* ─── 2026-08-04 community page refresh: compact hero + hot communities + embedded chat ─── */
.community-hero--compact{grid-template-columns:1.1fr .9fr;min-height:280px;padding:34px 40px}
.community-hero--compact .community-globe{justify-self:end;opacity:.85}
.community-view-more{display:inline-flex;align-items:center;gap:6px;color:#0c9987;font-size:13px;font-weight:800;text-decoration:none}
.community-view-more:hover{color:#087f74}
.community-section-heading p{color:#5f7180}

/* Country cards: image-left / info-right */
.community-card{position:relative;overflow:hidden;display:grid;grid-template-columns:42% 1fr;min-height:236px;border:1px solid #dce9ee;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(31,73,94,.09);transition:transform .25s ease,box-shadow .25s ease}
.community-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(31,73,94,.15)}
.community-card-cover{position:relative;min-height:100%;background-position:center;background-size:cover;box-shadow:inset 0 -60px 60px rgba(5,39,58,.35)}
.community-card-cover b{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.9);color:#0a7c6e;font-size:10px;font-weight:900;letter-spacing:.04em}
.community-card-flag{position:absolute;right:14px;bottom:12px;font-size:46px;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.community-card-code{position:absolute;left:12px;top:40px;color:rgba(255,255,255,.9);font-size:11px;font-weight:800;letter-spacing:.06em}
.community-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px}
.community-card h2{display:flex;align-items:center;gap:8px;margin:0;color:#17364a;font-size:20px;font-weight:900}
.community-card h2 small{color:#0c9e8f;font-size:12px;font-weight:800}
.community-meta{display:flex;gap:14px;color:#526875;font-size:12px}
.community-meta b{color:#17364a;font-size:15px}
.community-meta .is-online b{color:#0abe85}
.community-leader{display:flex;align-items:center;gap:10px;margin:4px 0}
.community-leader .avatar-stack i{width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:linear-gradient(135deg,#e7b07c,#684fff);color:#fff;font-size:12px;font-weight:900;font-style:normal}
.community-leader span{color:#617582;font-size:12px}
.community-tags{display:flex;gap:6px;flex-wrap:wrap}
.community-tags span{padding:4px 10px;border:1px solid #d8e5e9;border-radius:999px;background:#f5f8fa;color:#61717e;font-size:10px;font-weight:800}
.community-card-body>a{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;padding:11px;border-radius:11px;background:linear-gradient(90deg,#258fe5,#18c899);color:#fff;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 8px 20px rgba(25,161,165,.18)}

/* Quick shortcuts */
.community-shortcuts{display:block;padding:22px;border:1px solid #dce8ed;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(31,73,94,.07)}
.community-shortcuts>strong{display:block;margin-bottom:14px;color:#17364a;font-size:16px}
.community-shortcuts div{display:flex;gap:10px;flex-wrap:wrap}
.community-shortcuts a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #dce8ed;border-radius:999px;background:#f7fafb;color:#294656;font-size:13px;font-weight:800;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.community-shortcuts a:hover{border-color:#18c8a0;background:#e9f7f2;transform:translateY(-2px)}
.community-shortcuts a span{font-size:16px}
.community-empty{color:#617582;text-align:center;padding:30px 0}

@media(max-width:1050px){
  .community-hero--compact{grid-template-columns:1fr .9fr}
  .community-card{grid-template-columns:1fr}
  .community-card-cover{min-height:150px}
}
@media(max-width:760px){
  .community-hero--compact{grid-template-columns:1fr;min-height:260px;padding:26px}
  .community-hero--compact .community-globe{position:absolute;right:-40px;bottom:-40px;width:60%;opacity:.55}
  .community-card{grid-template-columns:1fr}
  .community-card-cover{height:130px;min-height:0}
  .community-card-body{padding:14px}
  .community-card h2{font-size:17px}
  .community-meta{font-size:11px}
  .community-shortcuts div{overflow-x:auto;flex-wrap:nowrap}
  .community-shortcuts a{white-space:nowrap}
}
@media(max-width:430px){
  .community-card-cover{height:110px}
  .community-card-flag{font-size:36px}
}