@font-face{font-family:Unbounded;src:url(/assets/h/unbounded-var-latin.50ca2349e1.woff2) format("woff2");font-weight:200 900;font-display:swap} @font-face{font-family:Outfit;src:url(/assets/h/outfit-var-latin.580d3bf6b2.woff2) format("woff2");font-weight:100 900;font-display:swap} :root{ --night:#140B24;--night2:#1B1030;--card:#231640;--line:#3A2860; --ink:#FFF6E9;--mute:#B8A8D8; --pink:#FF2E93;--sun:#FFD23F;--aqua:#1DE9C3;--orange:#FF8A3D;--lime:#A6F04B;--violet:#A78BFA; --wrap:1280px;--pad:clamp(16px,4vw,40px);--r:18px; --weave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='%23fff'%3E%3Crect x='2' y='3' width='20' height='7' rx='3.5'/%3E%3Crect x='2' y='14' width='20' height='7' rx='3.5'/%3E%3Crect x='27' y='2' width='7' height='20' rx='3.5'/%3E%3Crect x='38' y='2' width='7' height='20' rx='3.5'/%3E%3Crect x='3' y='26' width='7' height='20' rx='3.5'/%3E%3Crect x='14' y='26' width='7' height='20' rx='3.5'/%3E%3Crect x='26' y='27' width='20' height='7' rx='3.5'/%3E%3Crect x='26' y='38' width='20' height='7' rx='3.5'/%3E%3C/g%3E%3C/svg%3E"); } *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%} body{margin:0;background:var(--night);color:var(--ink);font:400 17px/1.6 Outfit,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button{font:inherit;color:inherit;cursor:pointer} h1,h2,h3{font-family:Unbounded,Outfit,sans-serif;line-height:1.08;margin:0;letter-spacing:-.02em} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)} :focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:8px} .skip{position:absolute;left:-999px;top:8px;background:var(--sun);color:var(--night);padding:10px 16px;border-radius:10px;font-weight:700;z-index:99} .skip:focus{left:8px} .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .top{position:sticky;top:0;z-index:40} .bar{position:relative;z-index:2;background:rgba(20,11,36,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .bar .wrap{display:flex;align-items:center;gap:clamp(10px,2vw,28px);height:68px} .logo{display:flex;align-items:center;gap:10px;flex:none} .logo .mk{width:38px;height:38px} .logo .wm{height:19px;width:auto} .nav{display:flex;gap:4px;margin-left:8px} .nav a{padding:8px 14px;border-radius:99px;color:var(--mute);font-weight:600;font-size:15px;transition:.15s} .nav a:hover{color:var(--ink);background:rgba(255,255,255,.07)} .search{margin-left:auto;position:relative;flex:0 1 300px;min-width:0} .search svg{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;stroke:var(--mute);pointer-events:none} .search input{width:100%;height:42px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);font:500 15px Outfit,sans-serif;padding:0 16px 0 42px;transition:.15s} .search input::placeholder{color:var(--mute)} .search input:focus{outline:none;border-color:var(--aqua);box-shadow:0 0 0 3px rgba(29,233,195,.2)} .lang{position:relative;flex:none} .lang summary{list-style:none;display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:99px;border:1px solid var(--line);font-weight:700;font-size:14px;cursor:pointer;user-select:none;transition:.15s} .lang summary::-webkit-details-marker{display:none} .lang summary:hover,.lang[open] summary{border-color:var(--sun);color:var(--sun)} .lang summary svg{width:18px;height:18px;stroke:currentColor} .lang summary .car{width:10px;height:10px;transition:.2s} .lang[open] summary .car{rotate:180deg} .lang ul{position:absolute;right:0;top:52px;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:14px;min-width:170px;box-shadow:0 18px 50px rgba(0,0,0,.55)} .lang li a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-weight:600;font-size:15px} .lang li a b{font:700 11px Unbounded,sans-serif;color:var(--mute);width:22px} .lang li a:hover{background:rgba(255,255,255,.08)} .lang li a[aria-current]{color:var(--sun)} .lang li a[aria-current] b{color:var(--sun)} .awning{height:20px;margin-bottom:-20px;position:relative;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))} .awning i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--pink) 0 36px,var(--sun) 36px 72px,var(--aqua) 72px 108px); -webkit-mask:linear-gradient(#000 0 0) top/100% 5px no-repeat,radial-gradient(circle at 18px 3px,#000 16.6px,#0000 17.4px) 0 0/36px 100% repeat-x; mask:linear-gradient(#000 0 0) top/100% 5px no-repeat,radial-gradient(circle at 18px 3px,#000 16.6px,#0000 17.4px) 0 0/36px 100% repeat-x} .hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,11vw,150px) 0 clamp(56px,8vw,110px)} .hero::before{content:"";position:absolute;inset:0;z-index:-3;background: radial-gradient(60% 70% at 12% 20%,rgba(255,46,147,.30),transparent 70%), radial-gradient(50% 60% at 95% 85%,rgba(29,233,195,.20),transparent 70%), radial-gradient(40% 50% at 60% 0%,rgba(255,210,63,.12),transparent 70%)} .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--weave);opacity:.035} .wall{position:absolute;z-index:-2;top:50%;right:-8%;width:62%;translate:0 -50%;rotate:-5deg;display:grid;gap:16px; -webkit-mask:linear-gradient(90deg,transparent 4%,#000 46%);mask:linear-gradient(90deg,transparent 4%,#000 46%)} .row{display:flex;gap:16px;width:max-content;animation:slide 70s linear infinite} .row:nth-child(2){animation-direction:reverse;animation-duration:85s} .row:nth-child(3){animation-duration:100s} .row img{width:clamp(180px,19vw,290px);aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.5)} @keyframes slide{to{translate:-50% 0}} .hero-in{max-width:640px} .tagx{display:inline-flex;align-items:center;gap:9px;font:700 12px Unbounded,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--aqua);border:1.5px solid var(--aqua);border-radius:99px;padding:8px 15px;box-shadow:0 0 18px rgba(29,233,195,.35),inset 0 0 12px rgba(29,233,195,.15);text-shadow:0 0 12px rgba(29,233,195,.8)} .tagx::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua);animation:blink 1.6s ease-in-out infinite} @keyframes blink{50%{opacity:.25}} .hero h1{font-size:clamp(38px,6.4vw,76px);font-weight:800;margin:22px 0 20px;text-wrap:balance} .hero h1 em{font-style:normal;background:linear-gradient(92deg,var(--pink),var(--sun) 55%,var(--aqua));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,46,147,.35))} .hero p{font-size:clamp(17px,1.6vw,20px);color:#E4D9F7;max-width:560px;margin:0 0 30px;text-wrap:pretty} .btns{display:flex;gap:12px;flex-wrap:wrap} .btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:99px;font-weight:700;font-size:16px;border:2px solid transparent;transition:.18s} .btn svg{width:18px;height:18px} .btn-sun{background:var(--sun);color:var(--night);box-shadow:0 8px 30px -6px rgba(255,210,63,.6)} .btn-sun:hover{translate:0 -2px;box-shadow:0 14px 36px -6px rgba(255,210,63,.75)} .btn-line{border-color:rgba(255,246,233,.3)} .btn-line:hover{border-color:var(--ink);background:rgba(255,255,255,.06)} section{padding:clamp(48px,7vw,88px) 0} .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px} .sh h2{font-size:clamp(26px,3.4vw,40px);font-weight:800} .sh h2::after,.about h2::after{content:"";display:block;width:84px;height:7px;border-radius:99px;margin-top:14px;background:linear-gradient(90deg,var(--pink) 0 33.3%,var(--sun) 33.3% 66.6%,var(--aqua) 66.6%)} .sh p{margin:14px 0 0;color:var(--mute);max-width:560px} .count{font:700 13px Unbounded,sans-serif;color:var(--mute);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap} .chips{display:flex;gap:8px;overflow-x:auto;padding:4px var(--pad) 14px;margin:0 calc(var(--pad)*-1) 10px;scrollbar-width:none} .chips::-webkit-scrollbar{display:none} .chip{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:99px;border:1.5px solid var(--line);background:rgba(255,255,255,.04);font-weight:700;font-size:15px;transition:.15s} .chip::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c,var(--mute))} .chip:hover{border-color:var(--c,var(--ink))} .chip[aria-pressed=true]{background:var(--c,var(--ink));border-color:var(--c,var(--ink));color:var(--night)} .chip[aria-pressed=true]::before{background:var(--night)} [data-cat=action]{--c:var(--pink)}[data-cat=puzzle]{--c:var(--aqua)}[data-cat=arcade]{--c:var(--sun)} [data-cat=racing]{--c:var(--orange)}[data-cat=adventure]{--c:var(--lime)}[data-cat=strategy]{--c:var(--violet)} .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-auto-flow:dense} @media(min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}} @media(min-width:960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}} @media(min-width:1280px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}} .tile{position:relative;display:flex;flex-direction:column;padding:0;border:0;background:var(--card);border-radius:var(--r);overflow:hidden;text-align:left;transition:translate .2s,box-shadow .2s;box-shadow:0 0 0 1px var(--line)} .grid:not(.flat) .tile.big{grid-column:span 2;grid-row:span 2} .tile .im{position:relative;flex:none;aspect-ratio:16/9;overflow:hidden;background:#000} .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .35s} .tile .meta{flex:1 1 auto;padding:10px 13px 12px;display:grid;gap:2px;align-content:start;border-top:2px solid var(--c)} .tile .bl{display:none} .tile .meta b{font:700 15.5px/1.2 Outfit,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tile .meta i{font-style:normal;font-size:13px;color:var(--c);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .grid:not(.flat) .tile.big .meta{padding:14px 18px 16px} .grid:not(.flat) .tile.big .meta b{font:800 clamp(17px,1.9vw,22px)/1.15 Unbounded,sans-serif} .grid:not(.flat) .tile.big .meta i{font-size:14.5px} .grid:not(.flat) .tile.big .bl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.4;color:var(--mute);margin-top:6px;white-space:normal} .pill{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;gap:6px;font:700 10px Unbounded,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(20,11,36,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:99px;padding:6px 10px;color:var(--sun)} .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sun);box-shadow:0 0 8px var(--sun)} .pill.live{color:var(--night);background:var(--aqua)} .pill.live::before{display:none} @media(hover:hover){ .tile:hover{translate:0 -5px;box-shadow:0 0 0 2px var(--c),0 18px 44px -10px var(--c);z-index:2} .tile:hover img{scale:1.06} } .tile[hidden]{display:none} .empty{display:none;text-align:center;color:var(--mute);padding:50px 0;font-size:18px} .empty.on{display:block} .ad{display:none} .ads-on .ad{display:grid;place-items:center;margin:0 auto;background:rgba(255,255,255,.03);border:1px dashed var(--line);border-radius:12px;position:relative;overflow:hidden} .ads-on .ad::before{content:attr(data-label);position:absolute;top:4px;left:8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)} .ads-on .ad-wide{width:min(100%,970px);min-height:90px;margin-block:8px} @media(min-width:1000px){.ads-on .ad-wide{min-height:250px}} .band{background:var(--night2);border-block:1px solid var(--line);position:relative} .band::before{content:"";position:absolute;inset:0;background:var(--weave);opacity:.03;pointer-events:none} .perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;position:relative} .perk{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;position:relative;overflow:hidden} .perk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)} .perk svg{width:34px;height:34px;stroke:var(--c);margin-bottom:14px;filter:drop-shadow(0 0 10px var(--c))} .perk h3{font-size:17px;font-weight:700;margin-bottom:6px;letter-spacing:-.01em} .perk p{margin:0;color:var(--mute);font-size:16px;line-height:1.5} .perk:nth-child(1){--c:var(--sun)}.perk:nth-child(2){--c:var(--aqua)}.perk:nth-child(3){--c:var(--pink)}.perk:nth-child(4){--c:var(--lime)} .about{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:1fr} @media(min-width:900px){.about{grid-template-columns:1.25fr 1fr;align-items:center}} .about h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;margin-bottom:22px} .about p{color:#D9CDEE;margin:0 0 14px;font-size:18px;max-width:60ch} .contact{background:linear-gradient(140deg,rgba(255,46,147,.16),rgba(29,233,195,.10));border:1px solid var(--line);border-radius:24px;padding:clamp(24px,3vw,36px);position:relative;overflow:hidden} .contact::after{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;background:var(--weave);opacity:.07;rotate:12deg} .contact h3{font-size:22px;font-weight:800;margin-bottom:8px} .contact p{font-size:16px;margin-bottom:20px} .mail{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--sun);font-size:clamp(15px,1.7vw,18px);word-break:break-all} .mail svg{width:20px;height:20px;stroke:currentColor;flex:none} .mail:hover{text-decoration:underline} footer{border-top:1px solid var(--line);padding:38px 0 46px;color:var(--mute);font-size:15px;position:relative} .foot{display:flex;gap:24px 40px;flex-wrap:wrap;align-items:center;justify-content:space-between} .foot .logo .mk{width:32px;height:32px} .foot .logo .wm{height:16px} .foot p{margin:10px 0 0;max-width:320px} .foot nav{display:flex;gap:6px 22px;flex-wrap:wrap} .foot nav a:hover{color:var(--ink)} .foot nav a[aria-current]{color:var(--sun)} .copy{margin-top:26px;font-size:13.5px;opacity:.8} dialog.sheet{border:0;padding:0;background:var(--card);color:var(--ink);border-radius:24px;width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 0 0 2px var(--c,var(--line)),0 30px 90px -10px var(--c,#000)} dialog.sheet::backdrop{background:rgba(10,5,20,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} .sheet .cover{position:relative;aspect-ratio:16/9;background:#000} .sheet .cover img{width:100%;height:100%;object-fit:cover} .sheet .x{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(20,11,36,.8);display:grid;place-items:center;backdrop-filter:blur(6px)} .sheet .x:hover{background:var(--pink)} .sheet .x svg{width:18px;height:18px;stroke:var(--ink)} .sheet .body{padding:22px clamp(18px,4vw,30px) 28px} .tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px} .tags span{font-weight:700;font-size:13px;border-radius:99px;padding:5px 12px;border:1.5px solid var(--line);color:var(--mute)} .tags span:first-child{background:var(--c);border-color:var(--c);color:var(--night)} .sheet h3{font-size:clamp(24px,4vw,34px);font-weight:800;margin-bottom:10px} .sheet .blurb{margin:0 0 20px;color:#E4D9F7;font-size:18px} .sheet .row2{display:flex;gap:14px 26px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px} .dev{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:15px;flex-wrap:wrap} .dev b{color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:6px} .dev svg{width:18px;height:18px;stroke:var(--aqua)} .status{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--sun)} .status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sun);box-shadow:0 0 10px var(--sun)} .suggest{position:fixed;left:16px;bottom:16px;z-index:50;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 16px 50px rgba(0,0,0,.6);max-width:calc(100vw - 32px);animation:up .35s ease-out} @keyframes up{from{translate:0 20px;opacity:0}} .suggest b{font-weight:700} .suggest a{background:var(--sun);color:var(--night);font-weight:700;border-radius:99px;padding:7px 16px;font-size:15px} .suggest button{background:none;border:0;color:var(--mute);font-size:14px;padding:6px 4px;text-decoration:underline} .doc{max-width:780px;margin:0 auto;padding:clamp(56px,8vw,90px) var(--pad) 70px} .doc h1{font-size:clamp(30px,5vw,46px);font-weight:800;margin-bottom:8px} .doc .upd{color:var(--mute);margin:0 0 26px;font-size:15px} .doc .box{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--aqua);border-radius:14px;padding:16px 20px;margin-bottom:22px} .doc h2{font:700 20px Outfit,sans-serif;letter-spacing:0;margin:30px 0 8px;color:var(--sun)} .doc p,.doc li{color:#DDD2F0} .doc a{color:var(--aqua);text-decoration:underline} .doc code{background:rgba(255,255,255,.08);border-radius:6px;padding:1px 6px;font-size:.9em} .doc .lead{font-size:clamp(18px,2vw,21px);color:#EDE4FA;margin:14px 0 6px} .doc b{color:var(--ink)} .doc .faqh{font:800 clamp(24px,3.4vw,32px) Unbounded,sans-serif;letter-spacing:-.02em;color:var(--ink);margin:54px 0 18px} .doc .faqh::after{content:"";display:block;width:84px;height:7px;border-radius:99px;margin-top:14px;background:linear-gradient(90deg,var(--pink) 0 33.3%,var(--sun) 33.3% 66.6%,var(--aqua) 66.6%)} .qa{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin-bottom:12px} .qa h3{font:700 18px/1.35 Outfit,sans-serif;letter-spacing:0;margin-bottom:6px} .qa p{margin:0} .doc .cta{margin-top:36px} .doc .cta a{text-decoration:none;color:var(--night)} .doc .alllink,.about .alllink{text-decoration:none} .nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:60px var(--pad)} .nf h1{font-size:clamp(28px,5vw,48px);font-weight:800;margin:26px 0 10px} .nf p{color:var(--mute);margin:0 0 26px} .nf .langs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:18px} .fcard{display:flex;flex-direction:column;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--line);transition:translate .2s,box-shadow .2s} .fcard .im{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000} .fcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .35s} .fcard .fb{padding:20px 22px 24px;display:grid;gap:6px;align-content:center;justify-items:start;border-top:3px solid var(--c)} .fcard i{font-style:normal;color:var(--c);font-weight:700;font-size:14.5px} .fcard b{font:800 clamp(24px,3vw,36px)/1.1 Unbounded,sans-serif;letter-spacing:-.02em} .fcard .bl{color:#D9CDEE;font-size:17px;margin:4px 0 14px} .fcard .btn svg,.poster .go svg{width:20px;height:20px} @media(min-width:860px){ .feat.one .fcard{flex-direction:row} .feat.one .fcard .im{flex:1.3;aspect-ratio:auto;min-height:340px} .feat.one .fcard .fb{flex:1;border-top:0;border-left:3px solid var(--c);padding:36px} } @media(hover:hover){ .fcard:hover{translate:0 -5px;box-shadow:0 0 0 2px var(--c),0 22px 54px -12px var(--c)} .fcard:hover img{scale:1.04} .fcard:hover .btn-sun{box-shadow:0 14px 36px -6px rgba(255,210,63,.75)} } .pill.live{color:var(--night);background:var(--aqua);box-shadow:0 0 16px rgba(29,233,195,.6)} .pill.live::before{display:none} .pill.live svg{width:10px;height:10px} a.tile{color:inherit} html.lock{overflow:hidden} .gpage{padding:46px 0 0} .crumb{display:inline-flex;gap:8px;align-items:center;color:var(--mute);font-weight:600;font-size:15px;margin-bottom:14px} .crumb:hover{color:var(--ink)} .crumb svg,.alllink svg{width:16px;height:16px;stroke:currentColor} .gcols{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)} .player{background:#000;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 34px 90px -34px rgba(255,46,147,.5)} .stage{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 250px);min-height:300px} .stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000} .poster{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#000;display:block;overflow:hidden} .poster[hidden]{display:none} .poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .3s,scale .5s} .poster .go{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;gap:12px;align-items:center;background:var(--sun);color:var(--night);font:800 clamp(18px,2.4vw,26px) Unbounded,sans-serif;padding:18px 40px;border-radius:99px;box-shadow:0 0 0 9px rgba(255,210,63,.25),0 20px 50px rgba(0,0,0,.55);transition:scale .2s} .poster:hover img{opacity:.78;scale:1.03} .poster:hover .go{scale:1.06} .pbar-top{display:none} .player.imm{position:fixed;inset:0;z-index:100;border-radius:0;display:flex;flex-direction:column;box-shadow:none} .player.imm .pbar-top{display:flex;align-items:center;gap:10px;flex:none;height:44px;padding:0 8px;background:var(--night);border-bottom:1px solid var(--line)} .player.imm .pbar-top b{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .player.imm .stage{flex:1;aspect-ratio:auto;max-height:none;min-height:0} .pexit{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.06);font-weight:700;font-size:14px} .pexit svg{width:15px;height:15px;stroke:currentColor} .player:fullscreen{border-radius:0} .player:fullscreen .stage{height:100%;max-height:none;aspect-ratio:auto} .gbar{display:flex;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;align-items:center;margin-top:20px} .gbar h1{font-size:clamp(26px,3.6vw,40px);font-weight:800} .gcat{display:flex;gap:8px;margin:10px 0 0;flex-wrap:wrap} .gcat span{font-weight:700;font-size:13px;border-radius:99px;padding:5px 12px;border:1.5px solid var(--line);color:var(--mute)} .gcat span:first-child{background:var(--c);border-color:var(--c);color:var(--night)} .gbtn{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .gbtn .btn{height:46px;padding:0 18px;font-size:15px;background:none;color:var(--ink)} .gbtn .btn svg{stroke:currentColor} .vote{display:inline-flex;border:2px solid rgba(255,246,233,.3);border-radius:99px;overflow:hidden;height:46px} .vote button{width:54px;border:0;background:none;display:grid;place-items:center;transition:.15s} .vote button+button{border-left:2px solid rgba(255,246,233,.3)} .vote svg{width:21px;height:21px;stroke:currentColor} .vote [data-vote="-1"] svg{rotate:180deg} .vote button:hover{background:rgba(255,255,255,.08)} .vote [data-vote="1"][aria-pressed=true]{background:var(--aqua);color:var(--night)} .vote [data-vote="-1"][aria-pressed=true]{background:var(--pink);color:var(--night)} .voted{margin:10px 0 0;text-align:right;color:var(--aqua);font-weight:600;font-size:15px} .ginfo{display:grid;gap:clamp(26px,4vw,60px);grid-template-columns:minmax(0,1fr);margin-top:clamp(36px,5vw,64px)} @media(min-width:900px){.ginfo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}} .ginfo h2{font-size:22px;font-weight:800;margin-bottom:16px} .ginfo p{color:#D9CDEE;margin:0 0 14px;font-size:17.5px} .facts{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px} .facts li{display:inline-flex;gap:7px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 13px;font-size:14.5px;font-weight:600} .facts svg{width:15px;height:15px;stroke:var(--aqua);flex:none} .how{margin:0;padding:0;list-style:none;counter-reset:h;display:grid;gap:12px} .how li{counter-increment:h;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:#D9CDEE;padding-top:1px} .how li::before{content:counter(h);font:800 13px Unbounded,sans-serif;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--sun);color:var(--sun);margin-top:-3px} .gdev{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--mute);font-size:15px;margin:22px 0 0!important;border-top:1px solid var(--line);padding-top:18px} .gdev b{color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:6px} .gdev svg{width:18px;height:18px;stroke:var(--aqua)} .gtips{margin-top:clamp(34px,5vw,56px)} .gtips h2{font-size:22px;font-weight:800;margin-bottom:16px} .gtips ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))} .gtips li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;color:#D9CDEE;font-size:16.5px;line-height:1.5} .gtips svg{width:24px;height:24px;stroke:var(--sun);margin-top:1px} .more{padding-top:clamp(44px,6vw,76px)} .alllink{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--sun);flex-direction:row-reverse} .alllink svg{rotate:180deg} .ads-on .ad-rail{width:300px;min-height:600px;position:sticky;top:104px;align-self:start} @media(min-width:1100px){.ads-on .gcols{grid-template-columns:minmax(0,1fr) 300px}} @media(max-width:1099px){.ads-on .ad-rail{display:none}} @media(max-width:860px),(max-height:520px){#fs{display:none}} @media(max-width:860px){ .nav{display:none} .bar .wrap{height:60px} .logo .wm{height:16px} html{scroll-padding-top:84px} } @media(max-width:560px){ .logo .wm{display:none} .search{flex:1} .wall{right:-30%;width:150%;opacity:.24;-webkit-mask:linear-gradient(180deg,#000 0,transparent 92%);mask:linear-gradient(180deg,#000 0,transparent 92%)} .foot .logo .wm{display:block} .hero{padding-top:84px} .tile .meta{padding:8px 10px 10px} .tile .meta b{font-size:14px} .tile .meta i{font-size:12px} .pill{font-size:8.5px;padding:5px 8px;top:7px;left:7px} .btn{height:50px;padding:0 22px} .gpage{padding-top:38px} .stage{min-height:0} .player{border-radius:16px} .gbar{align-items:flex-start} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .row,.tagx::before,.suggest{animation:none} .tile,.tile img,.btn,.fcard,.fcard img,.poster img,.poster .go{transition:none} }