@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{color:#f4f3e9;font-synthesis:none;--lime:#c4ed72;--muted:#94a29e;--line:#34423f;--panel:#1a292b;background:#111e21;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{cursor:pointer;border:0;transition:background .18s,transform .18s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.4;filter:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,.brand-name,.stat b{font-family:Outfit,DM Sans,sans-serif}h1,h2,h3,p{margin:0}h2{letter-spacing:-1.3px;font-size:42px}h3{font-size:24px}#app{max-width:1800px;min-height:100dvh;margin:auto;padding:0 5%}#header{border-bottom:1px solid var(--line);align-items:center;gap:30px;height:105px;display:flex}.brand{align-items:center;gap:20px;display:flex}.veno{letter-spacing:-2px;font-family:Outfit,sans-serif;font-size:32px;font-weight:900}.veno span{color:var(--lime)}.brand-divider{background:var(--line);width:1px;height:29px}.brand-name{letter-spacing:1px;font-size:14px;font-weight:800;line-height:1.12}.brand-dot{color:var(--lime)}nav{gap:15px;margin-left:auto;display:flex}.nav-button,.text-button{color:#bbc5be;background:0 0;padding:12px;font-size:13px}.nav-button:hover,.text-button:hover{color:var(--lime)}.header-tools{align-items:center;gap:16px;margin-left:30px;display:flex}.language-picker{align-items:center;gap:9px;display:flex}.language-picker select{color:#e5ece7;background:0 0;border:0;width:100px;font-size:12px}.language-picker option{background:#203331}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;width:42px;height:42px;font-size:20px}#main{min-height:700px;position:relative}#content{z-index:2;position:relative}#scene{position:absolute;overflow:hidden}#scene canvas{touch-action:none;outline:none;display:block}.screen-home #main{min-height:940px;padding:64px 0 250px}.screen-home #content{pointer-events:none;width:48%}.screen-home #content button{pointer-events:auto}.eyebrow{color:var(--lime);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.eyebrow>span:first-child{background:var(--lime);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-2.5px;margin-top:26px;font-size:clamp(40px,4.5vw,73px);font-weight:700;line-height:1.07}h1>span{display:block}.accent{color:var(--lime)}.intro{color:#a9b7af;max-width:410px;margin-top:24px;font-size:14px;line-height:1.9}.hero-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.primary{background:var(--lime);color:#192b27;border-radius:8px;min-height:48px;padding:15px 25px;font-weight:800}.primary.big{justify-content:space-between;align-items:center;gap:28px;min-width:175px;padding:19px 25px;font-size:16px;display:flex}.big span{font-size:23px}.secondary{color:#f1f5e9;background:#243735;border:1px solid #465951;border-radius:8px;padding:14px 20px}.demo-button{background:0 0;align-items:center;gap:12px;font-size:25px;display:flex}.demo-button span{color:#d6ded5;font-size:12px}.how-mini{color:#bdc8bd;align-items:center;gap:12px;margin-top:27px;font-size:10px;display:flex}.how-mini small{color:#71877c;margin-top:5px;display:block}.mini-key{border:1px solid #52665b;border-radius:7px;padding:7px 12px;font-size:17px}.home-bottom{gap:36px;margin-top:42px;display:flex}.personal,.world-tag{align-items:center;gap:13px;display:flex}.personal>span{color:var(--lime);font-size:25px}.home-bottom small{color:#81988b;margin-bottom:5px;font-size:10px;display:block}.home-bottom strong{font-size:14px}.personal strong{font-family:Outfit,sans-serif;font-size:24px}.world-tag{border-left:1px solid var(--line);padding-left:26px}.tiny-sun{color:#efac62;font-size:32px}.screen-home #scene{border:7px solid #243a36;border-radius:130px 130px 24px 24px;width:48%;height:550px;top:38px;right:0;transform:rotate(2deg);box-shadow:0 25px 50px #06181766}.scene-label{z-index:3;color:#27433a;background:#f9f4e8;border-radius:24px;align-items:center;gap:9px;padding:11px 17px;font-size:10px;display:flex;position:absolute;top:62px;right:3%;box-shadow:0 5px 20px #1b34262a}.scene-label>span:last-child{color:#91a296;margin-left:12px;font-weight:700}.live-dot,.status-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block}.live-dot{background:#5a9273}.scene-note{z-index:3;color:#e5edda;background:#234c45;border-radius:10px;padding:17px 22px;position:absolute;top:512px;right:4%;transform:rotate(-3deg);box-shadow:0 6px 20px #172d2933}.scene-note b{color:#d4ed88;letter-spacing:3px;font-size:18px;display:block}.scene-note span{margin-top:7px;font-size:10px;display:block}.mode-shelf{grid-template-columns:repeat(4,1fr);gap:15px;display:grid;position:absolute;bottom:35px;left:0;right:0}.mode-card{text-align:left;border:1px solid var(--line);background:#1a292b;border-radius:12px;flex-direction:column;gap:9px;min-height:150px;padding:22px;display:flex;position:relative}.mode-card.selected{background:#23392e;border-color:#617946}.mode-number{color:#7a9383;letter-spacing:1px;font-size:9px;position:absolute;top:20px;right:18px}.mode-icon{color:#c6dc9b;font-size:24px;line-height:1}.mode-card strong{font-family:Outfit,sans-serif;font-size:19px;font-weight:500}.mode-card small{color:#8ea396;max-width:85%;font-size:11px;line-height:1.7}.mode-arrow{color:#bfdda5;position:absolute;bottom:19px;right:19px}.more-modes{grid-column:1/-1;justify-content:flex-end;gap:25px;display:flex}.more-modes .text-button{padding:4px 0;font-size:11px}#footer{border-top:1px solid var(--line);color:#81958b;letter-spacing:1px;align-items:center;gap:12px;min-height:72px;font-size:8px;display:flex}#footer>span:first-child{margin-right:auto}.footer-line{color:#465f53;padding:0 10px}#footer>div{margin-left:15px}#footer .text-button{letter-spacing:0;font-size:10px}.screen-playing{height:100dvh;overflow:hidden}.screen-playing #header{height:76px}.screen-playing #footer{display:none}.screen-playing #main{height:calc(100dvh - 76px);min-height:0}.screen-playing #scene{border-radius:14px 14px 0 0;max-width:none;inset:0}.screen-playing #hud{pointer-events:none;position:absolute;inset:0}.screen-playing #hud button{pointer-events:auto}.game-top{background:#163a34f5;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:25px;min-width:340px;padding:14px 20px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.stat small,.stage-label small{text-transform:uppercase;letter-spacing:1px;color:#b2c7b5;font-size:9px;display:block}.stat b{color:#eafaad;font-size:26px;font-weight:800}.stage-label{text-align:center}.stage-label b{font-size:12px}.pause-button{background:#2c5144;border:1px solid #5b7460;border-radius:50%;width:44px;height:44px;font-size:18px}.progress-track{background:#5c7260;width:90px;height:3px;margin-top:7px}.progress-track i{background:var(--lime);width:0;height:100%;display:block}.game-side{color:#224538;width:22%;position:absolute;top:30%;left:5%}.game-side .eyebrow{color:#376f50;font-size:9px}.game-side h2{margin:20px 0;font-size:clamp(30px,4.4vw,65px);line-height:1}.game-side em{color:#438466;font-style:normal}.game-side p{font-size:12px;line-height:1.8}.controls-card{margin-top:45px}.controls-card kbd{border:1px solid #496a5150;border-radius:7px;margin:0 4px 12px 0;padding:8px 12px;font-size:18px;display:inline-block}.game-side.right{text-align:right;flex-direction:column;gap:14px;font-size:11px;display:flex;left:auto;right:5%}.game-side.right b{font-family:Outfit,sans-serif;font-size:38px}.game-side.right button{border-color:#48675080;align-self:flex-end;margin-top:40px}.page-heading{justify-content:space-between;align-items:center;margin:40px 0;display:flex}.page-heading .eyebrow{margin-bottom:10px}.screen-journey #scene,.screen-workshop #scene,.screen-studio #scene,.screen-settings #scene{display:none}.worlds{grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:50px;display:grid}.world{background:linear-gradient(140deg,#4b4934,#243c34);border:1px solid #496350;border-radius:16px;padding:26px}.world-1{background:linear-gradient(140deg,#34565c,#20363a);border-color:#406973}.world-2{background:linear-gradient(140deg,#454155,#25353e);border-color:#5c5469}.world-index{color:#ffffff1f;font:700 56px Outfit}.world h3{margin:5px 0 30px}.level-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.level-grid button{background:#0c242535;border:1px solid #ffffff28;border-radius:9px;padding:14px 5px}.level-grid span{font:600 22px Outfit;display:block}.level-grid small{color:var(--lime);margin-top:8px;font-size:8px;display:block}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0 40px;display:grid}.upgrade-card{border:1px solid var(--line);background:#1a2c2c;border-radius:16px;padding:28px}.upgrade-icon{color:var(--lime);font-size:40px}.upgrade-card h3{margin:12px 0}.upgrade-card p{color:#a6bba6}.upgrade-dots{gap:6px;margin:22px 0;display:flex}.upgrade-dots i{background:#46574d;border-radius:3px;width:35px;height:5px}.upgrade-dots i.active{background:var(--lime)}.brand-card{color:#203c36;background:#f0eeeb;flex-direction:column;justify-content:center;align-items:center;display:flex}.brand-card img{object-fit:contain;width:80%;max-height:220px}.brand-card span{letter-spacing:2px;font-size:10px}.skin-grid{gap:20px;padding:22px 0 45px;display:flex}.skin{border:1px solid var(--line);background:#21342e;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:25px;display:flex}.skin>span{color:#d7ac65;font-size:35px}.skin-1>span{color:#84dab6}.skin-2>span{color:#dd99c7}.skin small{color:#9eb39e;font-size:10px}.skin.chosen{border-color:var(--lime)}.settings-grid{max-width:700px;padding-bottom:40px}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;font-size:15px;display:flex}.setting input{accent-color:var(--lime);width:23px;height:23px}.setting select,.studio-form select,.studio-form input{color:#eff3e8;background:#233934;border:1px solid #4a6051;border-radius:7px;padding:10px}.privacy{padding:25px 0}.privacy p{color:#a1b39f;margin:15px 0;font-size:13px;line-height:1.8}.privacy button{font-size:12px}.studio-layout{grid-template-columns:1fr 1.4fr;gap:60px;padding-bottom:50px;display:grid}.studio-form label{color:#c6d3bd;flex-direction:column;gap:10px;margin:0 0 20px;font-size:12px;display:flex}.stack{gap:14px;display:flex}.muted{color:#879f8b;margin-top:22px;font-size:12px;line-height:1.8}.studio-preview{background:#eae8e4;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.studio-preview img{object-fit:contain;width:65%;max-height:340px;margin:auto}.studio-preview>div{background:#233d32;padding:30px}.studio-preview h3{margin:12px 0}.studio-preview p{color:#a1b693;letter-spacing:2px;font-size:10px}#modal{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071a21b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}#modal[hidden]{display:none}.dialog{text-align:center;background:#1c3430;border:1px solid #52715b;border-radius:22px;flex-direction:column;gap:15px;width:min(440px,100%);max-height:93dvh;padding:34px;display:flex;overflow:auto;box-shadow:0 25px 100px #0008}.dialog .eyebrow{justify-content:center}.dialog h2{letter-spacing:-.8px;font-size:32px}.dialog p{color:#afc3b1;font-size:14px;line-height:1.8}.dialog small{color:#91ac98;font-size:10px}.result-symbol{color:var(--lime);font-size:45px}.result-score{color:#e7f3b4;font:800 64px/1 Outfit}.result-caption{color:#a8bfa8;margin-top:-8px;font-size:11px}.result-stats{border-top:1px solid #42614c;border-bottom:1px solid #42614c;grid-template-columns:repeat(3,1fr);padding:14px 0;display:grid}.result-stats b{font:600 24px Outfit;display:block}.result-stats small{margin-top:5px;display:block}.earned{color:#dfc686;font-size:12px}.earned span{color:var(--lime);margin-left:15px}.result-links{justify-content:center;display:flex}.reward-button{background:#324d35;border:1px solid #6d8549;border-radius:8px;padding:13px;font-size:12px}#toast{z-index:40;color:#e4f4c6;opacity:0;pointer-events:none;background:#263e32;border:1px solid #839767;border-radius:10px;max-width:90vw;padding:15px 22px;font-size:13px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);box-shadow:0 5px 20px #0003}#toast.show{opacity:1;transform:translate(-50%)}#sdk-mount{pointer-events:none;opacity:0;width:10px;height:10px;position:fixed;top:0;left:-10000px}.boot{height:100vh;color:var(--lime);place-content:center;font:900 60px sans-serif;display:grid}.boot span{font-size:20px}.demo#app{background:#1c3832;max-width:none;padding:0}.demo #header,.demo #footer,.demo #content{display:none}.demo #main{height:100dvh;min-height:0}.demo #scene{inset:0}.demo-controls{z-index:10;opacity:.2;background:#112d2dde;border:1px solid #748f59;border-radius:12px;align-items:center;gap:8px;max-width:95vw;padding:10px;transition:opacity .2s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.demo-controls:hover,.demo-controls:focus-within{opacity:1}.demo-controls button{white-space:nowrap;font-size:11px}.demo-controls select{color:#fff;background:#294332;border-radius:7px;max-width:110px;padding:10px}.demo-controls span{color:var(--lime);font-size:10px}@media (width>=1600px){.screen-home #scene{height:620px}.screen-home #main{min-height:1030px}.scene-note{top:580px}.screen-home #content{padding-top:30px}}@media (width<=1000px){#app{padding:0 4%}nav{gap:0}.header-tools{margin-left:auto}nav .nav-button{padding:9px;font-size:11px}.brand{gap:12px}.screen-home #scene{width:45%;height:490px;top:65px}.screen-home #content{width:52%}h1{font-size:48px}.hero-actions{gap:10px}.primary.big{min-width:150px}.demo-button{gap:8px}.demo-button span{font-size:10px}.scene-note{top:490px;right:1%}.scene-label{top:90px;right:1%}.mode-card{padding:18px}.mode-card strong{font-size:17px}.worlds{gap:12px}.world{padding:18px}.world h3{font-size:21px}.level-grid{grid-template-columns:repeat(2,1fr)}.game-side{width:20%;left:3%}.game-side.right{right:3%}.game-top{min-width:300px}.studio-layout{gap:25px}}@media (width<=700px){#header{gap:10px;height:78px}.veno{font-size:28px}.brand-name{font-size:11px}.brand-divider{height:25px}.brand{gap:10px}nav{display:none}.header-tools{gap:12px}.language-picker{gap:3px}.language-picker select{width:75px;font-size:10px}.icon-button{width:36px;height:36px;font-size:18px}.screen-home #main{min-height:1310px;padding:32px 0 430px}.screen-home #content{width:100%}.screen-home .eyebrow{font-size:8px}h1{letter-spacing:-1.8px;max-width:95%;margin-top:20px;font-size:45px}.intro{max-width:95%;margin-top:17px;font-size:12px;line-height:1.8}.hero-actions{gap:22px;margin-top:22px}.primary.big{padding:15px 20px;font-size:14px}.demo-button span{font-size:12px}.how-mini{margin-top:18px}.home-bottom{display:none}.screen-home #scene{border-width:5px;border-radius:90px 90px 18px 18px;width:88%;height:430px;top:390px;left:6%;right:6%}.scene-label{font-size:9px;top:408px;right:2%}.scene-note{padding:14px 20px;top:747px;right:0}.mode-shelf{grid-template-columns:repeat(2,1fr);gap:12px;bottom:22px}.mode-card{min-height:156px;padding:18px}.mode-card strong{font-size:18px}.mode-card small{font-size:10px}.more-modes{justify-content:space-between;gap:13px}.more-modes .text-button{font-size:9px}#footer{flex-wrap:wrap;justify-content:center;gap:6px;padding:15px 0}#footer>span:first-child{text-align:center;width:100%;margin-bottom:8px;margin-right:0}#footer>div{display:none}.screen-playing#app{padding:0}.screen-playing #header{height:60px;padding:0 16px}.screen-playing #main{height:calc(100dvh - 60px)}.screen-playing #scene{border-radius:0}.game-side{display:none}.game-top{background:#173c32f2;border-radius:0;gap:10px;width:100%;min-width:0;padding:10px 18px}.game-side.right{display:none}.game-top .stat b{font-size:23px}.stage-label{flex:1}.progress-track{width:100px;margin:7px auto 0}.pause-button{width:40px;height:40px}.worlds,.upgrade-grid{grid-template-columns:1fr}.world{padding:22px}.level-grid{grid-template-columns:repeat(4,1fr)}.world-index{font-size:40px}.world h3{margin:4px 0 20px}.page-heading{margin:28px 0}.page-heading h2{font-size:32px}.page-heading .eyebrow{font-size:9px}.upgrade-grid{gap:15px}.upgrade-card{padding:23px}.brand-card{display:none}.skin-grid{gap:8px}.skin{padding:18px 8px}.skin strong{font-size:13px}.skin small{font-size:9px}.studio-layout{grid-template-columns:1fr;gap:25px}.studio-preview{display:none}.settings-grid{padding-bottom:20px}.setting{font-size:13px}.dialog{gap:12px;padding:27px}.dialog h2{font-size:28px}.demo-controls{gap:4px;padding:6px;bottom:8px}.demo-controls button{padding:10px;font-size:9px}.demo-controls select{width:70px;font-size:9px}.demo-controls #record-status{display:none}}@media (width<=380px){h1{font-size:39px}.screen-home #scene{top:405px}.scene-label{top:424px}.scene-note{top:760px}.brand-divider,.brand-name{display:none}.mode-card strong{font-size:16px}.hero-actions{gap:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.more-modes{flex-wrap:wrap}@media (width<=700px){.more-modes{justify-content:flex-start;gap:10px 18px}.more-modes .text-button{font-size:10px}}.demo #main{margin:auto}.demo.aspect-9x16 #main{width:min(100vw,56.25dvh);height:min(100dvh,177.778vw)}.demo.aspect-16x9 #main{width:min(100vw,177.778dvh);height:min(100dvh,56.25vw)}
