:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#090015;color:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}.games-fragment{position:relative;min-height:100vh;overflow:hidden;padding:70px 18px 48px;background:#090015;isolation:isolate}.heading{position:relative;z-index:2;max-width:920px;margin:0 auto 20px;text-align:center}.heading h1{margin:0;font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-.035em}.heading h1 span{background:linear-gradient(90deg,#a526c6,#3973ff);background-clip:text;-webkit-background-clip:text;color:transparent}.heading p{margin:14px auto 0;max-width:720px;color:#f3eafa;font-size:clamp(16px,1.45vw,21px);line-height:1.5}.heading .kicker{margin-top:20px;color:#fff;font-size:15px;font-weight:900;letter-spacing:.18em}.carousel{position:relative;z-index:1;width:min(1120px,100vw);height:391px;margin:30px auto 0;perspective:1200px;touch-action:pan-y;user-select:none}.cards{position:relative;z-index:2;width:100%;height:100%;cursor:grab}.cards.is-dragging{cursor:grabbing}.desktop-worms{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none}.desktop-worms svg{display:block;width:100%;height:100%;overflow:visible}.worm{transform-origin:center;animation:drift var(--duration) linear var(--delay) infinite}.worm.one{--duration:15s;--delay:-4s}.worm.two{--duration:19s;--delay:-10s}.worm.three{--duration:17s;--delay:-13s}.worm .glow,.worm .body,.worm .highlight{fill:none;stroke-linecap:round}.worm .glow{stroke:#8626c7;stroke-width:4;stroke-dasharray:38 24 9 28;opacity:.38;filter:blur(4px);animation:crawl 5.5s linear infinite}.worm .body{stroke:#c25fff;stroke-width:1.35;stroke-dasharray:32 21 8 25;opacity:.82;animation:crawl 5.5s linear infinite}.worm .highlight{stroke:#f1c8ff;stroke-width:1.1;stroke-dasharray:16 42;opacity:.72;animation:crawl 4.1s linear infinite reverse}@keyframes crawl{to{stroke-dashoffset:-210}}@keyframes drift{0%{opacity:0;transform:translateX(-28px) scaleY(.8)}16%{opacity:.7}48%{opacity:.92;transform:translateX(18px) scaleY(1.08)}79%{opacity:.5}100%{opacity:0;transform:translateX(52px) scaleY(.88)}}.mobile-worms{display:none}.game-card{position:absolute;top:30px;left:50%;width:332px;height:332px;overflow:visible;cursor:pointer;transition:transform .58s cubic-bezier(.22,.7,.28,1),opacity .48s ease,filter .48s ease,width .58s cubic-bezier(.22,.7,.28,1),height .58s cubic-bezier(.22,.7,.28,1),top .58s cubic-bezier(.22,.7,.28,1);will-change:transform}.game-card.center{top:0;width:391px;height:391px;z-index:3;cursor:default}.orb{position:absolute;z-index:0;inset:5%;overflow:hidden;border-radius:50%;background:#020004;isolation:isolate}.orb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,#30114f,#160022 43%,#020004 78%)}.orb-glow{position:absolute;left:var(--x,50%);top:var(--y,45%);width:74%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#d75dff,#7c13bd 28%,#3a0869 51%,transparent 72%);filter:blur(18px);transition:left 1.7s linear,top 1.7s linear}.game-card:not(.center) .orb:after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;background:rgba(0,0,0,.54)}.game-card picture{position:absolute;z-index:1;inset:0;display:block;pointer-events:none}.frame{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 24px #0009)}.logo{position:absolute;z-index:3;left:50%;top:47%;width:92%;max-height:58%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 10px #000b);pointer-events:none}.logo.ultra-monster{width:56%;max-height:44%}.particles{position:absolute;z-index:2;inset:0;pointer-events:none}.particle{position:absolute;left:50%;top:47%;width:var(--size);height:var(--size);border-radius:50%;background:var(--color);box-shadow:0 0 8px var(--color),0 0 17px var(--color);opacity:0;animation:spark var(--duration) cubic-bezier(.15,.65,.35,1) forwards}@keyframes spark{0%{transform:translate(-50%,-50%) scale(.15);opacity:0}12%{opacity:1}78%{opacity:.72}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0);opacity:0}}.download{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);height:40px;padding:0 20px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ffffff19;backdrop-filter:blur(12px);color:#fff;text-decoration:none;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity .22s ease,filter .22s ease}.download:hover{filter:brightness(1.2)}.game-card:not(.center) .download{opacity:0;pointer-events:none}.download svg{width:18px;height:18px}.controls{position:relative;z-index:2;display:flex;justify-content:center;gap:24px;margin:24px auto 0}.controls button{width:50px;height:50px;border:1px solid #ffffff80;border-radius:50%;background:#ffffff13;backdrop-filter:blur(12px);color:#fff;font-size:43px;line-height:38px;cursor:pointer}.controls button:hover{background:#ffffff25}@media(max-width:640px){.games-fragment{min-height:810px;padding:56px 14px 24px;overflow:hidden}.heading{margin-bottom:6px}.heading h1{font-size:28px}.heading p:not(.kicker){font-size:15px}.heading .kicker{margin-top:16px}.carousel{width:100vw;max-width:none;height:440px;margin:28px 0 20px;left:50%;transform:translateX(-50%);overflow:visible}.desktop-worms{display:none}.mobile-worms{display:block;position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.mobile-worm{position:absolute;width:250px;height:116px;overflow:visible;opacity:0;transform-origin:center;animation:mobile-drift var(--duration) linear var(--delay) infinite}.mobile-worm .glow,.mobile-worm .body,.mobile-worm .highlight{fill:none;stroke-linecap:round}.mobile-worm .glow{stroke:#8e2ad2;stroke-width:14;stroke-dasharray:32 18 9 22;opacity:.42;filter:blur(6px);animation:mobile-crawl 3.8s linear infinite}.mobile-worm .body{stroke:#c763ff;stroke-width:5;stroke-dasharray:28 16 8 18;opacity:.88;animation:mobile-crawl 3.8s linear infinite}.mobile-worm .highlight{stroke:#f3c8ff;stroke-width:1.7;stroke-dasharray:14 38;opacity:.7;animation:mobile-crawl 2.9s linear infinite reverse}.top-one{top:10px;right:-62px;--rotation:rotate(13deg);--duration:12.4s;--delay:-3.2s}.top-two{top:54px;right:-112px;scale:.72;--rotation:rotate(-8deg);--duration:15.2s;--delay:-9.7s}.bottom-one{bottom:48px;left:-70px;--rotation:rotate(194deg);--duration:13.1s;--delay:-6.3s}.bottom-two{bottom:102px;left:-120px;scale:.7;--rotation:rotate(210deg);--duration:16s;--delay:-11.4s}@keyframes mobile-crawl{to{stroke-dashoffset:-168}}@keyframes mobile-drift{0%{opacity:0;transform:var(--rotation) translate3d(-13px,10px,0) scaleX(.7) scaleY(.82)}17%{opacity:.74}48%{opacity:.92;transform:var(--rotation) translate3d(12px,-9px,0) scaleX(1.13) scaleY(1.06)}76%{opacity:.52;transform:var(--rotation) translate3d(-2px,-18px,0) scaleX(.9) scaleY(1.16)}100%{opacity:0;transform:var(--rotation) translate3d(-18px,-24px,0) scaleX(.68) scaleY(.86)}}.game-card{top:58px;width:min(285px,78vw);height:min(285px,78vw);contain:layout paint style;backface-visibility:hidden}.game-card:not(.is-nearby){visibility:hidden}.game-card.is-nearby{will-change:transform,opacity}.game-card.is-nearby .frame{filter:none;backface-visibility:hidden;transform:translateZ(0)}.game-card.is-nearby .logo{filter:drop-shadow(0 2px 5px #0009);backface-visibility:hidden}.game-card:not(.center) .orb-glow{filter:blur(9px)}.game-card.center .orb-glow{filter:blur(12px)}.particle{box-shadow:0 0 6px var(--color),0 0 11px var(--color)}.game-card.center{top:56px;width:min(315px,86vw);height:min(315px,86vw)}.download{bottom:18px;transform:translateX(-50%) scale(.88)}.controls{margin:-8px auto 18px;transform:translateY(-22px)}}