.grid-comp{grid-template-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media screen and (max-width:860px){.grid-comp .lp2-world{width:167px;margin:0}.grid-comp{justify-content:center}}
.responsive-wrapper-comp{justify-content:center;width:100%;max-width:1320px;margin:auto;display:flex}.responsive-wrapper-comp .rvc-box{box-sizing:border-box;width:100%;padding:0 20px}.responsive-wrapper-comp .rvc-box .lp-1-explore-btn{border-radius:2rem;justify-self:center;margin-top:20px;padding:10px 40px;transition:scale .2s ease-in-out}.responsive-wrapper-comp .rvc-box .lp-1-explore-btn:hover{cursor:pointer;background-color:red;scale:1.1}@media screen and (max-width:680px){.responsive-wrapper-comp .rvc-box .lp-1-explore-btn{width:80%}}@media screen and (max-width:560px){.responsive-wrapper-comp .rvc-box{padding:0 5px}}@media (min-width:720px){.responsive-wrapper-comp .rvc-box{width:700px;padding:0 10px}}@media (min-width:980px){.responsive-wrapper-comp .rvc-box{width:100%}}@media (min-width:1200px){.responsive-wrapper-comp .rvc-box{width:100%}}@media (min-width:1400px){.responsive-wrapper-comp .rvc-box{width:100%}}@media (min-width:1550px){.responsive-wrapper-comp .rvc-box{width:100%}}
.zw-card{--zw-surface:#131417;--zw-border:#ffffff12;--zw-border-hover:#ffffff29;--zw-text:#eef0f3;--zw-text-dim:#8f959d;background:var(--zw-surface);border:1px solid var(--zw-border);cursor:pointer;border-radius:14px;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.zw-card:hover{border-color:var(--zw-border-hover);transform:translateY(-2px);box-shadow:0 12px 28px #00000073}.zw-card .zw-cover{aspect-ratio:16/9;background:#0e0f12;position:relative;overflow:hidden}.zw-card .zw-cover-image{object-fit:cover}.zw-card .zw-cover-video{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.zw-card .zw-cover-art{background:linear-gradient(135deg, hsl(var(--zw-hue), 48%, 12%) 0%, hsl(var(--zw-hue), 40%, 7%) 55%, #0c0d10 100%);flex-direction:column;justify-content:center;width:100%;height:100%;padding:38px 20px 0;display:flex;position:relative;overflow:hidden}.zw-card .zw-cover-art:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 40% 40%, hsla(var(--zw-hue), 55%, 34%, .34), hsla(var(--zw-hue), 55%, 22%, 0) 68%);border-radius:50%;width:62%;position:absolute;top:-30%;right:-8%}.zw-card .zw-cover-art:after{content:"";background:repeating-linear-gradient(115deg,#ffffff09 0 1px,#0000 1px 14px);position:absolute;inset:0}.zw-card .zw-cover-art-title,.zw-card .zw-cover-art-sub{z-index:1;position:relative}.zw-card .zw-cover-art-title{letter-spacing:2.5px;text-transform:uppercase;color:hsl(var(--zw-hue), 75%, 68%);white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:700;overflow:hidden}.zw-card .zw-cover-art-sub{letter-spacing:2.5px;text-transform:uppercase;color:#ffffff52;margin-top:4px;font-size:10px}.zw-card .zw-badges{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px}.zw-card .zw-badge{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;color:#d7dbe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0b0dcc;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:3px;height:19px;padding:0 6px 0 5px;font-size:8.5px;font-weight:700;display:inline-flex}.zw-card .zw-badge.is-live{color:#3fd177}.zw-card .zw-badge.is-featured{color:#e8b53a;background:linear-gradient(#e8b53a29,#e8b53a29),#0a0b0dcc;border-color:#e8b53a59}.zw-card .zw-platforms{z-index:2;color:#ffffffbf;filter:drop-shadow(0 1px 2px #000000e6);gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.zw-card .zw-body{background:#ffffff05;border-top:1px solid #ffffff0d;flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.zw-card .zw-title{color:var(--zw-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.zw-card .zw-author,.zw-card .zw-meta{color:var(--zw-text-dim);font-size:12px;text-decoration:none}.zw-card .zw-author:hover,.zw-card .zw-meta:hover{color:var(--zw-text)}.zw-card .zw-stats{color:var(--zw-text-dim);align-items:center;gap:14px;font-size:12px;display:flex}.zw-card .zw-stat{align-items:center;gap:5px;display:inline-flex}.zw-card .zw-stat.is-action{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.zw-card .zw-stat.is-action:hover{color:var(--zw-text)}.zw-card .zw-stat.is-action.is-on{color:#ff6b6b}