/* Looplay: arcade platform direction, inspired by the reference supplied. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--bg:#0a0a0c;--surface:#111114;--line:#27272d;--muted:#94949e;--lime:#256fee;--white:#f7f7fa;--purple:#8bb4fa;--orange:#256fee}body{font-family:'Inter',Arial,sans-serif;background:var(--bg)}h1,h2,h3,.brand,.steps article>span,.demo-score strong,.preview-points,.compatibility>b{font-family:'Inter',Arial,sans-serif}.wrap{width:min(1200px,calc(100% - 64px))}.header{height:76px;position:relative;z-index:20}.header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff09,transparent)}.header nav{gap:27px;font-size:13px;font-weight:600;color:#95959f}.brand{font-size:25px;letter-spacing:-1.2px;gap:9px;font-weight:750}.brand img{width:31px;height:31px}.button{border:1px solid #669eff59;color:#fff;background:linear-gradient(180deg,#ffffff23,transparent 60%),#1c62dc;border-radius:999px;padding:15px 25px;gap:20px;font-weight:650;font-size:13px;box-shadow:inset 0 1px 0 #ffffff1a;transition:background .2s,transform .2s}.button:hover{background:linear-gradient(180deg,#ffffff29,transparent 60%),#2b74f1}.button.small{border-radius:999px;font-size:12px;padding:12px 20px}.button.secondary{background:#ffffff05;border:1px solid #ffffff18;box-shadow:none}.button.dark{background:#fff;color:#131315;border-color:#fff}.eyebrow{letter-spacing:1.4px;font-size:10px}.dot{background:var(--orange);box-shadow:0 0 0 4px #256fee14}.hero{padding-top:72px;padding-bottom:65px;min-height:630px;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:45px;position:relative}.hero:before,.catalog-hero:before{content:'';position:absolute;pointer-events:none;z-index:-1;inset:-20px -10% -20px;background:radial-gradient(ellipse at 72% 25%,#09285d66,transparent 40%),radial-gradient(ellipse at 40% 54%,#17346640,transparent 45%);filter:blur(15px)}.hero h1{font-size:clamp(44px,4.7vw,66px);font-weight:750;letter-spacing:-3.3px;line-height:1.08;margin:24px 0}.hero h1 .highlight{color:#3e83fa;background:linear-gradient(90deg,#639cff,#256fee);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{color:#a3a3ad;font-size:15px;line-height:1.85;max-width:460px;margin:24px 0 29px}.hero .eyebrow{display:inline-flex;border:1px solid #ffffff12;border-radius:30px;padding:8px 12px;background:#ffffff04;font-size:8px;color:#c4c4ce}.hero-note{font-size:10px;gap:9px;margin-top:22px}.hero-note>span:first-child{color:#a0a0ac}.text-link{font-size:12px;font-weight:600}.play-icon{background:#ffffff06;border-color:#ffffff1a}.showcase{position:relative;min-height:500px;align-self:center}.showcase-card{position:absolute;left:0;bottom:35px;width:70%;height:230px;border:1px solid #ffffff1f;border-radius:14px;overflow:hidden;box-shadow:0 25px 80px #0008;transform:rotate(-4deg);background:#0d1624}.showcase-card img{width:100%;height:100%;object-fit:cover}.showcase-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#030308db)}.showcase-card-label{position:absolute;bottom:15px;left:18px;z-index:1;font-size:11px;font-weight:700;letter-spacing:1px}.showcase-phone{position:absolute;right:0;top:5px;width:53%;height:450px;background:#0c1320;border:1px solid #303949;border-radius:22px;box-shadow:0 30px 80px #0008;overflow:hidden;transform:rotate(3deg)}.phone-head{padding:14px 12px;display:flex;align-items:center;gap:7px;font-size:9px}.phone-avatar{width:25px;height:25px;border-radius:50%;background:linear-gradient(130deg,#6aa1ff,#1a62df);display:grid;place-items:center;font-size:12px}.phone-head b{font-size:9px;font-weight:600}.phone-head small{display:block;color:#a4adbd;font-size:7px}.phone-live{background:#3277ef;color:#fff;font-size:7px;padding:3px 6px;border-radius:4px;margin-left:auto}.phone-stage{position:relative;height:268px;background:#08162e;overflow:hidden}.phone-stage img{width:100%;height:100%;object-fit:cover;object-position:45% center}.phone-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(#0c152544,transparent 60%,#0c1320)}.phone-stage-title{position:absolute;left:0;right:0;top:14px;text-align:center;z-index:1;font-size:18px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 8px #000}.phone-stage-title small{display:block;font-size:7px;font-weight:500;letter-spacing:1.8px;color:#e9f1ff;margin-bottom:4px}.phone-chat{padding:6px 12px;font-size:8px;line-height:1.6;color:#abb5c5}.phone-chat p{margin:5px 0}.phone-chat b{color:#ebf2ff;font-weight:600;margin-right:6px}.phone-input{margin:8px 12px;padding:8px 10px;border-radius:20px;background:#ffffff0b;color:#858096;font-size:7px}.showcase-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;color:#7d7b8e;letter-spacing:1px}.showcase-badge{position:absolute;left:25px;top:55px;border:1px solid #ffffff15;background:#111116d9;backdrop-filter:blur(15px);padding:10px 14px;z-index:3;border-radius:10px;box-shadow:0 10px 30px #0004;font-size:10px;transform:rotate(-4deg)}.showcase-badge span{color:#72a2f4;margin-right:5px}.platform-strip{border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09;padding:25px 0}.platform-strip>.wrap{display:flex;align-items:center;justify-content:center;gap:45px;flex-wrap:wrap;color:#b5b5bf;font-size:15px;font-weight:600}.platform-strip small{color:#6f6f7b;font-size:10px;font-weight:400}.section{padding-top:85px;padding-bottom:85px}h2{font-size:42px;letter-spacing:-1.8px;font-weight:700;line-height:1.15}h2 em{color:var(--white)}.section-heading>p{font-size:13px}.feature-stack h3{font-size:20px;font-weight:650;letter-spacing:-.6px}.feature-stack p{color:#92929f}.feature-number{color:#4185fa}.demo-panel{background:radial-gradient(ellipse at 50% 25%,#1f325388,transparent 65%),#101016;border-color:#29303c;border-radius:16px}.energy-track{background:#232830}.demo-controls .chip,.chip{background:#ffffff06;border:1px solid #ffffff1a;border-radius:8px}.chip:hover{border-color:#256fee80;color:#78aaff}.demo-avatars>span{background:#4284f5;color:#091221}.demo-avatars>span:nth-child(2n){background:#86aef4}.demo-avatars>span:nth-child(3n){background:#5e96f8}.demo-panel>p{color:#a9b4c6}.demo-score span{color:#5a97ff}.demo-score strong{font-weight:700}.panel-head{color:#94909f}.games-section{background:#0d0d10;border-color:#ffffff07}.game-card{background:#111114;border-color:#28282e;border-radius:16px}.game-card-art{background:#0e1726;padding:0}.game-card-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.game-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#07070dbb)}.game-tag{left:24px;z-index:1;color:#fff;background:#0005;padding:5px 9px;border:1px solid #ffffff20;border-radius:5px;letter-spacing:1px;font-size:8px}.game-card-copy h3{font-weight:700;font-size:32px;letter-spacing:-1.3px}.game-card-copy .text-link{color:#5890f2}.tags>span{background:#ffffff04;border-color:#ffffff14;border-radius:5px;color:#a8a8b2}.steps h3{font-weight:650;font-size:19px}.steps article>span{color:#5592fb}.compatibility{border-color:#ffffff0a}.cta{background:radial-gradient(ellipse at 80% 40%,#25417266,transparent 50%),radial-gradient(ellipse at 20% 70%,#24417455,transparent 50%),#101318;color:#fff;border:1px solid #252b34;text-align:center;padding:65px 40px}.cta>.eyebrow{justify-content:center;color:#a2a0b2}.cta h2{font-size:44px;margin-left:auto;margin-right:auto;font-weight:700}.cta h2>span{color:#fff}.cta .button.dark{background:linear-gradient(#ffffff23,transparent),#1c62dc;color:#fff;border-color:#629cff59}.cta-flower{display:none}.footer{padding-top:45px}.footer .brand{font-size:23px}.footer small{color:#71717e}.faq-list summary{font-weight:550}.faq-list p{color:#90909c}.studio-body{background:radial-gradient(ellipse at 65% 0%,#121d2f77,transparent 45%),#0a0a0c}.studio-header{border-bottom-color:#ffffff0d}.studio-settings,.studio-preview,.activity{background:#111114;border-color:#28282e}.studio-settings h2{font-size:21px;font-weight:650}.field input,.field select{background:#09090c;border-color:#303039;color:#e6e9ef}.studio-main>h1{font-size:38px;font-weight:700;letter-spacing:-1.5px}.studio-preview .panel-head{background:#15151b}.mode-banner{background:#256eed0a;border-color:#256fee26;color:#8babe3}.preview-content{background:radial-gradient(ellipse at 50% 40%,#253b6155,transparent 70%)}.preview-content h2{color:#fff;font-size:36px}.preview-points{font-weight:700}.overlay-page{background:transparent}.overlay-page .preview-content{background:transparent}.studio-settings .button{border-radius:999px}.overlay-url input{background:#111114;border-color:#303039}.catalog-main{padding-bottom:60px}.catalog-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center;padding-top:60px;padding-bottom:55px;min-height:600px}.breadcrumbs{font-size:11px;color:#80808e;margin-bottom:26px}.breadcrumbs a:hover{color:#fff}.catalog-title{font-size:23px;letter-spacing:-.7px;font-weight:700;line-height:1.3;margin:0 0 28px}.catalog-featured{color:#4285fa;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:15px}.catalog-hero .tags{margin-bottom:20px}.catalog-game-name{font-size:48px;letter-spacing:-2.5px;font-weight:750;margin:0 0 20px}.catalog-hero>div:first-child>p{font-size:14px;line-height:1.8;color:#9999a7;max-width:425px;margin-bottom:30px}.catalog-hero .showcase{min-height:475px}.catalog-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:30px 0}.catalog-filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;border-radius:999px;padding:9px 16px;font-size:12px;color:#8e8e9b}.filter[aria-pressed=true]{background:#ffffff0a;border-color:#ffffff15;color:#fff}.filter:hover{color:#fff}.catalog-count{font-size:11px;color:#878794}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.catalog-card[hidden]{display:none}.catalog-thumb{aspect-ratio:1.5;display:block;position:relative;border-radius:12px;border:1px solid #ffffff16;overflow:hidden;background:#0e1624}.catalog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.catalog-thumb:hover img{transform:scale(1.04)}.catalog-status{position:absolute;top:11px;left:11px;border-radius:999px;background:#11151bdf;color:#7396d2;border:1px solid #749bdd20;font-size:8px;font-weight:650;padding:4px 9px}.catalog-status.orange{background:#121f35df;color:#8bb6ff;border-color:#256eed30}.catalog-card-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:11px}.catalog-card-meta h3{font-size:13px;font-weight:650;letter-spacing:-.2px}.catalog-card-meta small{font-size:9px;color:#9595a1}.catalog-card-meta small:before{content:'•';color:#256eed;margin-right:5px}.catalog-card>p{color:#747481;font-size:10px;margin-top:7px}.lab-thumb{background:radial-gradient(ellipse at 50% 30%,#2c4e8a66,transparent 70%),#11151c;display:flex;align-items:center;justify-content:center;gap:12px}.lab-thumb>span:not(.catalog-status){display:grid;place-items:center;width:56px;height:66px;border-radius:18px;background:#5491fa;color:#0f1827;font-size:33px;box-shadow:0 9px 0 #2256af;transform:rotate(-12deg)}.lab-thumb>span:nth-child(2){background:#95bcff;box-shadow:0 9px 0 #3e63a2;transform:rotate(8deg);margin-top:-30px}.lab-thumb>span:nth-child(3){background:#588fee;box-shadow:0 9px 0 #2b549c;transform:rotate(16deg)}.catalog-soon{aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #30303a;border-radius:12px;background:#101014;color:#5e5e6b}.catalog-soon>span{font-size:35px;line-height:1;margin-bottom:15px}.catalog-soon>b{font-size:12px;font-weight:500}.catalog-bottom{margin-top:85px}.catalog-bottom h2{font-size:34px}.catalog-bottom p{font-size:13px;color:#9999a7;max-width:560px;margin:20px auto 25px}.catalog-empty{font-size:13px;color:var(--muted);padding:35px 0}
@media(max-width:1050px){.hero{gap:30px}.showcase-phone{height:420px;width:55%}.phone-stage{height:240px}.showcase-card{height:205px}.hero h1{font-size:51px}.catalog-hero{gap:35px}.catalog-game-name{font-size:42px}.catalog-grid{gap:22px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:76px}.hero{grid-template-columns:minmax(0,1fr);padding-top:42px;padding-bottom:35px;gap:18px;min-height:auto}.hero h1{font-size:53px;letter-spacing:-2.5px;max-width:550px}.hero-copy>p{max-width:510px}.showcase{width:min(500px,100%);justify-self:center;min-height:470px;margin-top:18px}.showcase-phone{height:430px;width:52%}.phone-stage{height:250px}.showcase-card{height:220px;bottom:42px}.showcase-badge{top:40px;left:0}.platform-strip>.wrap{gap:22px;font-size:12px}.platform-strip small{width:100%;text-align:center}.section{padding-top:65px;padding-bottom:65px}h2{font-size:35px}.game-card-art{min-height:290px}.cta h2{font-size:35px}.cta{padding:45px 25px}.studio-main>h1{font-size:33px}.catalog-hero{grid-template-columns:minmax(0,1fr);padding-top:35px;gap:15px}.catalog-title{font-size:22px}.catalog-hero .showcase{min-height:460px}.catalog-game-name{font-size:43px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.catalog-toolbar{align-items:flex-start;gap:15px}.catalog-count{white-space:nowrap;padding-top:10px}.catalog-filters{gap:1px}.filter{font-size:10px;padding:8px 11px}.catalog-bottom{margin-top:55px}}
@media(max-width:430px){.hero h1{font-size:46px;letter-spacing:-2.4px}.hero .eyebrow{font-size:7px;letter-spacing:.7px}.hero-copy>p{font-size:13px}.actions{flex-direction:row;align-items:center;gap:16px}.actions .button{padding:14px 19px;font-size:11px;gap:10px}.actions .text-link{font-size:10px;margin-top:0;gap:7px}.hero-note{font-size:8px}.showcase{min-height:395px}.showcase-phone{width:57%;height:360px;right:3px;top:0}.phone-stage{height:200px}.phone-chat{font-size:6px;padding-top:4px}.phone-head{padding:10px 8px}.phone-head b{font-size:7px}.phone-head small{font-size:6px}.phone-avatar{width:20px;height:20px;font-size:9px}.phone-live{font-size:5px}.phone-input{font-size:6px;margin:8px;padding:6px}.phone-stage-title{font-size:13px}.phone-stage-title small{font-size:5px}.showcase-card{width:73%;height:170px;bottom:35px}.showcase-card-label{font-size:8px;bottom:10px;left:12px}.showcase-badge{font-size:8px;padding:8px 10px;top:40px}.showcase-caption{font-size:6px;letter-spacing:.5px}.catalog-hero .showcase{min-height:395px}.catalog-game-name{font-size:38px}.catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-title{font-size:20px}.catalog-hero{padding-bottom:20px}.catalog-hero>div:first-child>p{font-size:13px}.catalog-soon{aspect-ratio:2}.cta h2{font-size:30px}.preview-content h2{font-size:28px}.catalog-bottom h2{font-size:28px}}