/* Scoped addition: original Studio typography, glass, title motion and LED edges. */
.studio-arcade{scroll-margin-top:115px}
.studio-arcade .trait-visually-hidden,.studio-arcade-hero-link .trait-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-arcade-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);align-items:end;gap:64px;margin-bottom:36px}
.studio-arcade-intro .studio-section-head{margin-bottom:0;max-width:650px}
.studio-arcade-intro .studio-section-head h2{font-size:clamp(48px,5.8vw,78px);line-height:1.02;letter-spacing:-.055em}
.studio-arcade-intro .studio-section-head>p:last-child{max-width:580px}
.studio-arcade-entry{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:7px}
.studio-arcade-brand{display:flex;align-items:center;gap:13px;color:#f6f0ff;font:650 30px/1 'IDN Urbanist',Urbanist,sans-serif;letter-spacing:-.04em}
.studio-arcade-brand>img{display:block;width:46px;height:46px;object-fit:contain}
.studio-arcade-brand>span>span{font-weight:450;color:#c3b4d4}
.studio-arcade-brand small{display:block;font:500 8px/1.4 'IDN Inter',Inter,sans-serif;letter-spacing:.14em;color:#a88dbd;margin-top:9px}
.studio-arcade-entry .studio-button{width:100%;max-width:330px;justify-content:space-between;gap:25px}
.studio-arcade svg{width:18px;height:18px;flex-shrink:0}
.studio-arcade-address{font:400 11px/1.5 'IDN Inter',Inter,sans-serif;color:#9a8ba8;margin-top:-13px}
.studio-arcade-hero-link{white-space:nowrap}
.studio-arcade-grid{gap:22px;align-items:stretch}
.studio-arcade-grid>.studio-arcade-game{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border-radius:27px;isolation:isolate}
.studio-arcade-game .studio-arcade-art{height:235px;position:relative;overflow:hidden;flex-shrink:0;background:#151425;border-bottom:1px solid #b68cc52e}
.studio-arcade-art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.studio-arcade-outpost .studio-arcade-art>img{object-position:50% 48%}
.studio-arcade-echos .studio-arcade-art>img{object-position:50% 45%}
.studio-arcade-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08091000 40%,#080910bf);pointer-events:none}
.studio-arcade-art-label{position:absolute;bottom:19px;left:23px;right:17px;font:500 8px/1.5 'IDN Inter',Inter,sans-serif;letter-spacing:.19em;color:#ece3f7;z-index:3}
.studio-arcade-grid .studio-arcade-game-copy{display:flex;flex-direction:column;flex:1;padding:25px 24px 22px;min-width:0}
.studio-arcade-game-copy .studio-arcade-genre{display:flex;align-items:center;gap:10px;font:500 8px/1.5 'IDN Inter',Inter,sans-serif;letter-spacing:.1em;color:#ae8bd4;margin:0 0 16px}
.studio-arcade-genre>span{font-variant-numeric:tabular-nums;color:#77678d;letter-spacing:0}
.studio-arcade-game-copy h3{font:650 clamp(28px,2.4vw,36px)/1.1 'IDN Urbanist',Urbanist,sans-serif!important;letter-spacing:-.045em;margin:0 0 14px!important;color:#f6f1fb}
.studio-arcade-game-copy h3>span{color:#c19cfa}
.studio-arcade-game-copy>p:not(.studio-arcade-genre){font:400 12px/1.85 'IDN Inter',Inter,sans-serif;color:#b2a6bf;margin:0 0 19px;flex:1}
.studio-arcade-detail{font:400 10px/1.5 'IDN Inter',Inter,sans-serif;color:#8e819e;margin-bottom:22px}
.studio-arcade-game-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding-top:18px;border-top:1px solid #b69ac329;color:#e6d5f8;text-decoration:none;font:550 12px/1.4 'IDN Inter',Inter,sans-serif;transition:color .18s}
.studio-arcade-game-link svg{width:15px;height:15px;transition:transform .25s cubic-bezier(.2,0,0,1)}
.studio-arcade-game-link:hover{color:#fff}.studio-arcade-game-link:hover svg{transform:translate(2px,-2px)}
.studio-arcade :is(a,button):focus-visible{outline:2px solid #cfa5ff;outline-offset:5px}
.studio-arcade-beta{position:absolute;right:15px;top:16px;z-index:3;padding:7px 9px;border-radius:30px;background:#121626bf;border:1px solid #e8daf742;color:#f0e9fa;font:500 7px/1.4 'IDN Inter',Inter,sans-serif;letter-spacing:.09em}
.studio-arcade-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 2px 0}
.studio-arcade-bottom p{margin:0;color:#8f829e;font:400 12px/1.8 'IDN Inter',Inter,sans-serif}
.studio-arcade-bottom strong{font-weight:500;color:#d6c5e7}.studio-arcade-bottom .studio-text-link{display:flex;align-items:center;gap:18px}
.studio-arcade-gravity .studio-arcade-gravity-art{background:radial-gradient(ellipse at 70% 10%,#925ec274,transparent 60%),radial-gradient(ellipse at 0 100%,#2b6a7f80,transparent 60%),#20203a}
.studio-arcade-gems{position:absolute;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;left:50%;top:45%;width:167px;padding:13px;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-13deg);border:1px solid #caa0ec66;border-radius:15px;background:linear-gradient(140deg,#4a3459cc,#142638ee);box-shadow:0 13px 0 #101c2b55,0 22px 45px #090b2377,inset 0 1px 0 #fff2;z-index:2;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.arcade-gem{aspect-ratio:1;display:block;border:1px solid #fff3;background:linear-gradient(135deg,#efcbff,#a477cc 70%);border-radius:5px;box-shadow:inset 2px 2px 3px #fff5,inset -3px -3px 4px #30204630,0 3px 5px #0003}
.arcade-gem-1{background:linear-gradient(135deg,#b2f5ef,#4cb6c8 80%);border-radius:50%}.arcade-gem-2{background:linear-gradient(135deg,#ffc1e8,#c975ae 80%);border-radius:2px;transform:scale(.8) rotate(45deg)}.arcade-gem-3{background:linear-gradient(135deg,#fff0ca,#d9b783 80%);border-radius:10px 10px 2px}.arcade-gem-4{background:linear-gradient(135deg,#d0edc4,#75ad90 80%);border-radius:4px 11px}
.studio-arcade-orbit{position:absolute;left:calc(50% - 138px);top:calc(45% - 138px);width:276px;aspect-ratio:1;border:1px solid #ac7cc42e;border-top-color:#da95ed88;border-right-color:#65d3e355;border-radius:50%;animation:studio-arcade-orbit 24s linear infinite;animation-play-state:paused;pointer-events:none}
.studio-arcade-game.q-inview .studio-arcade-orbit{animation-play-state:running}
.studio-arcade-direction{position:absolute;right:22px;top:18px;color:#d6b2ed8a;font:400 36px/1 'IDN Urbanist',Urbanist,sans-serif}
@keyframes studio-arcade-orbit{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.studio-arcade-game:hover .studio-arcade-art>img{transform:scale(1.035)}.studio-arcade-game:hover .studio-arcade-gems{transform:translate(-50%,-53%) rotate(-8deg)}}
@media(max-width:1050px){.studio-arcade-intro{gap:35px;grid-template-columns:minmax(0,1fr) 290px}.studio-arcade-grid{gap:16px}.studio-arcade-grid .studio-arcade-game-copy{padding:23px 20px}.studio-arcade-game .studio-arcade-art{height:210px}.studio-arcade-gems{width:153px;gap:6px}.studio-arcade-game-copy h3{font-size:30px!important}}
@media(max-width:900px) and (min-width:621px){.studio-arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-arcade-grid>.studio-arcade-echos{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.studio-arcade-echos .studio-arcade-art{height:100%;min-height:250px}.studio-arcade-intro{grid-template-columns:1fr 270px;gap:25px}}
@media(max-width:620px){.studio-arcade{scroll-margin-top:95px}.studio-arcade-intro{grid-template-columns:1fr;gap:24px}.studio-arcade-intro .studio-section-head h2{font-size:54px}.studio-arcade-entry{gap:20px}.studio-arcade-brand{font-size:29px}.studio-arcade-entry .studio-button{max-width:none}.studio-arcade-grid{grid-template-columns:1fr;gap:23px}.studio-arcade-grid>.studio-arcade-game{border-radius:24px}.studio-arcade-game .studio-arcade-art{height:230px}.studio-arcade-grid .studio-arcade-game-copy{padding:24px}.studio-arcade-game-copy h3{font-size:35px!important}.studio-arcade-game-copy>p:not(.studio-arcade-genre){font-size:13px}.studio-arcade-game-copy .studio-arcade-genre{font-size:9px}.studio-arcade-detail{font-size:11px}.studio-arcade-game-link{font-size:13px}.studio-arcade-bottom{align-items:flex-start;flex-direction:column;gap:18px}.studio-arcade-hero-link{white-space:normal}}
@media(prefers-reduced-motion:reduce){.studio-arcade *, .studio-arcade *::before{animation:none!important;transition:none!important}.studio-arcade-game:hover .studio-arcade-art>img{transform:none}.studio-arcade-game:hover .studio-arcade-gems{transform:translate(-50%,-50%) rotate(-13deg)}}
html.motion-off .studio-arcade-orbit,html.studio-page-motion-paused .studio-arcade-orbit{animation-play-state:paused!important}