@font-face{font-family:Cloude;src:url('assets/CloudePixel.ttf') format('truetype');font-display:swap}@font-face{font-family:Monocraft;src:url('assets/Monocraft.ttf') format('truetype');font-display:swap}
:root{--bg:#0d0d0d;--surface:#131313;--surface-2:#191919;--line:#2c2c2c;--text:#f1f1f1;--muted:#9f9f9f;--purple:#9c9c9c;--deep:#535353;--pixel:Cloude,Monocraft,monospace;--body:Monocraft,monospace;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:13px;line-height:1.8}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}button svg,a svg{vertical-align:middle}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--pixel);font-weight:400}h2{font-size:40px;line-height:1.25;letter-spacing:.01em;margin-bottom:22px}h2 span{color:var(--purple)}h3{font-size:23px;line-height:1.4;margin-bottom:10px}p{color:var(--muted)}::selection{background:#7b7b7b;color:white}:focus-visible{outline:2px solid #cacaca;outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--deep);padding:12px}.skip:focus{top:15px}.eyebrow{font-size:10px;letter-spacing:.13em;color:var(--purple);margin-bottom:22px;display:flex;gap:12px;align-items:center}.pixel-dot{display:inline-block;width:6px;height:6px;background:var(--purple);box-shadow:0 0 12px #93939366;flex-shrink:0}
.header{height:88px;position:relative;z-index:20;background:#0e0e0e;border-bottom:1px solid #2b2b2b}.header-inner{display:flex;align-items:center;height:100%;gap:40px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--pixel);font-size:25px;line-height:1;letter-spacing:.04em;flex-shrink:0}.brand-cloud{color:var(--purple);width:41px;height:41px;stroke:none;filter:drop-shadow(0 3px 0 #333333)}.brand-sub{display:block;font:8px/1.4 var(--body);letter-spacing:.25em;margin-top:8px;color:#a2a2a2}.header nav{display:flex;gap:28px;margin-left:auto;color:#b1b1b1;font-size:11px}.header nav a{position:relative;padding:12px 0;transition:color .18s}.header nav a:hover{color:white}.header nav a:hover:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--purple)}.pixel-button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:58px;padding:12px 24px;background:#292929;color:#f0f0f0;border:3px solid #090909;box-shadow:inset 0 3px 0 #838383,inset 3px 0 0 #5b5b5b,inset -3px -5px 0 #191919,0 4px 0 #040404;transition:transform .12s,filter .12s;white-space:nowrap;font-family:var(--pixel);font-size:23px;line-height:1.15;text-align:center}.pixel-button:hover{transform:translateY(2px);filter:brightness(1.15);box-shadow:inset 0 3px 0 #9d9d9d,inset 3px 0 0 #5b5b5b,inset -3px -4px 0 #191919,0 2px 0 #040404}.pixel-button:active{transform:translateY(4px);filter:brightness(.95)}.pixel-button.primary{background:linear-gradient(#787878,#565656);box-shadow:inset 0 3px 0 #c0c0c0,inset 3px 0 0 #8d8d8d,inset -3px -6px 0 #353535,0 4px 0 #040404}.pixel-button.primary:hover{box-shadow:inset 0 3px 0 #d2d2d2,inset 3px 0 0 #8d8d8d,inset -3px -4px 0 #353535,0 2px 0 #040404}.pixel-button.small{min-height:42px;padding:9px 16px;font-size:18px;gap:15px}.pixel-button.small svg{width:16px;height:16px}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:660px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/portal.png') center 49%/cover no-repeat;opacity:.9}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0ded 0%,#0d0d0db3 32%,#0d0d0d10 65%),linear-gradient(0deg,#0d0d0d 0%,transparent 25%);z-index:-1}.hero-content{padding-top:88px;position:relative}.hero h1{font-size:clamp(52px,5.25vw,77px);line-height:1.13;margin:26px 0 24px;letter-spacing:.005em;text-shadow:4px 4px 0 #161616}.hero h1 span{color:#a6a6a6;text-shadow:4px 4px 0 #2f2f2f}.hero-copy{font-size:13px;line-height:2;color:#b8b8b8;margin-bottom:30px}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:11px;display:inline-flex;gap:12px;align-items:center;color:#cbcbcb}.text-link svg{width:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(5px)}.system-note{font-size:9px;margin:15px 0 0;color:#929292}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:76px;padding-bottom:30px;color:#868686;font-size:9px}.scroll-hint{display:flex;align-items:center;gap:15px;letter-spacing:.1em}.scroll-arrow{border:1px solid #484848;display:grid;place-items:center;width:27px;height:32px;color:#b7b7b7;font-size:17px}.hero-caption{color:#a2a2a2}.portal-label{position:absolute;right:30px;top:60px;font-size:8px;color:#b4b4b4;letter-spacing:.07em;display:flex;align-items:center;gap:12px}.portal-label i{display:block;width:5px;height:5px;background:#bdbdbd}.hero-item{position:absolute;pointer-events:none}.hero-item img{image-rendering:pixelated}.item-one{left:64%;top:160px;animation:bob 5s ease-in-out infinite}.item-one img{width:92px;filter:drop-shadow(0 6px 14px #181818);transform:rotate(-12deg)}.item-one span{display:block;font:9px var(--body);color:#c2c2c2;transform:translate(-10px,4px)}.item-two{right:8px;top:330px;animation:bob 5s ease-in-out -2s infinite}.item-two img{width:60px;transform:rotate(12deg);filter:drop-shadow(0 5px 15px #191919)}.hero-stars{position:absolute;inset:0;pointer-events:none}.hero-stars i{position:absolute;width:4px;height:4px;background:#c5c5c5;box-shadow:0 0 10px #858585;animation:twinkle 4s steps(3,end) infinite}.hero-stars i:nth-child(1){left:52%;top:19%}.hero-stars i:nth-child(2){left:86%;top:39%;animation-delay:2s;width:3px;height:3px}.hero-stars i:nth-child(3){left:60%;top:62%;animation-delay:1s}.hero-stars i:nth-child(4){left:35%;top:10%;width:2px;height:2px;animation-delay:3s}.hero-stars i:nth-child(5){left:74%;top:17%;width:2px;height:2px;animation-delay:1.5s}@keyframes bob{50%{transform:translateY(-13px)}}@keyframes twinkle{50%{opacity:.2}}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.feature-strip>a{padding:30px 24px;display:flex;align-items:center;gap:20px;position:relative;transition:background .2s}.feature-strip>a:first-child{padding-left:0}.feature-strip>a:hover{background:#18181855}.feature-strip>a+ a{border-left:1px solid var(--line)}.feature-strip>a>svg{color:var(--purple);width:28px;height:28px}.feature-strip>a>span{font-family:var(--pixel);font-size:23px;line-height:1.3}.feature-strip small{font:9px/1.5 var(--body);color:var(--muted);display:block;margin-top:9px}.feature-strip b{margin-left:auto;color:#4a4a4a;font-size:10px;font-weight:400}.section{padding-top:108px;padding-bottom:108px}.collection{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.collection-copy>p{max-width:390px;line-height:2}.collection-note{display:flex;gap:14px;border-left:2px solid #545454;padding:8px 0 8px 18px;font-size:10px;line-height:1.9;color:#9f9f9f;margin-top:30px}.collection-note svg{width:21px;color:var(--purple)}.pixel-panel{background:var(--surface);border:2px solid #414141;box-shadow:0 0 0 3px #080808,inset 0 0 0 2px #1d1d1d;position:relative}.pixel-panel:before,.pixel-panel:after{content:'';position:absolute;width:8px;height:8px;background:var(--bg);z-index:2}.pixel-panel:before{left:-2px;top:-2px;border-bottom:2px solid #414141;border-right:2px solid #414141}.pixel-panel:after{right:-2px;bottom:-2px;border-top:2px solid #414141;border-left:2px solid #414141}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #2f2f2f;font-size:8px;color:#929292;letter-spacing:.1em;gap:10px}.panel-heading>span:first-child{display:flex;align-items:center;gap:10px}.panel-heading .pixel-dot{width:4px;height:4px}.panel-dots{letter-spacing:.3em;color:#505050}.item-tabs{display:flex;gap:3px;border-bottom:1px solid #2f2f2f;padding:14px 17px 0}.item-tabs button{font:20px var(--pixel);background:#1b1b1b;color:#8e8e8e;padding:10px 21px;border-top:2px solid transparent;border-inline:1px solid #2c2c2c}.item-tabs button[aria-selected=true]{background:#2c2c2c;color:#e4e4e4;border-top-color:#9d9d9d}.item-tabs button:hover{color:white}.item-stage{height:205px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#3f3f3f38,transparent 65%);overflow:hidden}.item-stage:before{content:'';position:absolute;width:160px;height:160px;background-image:linear-gradient(#90909008 1px,transparent 1px),linear-gradient(90deg,#90909008 1px,transparent 1px);background-size:20px 20px;transform:rotate(-10deg)}.item-stage>img{width:140px;height:140px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;filter:drop-shadow(0 12px 14px #050505c0);animation:bob 4s ease-in-out infinite}.item-stage>img[data-kind=wings]{width:185px;height:150px}.stage-cross{position:absolute;color:#616161;font-size:20px;line-height:1}.top-left{left:24px;top:18px}.bottom-right{right:24px;bottom:18px}.item-ground{position:absolute;width:130px;height:20px;background:#67676722;filter:blur(10px);bottom:27px}.item-rarity{position:absolute;bottom:10px;color:#7f7f7f;font-size:7px;letter-spacing:.14em}.item-description{text-align:center;margin:10px 0 21px}.item-description strong{display:block;font-family:var(--pixel);font-weight:400;font-size:25px;line-height:1.3}.item-description span{display:block;font-size:8px;color:#929292;margin-top:7px}.item-slots{display:flex;justify-content:center;gap:9px;padding:0 20px 21px;min-height:80px}.item-slot{width:57px;height:57px;background:#0c0c0c;border:2px solid #2a2a2a;box-shadow:inset 2px 2px #040404;display:grid;place-items:center;position:relative}.item-slot[aria-pressed=true]{border-color:#999999;background:#1e1e1e;box-shadow:inset 0 0 0 2px #3e3e3e}.item-slot[aria-pressed=true]:after{content:'';position:absolute;bottom:-7px;width:5px;height:3px;background:#adadad}.item-slot:hover{border-color:#727272}.item-slot img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.inventory-foot{border-top:1px solid #2b2b2b;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-size:7px;color:#7e7e7e;letter-spacing:.07em}.inventory-foot svg{width:15px;height:15px}
.interface-section{padding:80px 0 90px;background:#0f0f0f;border-block:1px solid #222222}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:11px;line-height:2;max-width:410px;margin-bottom:5px}.hud-demo{background:#0e0e0e}.hud-tools{display:flex;align-items:center;gap:24px;padding:15px 23px;border-bottom:1px solid var(--line);font-size:10px}.hud-tools label{display:flex;align-items:center;gap:9px;cursor:pointer;position:relative}.hud-tools input{position:absolute;opacity:0;width:22px;height:22px;left:-2px;margin:0}.hud-tools label span{width:14px;height:14px;border:1px solid #5b5b5b;background:#070707;display:inline-block;pointer-events:none}.hud-tools input:checked+span{background:#838383;box-shadow:inset 0 0 0 3px #272727}.hud-tools input:focus-visible+span{outline:2px solid white;outline-offset:4px}.hud-tools button{margin-left:auto;padding:4px 0;background:none;color:#a7a7a7;font-size:9px}.hud-tools button:hover{color:white}.hud-tools button span{color:#b1b1b1;font-size:18px;margin-left:8px}.hud-world{height:350px;position:relative;overflow:hidden;background:url('assets/world.png') center 58%/cover;touch-action:pan-y}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#18181845,#0e0e0e59),linear-gradient(0deg,#0a0a0a86,transparent 60%);pointer-events:none}.world-crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;font-size:28px;text-shadow:2px 2px #222222}.hud-widget{position:absolute;background:#0d0d0de6;border:2px solid #8c8c8c80;box-shadow:3px 3px #05050588;padding:14px 20px;cursor:grab;user-select:none;touch-action:none}.hud-widget.dragging{cursor:grabbing;border-color:#c3c3c3;z-index:5}.hud-widget small{display:block;font-size:7px;color:#ababab;letter-spacing:.1em}.hud-widget strong{font:20px/1.5 var(--pixel);font-weight:400;display:block;white-space:nowrap}.hud-widget strong>span{color:#a8a8a8}#widget-fps{left:35px;top:30px;min-width:135px}#widget-fps strong{font-size:27px}#widget-coords{right:32px;bottom:50px;padding:10px 16px}.key-widget{left:36px;bottom:28px;display:flex;align-items:center;flex-direction:column;padding:8px;gap:4px;background:#0d0d0da8}.key-widget b{font:14px/1 var(--body);width:31px;height:31px;display:inline-grid;place-items:center;background:#181818;border:1px solid #646464;margin:0 1px}.key-widget .key-active{background:#646464;border-color:#b2b2b2;color:white}.demo-caption{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#c2c2c2;letter-spacing:.1em;font-size:7px;white-space:nowrap;pointer-events:none}
.more{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.more-list article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.more-list article:first-child{padding-top:0}.more-list article>svg{color:var(--purple);margin-top:6px;width:25px;height:25px}.more-list article p{font-size:11px;line-height:1.95;margin-bottom:0;max-width:490px}.more-list article>span{font-size:9px;color:#535353;margin-left:auto}.more-list h3{font-size:25px}.start-section{padding:48px 44px 35px;background:linear-gradient(115deg,#1e1e1e,#141414);border:2px solid #4e4e4e;box-shadow:inset 0 0 0 3px #0f0f0f;position:relative;margin-top:10px}.start-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.start-heading h2{font-size:42px;margin-bottom:0}.start-heading .pixel-button{font-size:20px;min-height:53px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:45px;border-top:1px solid #3d3d3d;padding-top:28px}.steps article>span{font:24px/1 var(--pixel);color:#9f9f9f;display:block;margin-bottom:13px}.steps h3{font-size:23px}.steps p{font-size:10px;line-height:1.9;margin-bottom:0;color:#a7a7a7}.pet{position:absolute;right:38px;top:-80px;width:115px;height:83px;background:none;padding:0;z-index:3;overflow:visible;image-rendering:pixelated}.pet>img{width:115px;height:94px;object-fit:contain;position:absolute;bottom:-3px;left:0;image-rendering:pixelated;transition:filter .15s}.pet:hover>img{filter:drop-shadow(2px 0 white) drop-shadow(-2px 0 white) drop-shadow(0 -2px white)}.pet-tip{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:7px;white-space:nowrap;color:#b3b3b3;opacity:0;transition:opacity .2s}.pet:hover .pet-tip{opacity:1}#hearts{position:absolute;inset:0;pointer-events:none}.heart{position:absolute;width:13px;height:12px;background:#adadad;clip-path:polygon(0 16%,16% 16%,16% 0,40% 0,50% 16%,60% 0,84% 0,84% 16%,100% 16%,100% 50%,50% 100%,0 50%);left:var(--x);bottom:50px;animation:heart-up 1.4s steps(18) forwards}.heart:nth-child(even){background:#e9e9e9}@keyframes heart-up{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-78px)}}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq>div>p{font-size:11px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font-family:var(--pixel);font-size:22px;line-height:1.4}summary::-webkit-details-marker{display:none}summary>span{font-family:var(--body);color:#a5a5a5;font-size:20px}details[open] summary>span{transform:rotate(45deg)}details p{font-size:11px;line-height:2;padding-right:26px;margin-bottom:23px}summary:hover{color:#c4c4c4}.footer{border-top:1px solid var(--line);background:#080808}.footer-top{display:flex;align-items:center;gap:30px;padding-top:35px;padding-bottom:34px}.footer-top .brand{font-size:23px}.footer-top p{margin:0 auto 0 18px;font-size:10px;color:#828282}.footer-top>a:last-child{font-size:10px;color:#a8a8a8}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1d1d1d;padding-block:20px;font-size:8px;color:#636363}.footer-heart{color:#7b7b7b}dialog{border:0;background:transparent;color:var(--text);padding:8px;width:min(540px,calc(100% - 24px));max-height:calc(100vh - 30px)}dialog::backdrop{background:#060606ce;backdrop-filter:blur(5px)}.download-box{text-align:center;padding:43px 30px 25px}.download-box .eyebrow{justify-content:center;font-size:8px}.download-cloud{width:65px;height:65px;color:#959595;stroke:none;margin:10px 0 18px;filter:drop-shadow(0 4px 0 #323232)}.download-box h2{font-size:41px}.download-box>p{font-size:11px;line-height:1.9;margin:20px auto;max-width:380px}.download-box>.pixel-button{width:100%;font-size:21px;padding-inline:10px}.download-box>small{font-size:9px;color:#a3a3a3;display:block;margin-top:18px}.download-box>.dialog-note{font-size:9px;color:#717171;margin-bottom:0}.dialog-close{position:absolute;right:13px;top:11px;background:#262626;width:29px;height:29px;font-size:22px;line-height:1}.dialog-close:hover{background:#505050}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);border:2px solid #6a6a6a;box-shadow:4px 4px #060606;background:#1c1c1c;padding:13px 22px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:11px;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}
[hidden]{display:none!important}
@media(min-width:1600px){.hero-art{background-size:cover;background-position:center 48%}.hero{min-height:710px}.hero-content{padding-top:105px}.hero-bottom{margin-top:97px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:23px}.header nav{gap:20px;font-size:10px}.brand{font-size:22px;gap:8px}.brand-cloud{width:35px}.header-download{font-size:16px!important}.hero{min-height:620px}.hero-content{padding-top:75px}.hero h1{font-size:61px}.hero-copy{font-size:11px}.hero-actions{gap:20px}.hero-actions .pixel-button{font-size:21px;padding-inline:17px}.text-link{font-size:10px}.item-one{left:73%;top:184px}.item-one img{width:75px}.portal-label{font-size:7px;right:0}.item-two{right:20px;top:360px}.feature-strip>a{gap:12px;padding-inline:16px}.feature-strip>a>span{font-size:21px}.feature-strip small{font-size:8px}.feature-strip b{display:none}.collection,.more,.faq{gap:55px}.collection h2{font-size:35px}.collection-copy>p{font-size:11px}.item-tabs button{padding-inline:17px}.section{padding-block:80px}.start-heading h2{font-size:36px}.start-heading .pixel-button{font-size:18px}.start-section{padding-inline:32px}.footer-bottom{font-size:7px}}
@media(max-width:820px){.header{height:76px}.header-inner{gap:17px}.header .brand{font-size:23px}.header nav{display:none;position:absolute;left:0;right:0;top:75px;background:#111111;border-bottom:2px solid #4d4d4d;padding:20px 24px;flex-direction:column;gap:4px;font-size:12px}.header nav.open{display:flex}.menu-toggle{background:none;display:flex;width:28px;gap:5px;flex-direction:column;padding:3px;margin-left:auto}.menu-toggle span{height:2px;width:22px;background:#b6b6b6}.header-download{padding-inline:11px!important;min-height:37px!important;font-size:17px!important}.header-download svg{display:none}.brand-sub{font-size:7px}.hero{min-height:670px}.hero-art{background-position:63% 50%;opacity:.75}.hero:before{background:linear-gradient(90deg,#0d0d0de6,#0d0d0d70 75%),linear-gradient(0deg,#0d0d0d,transparent 40%)}.hero-content{padding-top:70px}.hero h1{font-size:65px}.hero-copy{font-size:12px}.hero-bottom{margin-top:95px}.hero-caption{display:none}.hero-item{display:none}.portal-label{display:none}.feature-strip{grid-template-columns:1fr}.feature-strip>a{padding:20px 14px!important}.feature-strip>a+ a{border-left:0;border-top:1px solid var(--line)}.feature-strip>a>svg{width:23px;height:23px;margin-right:8px}.feature-strip>a>span{font-size:23px}.feature-strip small{display:inline-block;margin:0 0 0 20px;font-size:9px}.feature-strip b{display:block;font-size:9px}.collection{gap:40px;grid-template-columns:1fr}.collection-copy{max-width:600px}.collection h2{font-size:42px}.collection h2 br:last-child{display:none}.collection-copy>p{font-size:12px;max-width:520px}.collection-note{font-size:10px}.inventory{width:100%;max-width:550px;justify-self:center}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.section-heading h2{font-size:40px}.section-heading p{margin-top:20px;max-width:100%;font-size:11px}.more,.faq{grid-template-columns:1fr;gap:35px}.more h2,.faq h2{margin-bottom:0}.more-list article>span{margin-left:12px}.start-heading{flex-direction:column;align-items:flex-start;gap:25px}.start-heading h2{font-size:38px}.start-section{margin-top:45px;padding:30px 28px}.steps{gap:25px;margin-top:30px}.steps h3{font-size:20px}.steps p{font-size:9px}.pet{right:20px}.footer-top{flex-wrap:wrap}.footer-top p{order:3;flex-basis:100%;margin:0;font-size:9px}.footer-top>a:last-child{margin-left:auto}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.hud-world{height:350px}.hud-tools{gap:16px;font-size:9px;padding-inline:16px}.hud-widget{padding:10px 14px}#widget-fps{left:20px;top:25px}#widget-coords{right:18px;bottom:40px}.demo-caption{font-size:6px}.eyebrow{font-size:9px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.header-inner{gap:12px}.header .brand{font-size:21px;gap:8px}.header .brand-cloud{width:30px;height:30px}.brand-sub{letter-spacing:.18em;font-size:6px;margin-top:7px}.header-download{font-size:16px!important;min-height:34px!important;padding:7px 10px!important}.hero{min-height:650px}.hero-content{padding-top:58px}.hero h1{font-size:clamp(39px,10.5vw,51px);margin-block:22px}.hero .eyebrow{font-size:7px;letter-spacing:.07em;gap:8px}.hero-copy{font-size:10px;line-height:2.1}.hero-copy br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-actions .pixel-button{font-size:21px;min-height:57px;gap:12px;padding-inline:18px}.hero-actions .text-link{font-size:10px}.system-note{font-size:7px;margin-top:19px}.hero-bottom{margin-top:62px;font-size:8px}.hero-art{background-position:60% 50%}.feature-strip small{display:block;margin:6px 0 0;font-size:8px}.feature-strip>a>span{font-size:22px}.feature-strip>a{padding-block:18px!important}.section{padding-block:64px}.collection h2{font-size:34px}.collection-copy>p{font-size:11px}.collection-note{font-size:8px;padding-left:13px;gap:10px}.panel-heading{font-size:6px;padding-inline:14px}.panel-heading .panel-dots{font-size:10px}.item-tabs{padding-inline:12px}.item-tabs button{font-size:20px;padding-inline:18px}.item-stage{height:195px}.item-slots{gap:7px;padding-inline:10px}.item-slot{width:48px;height:48px}.item-slot img{width:35px;height:35px}.item-description strong{font-size:24px}.inventory-foot{font-size:6px;padding-inline:14px}.interface-section{padding-block:55px}.section-heading h2{font-size:36px}.section-heading p{font-size:10px}.section-heading p br{display:none}.hud-tools{flex-wrap:wrap;gap:13px;padding:12px;font-size:8px}.hud-tools label{gap:6px}.hud-tools button{font-size:7px}.hud-tools button span{margin-left:3px;font-size:15px}.hud-world{height:360px;background-position:35% center}.hud-widget strong{font-size:16px}.hud-widget small{font-size:6px}#widget-fps{min-width:115px;top:20px;left:14px}#widget-fps strong{font-size:24px}#widget-coords{right:12px;bottom:65px;font-size:14px;padding:10px}.key-widget{left:14px;bottom:18px}.key-widget b{height:26px;width:26px;font-size:11px}.demo-caption{display:none}.more h2,.faq h2{font-size:35px}.more-list article{gap:15px}.more-list article>svg{width:22px;height:22px}.more-list h3{font-size:24px}.more-list article p{font-size:10px}.more-list article>span{display:none}.start-section{padding:30px 21px}.start-section>.eyebrow{font-size:7px}.start-heading h2{font-size:34px}.start-heading .pixel-button{font-size:19px;width:100%;padding-inline:8px;gap:13px}.steps{grid-template-columns:1fr;gap:22px;padding-top:24px}.steps article{padding-left:40px;position:relative}.steps article>span{position:absolute;left:0;top:6px;font-size:22px}.steps h3{font-size:24px;margin-bottom:6px}.steps p{font-size:10px}.pet{width:98px;height:75px;top:-73px;right:18px}.pet>img{width:98px;height:85px}.faq{gap:25px}.faq>div>p{margin-top:15px;font-size:10px}summary{font-size:22px;padding-block:18px}details p{font-size:10px;padding-right:5px}.footer-top{padding-top:28px;gap:23px}.footer-top .brand{font-size:22px}.footer-top .brand-cloud{width:33px;height:33px}.footer-top>a:last-child{font-size:8px}.footer-bottom{font-size:7px;gap:16px}.download-box{padding:40px 18px 23px}.download-box .eyebrow{font-size:6px;letter-spacing:.04em}.download-box h2{font-size:35px}.download-box>.pixel-button{font-size:18px;gap:8px}.download-box>.pixel-button svg{width:18px;height:18px}.download-box>p{font-size:10px}.toast{font-size:9px;max-width:calc(100% - 20px);padding:12px;white-space:normal;text-align:center}}
.site-intro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000;color:#ffffff;opacity:1;transition:opacity .8s ease;isolation:isolate}
.intro-pending .site-intro[hidden]{display:flex!important}
.intro-leaving .site-intro{opacity:0;pointer-events:none}
.intro-wordmark{font-family:var(--pixel);font-size:clamp(33px,6.8vw,86px);line-height:1.2;letter-spacing:.025em;white-space:nowrap;display:grid;align-items:center;min-height:1.3em}
.intro-measure,.intro-line{grid-area:1/1}.intro-measure{visibility:hidden;padding-right:.25em}.intro-line{display:flex;align-items:center}
.intro-cursor{display:inline-block;width:.1em;height:.85em;margin-left:.11em;background:#ffffff;animation:intro-blink .72s steps(1,end) infinite}
.intro-skip{position:absolute;bottom:35px;right:40px;padding:10px 0;background:none;color:#656565;font-size:9px;letter-spacing:.04em;transition:color .2s}
.intro-skip span{margin-left:10px;color:#a0a0a0}.intro-skip:hover{color:#dfdfdf}
@keyframes intro-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.scroll-motion .scroll-reveal{opacity:0;translate:0 28px;transition:opacity 1.25s ease,translate 1.25s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-motion .scroll-reveal.is-visible{opacity:1;translate:0 0}
@media(max-width:480px){.intro-wordmark{font-size:clamp(29px,8.3vw,40px)}.intro-skip{right:22px;bottom:22px;font-size:8px}.scroll-motion .scroll-reveal{translate:0 20px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-forced){scroll-behavior:auto}html:not(.motion-forced) *,html:not(.motion-forced) *:before,html:not(.motion-forced) *:after{animation:none!important;transition:none!important}html:not(.motion-forced) .site-intro,html:not(.motion-forced).intro-pending .site-intro[hidden]{display:none!important}html:not(.motion-forced).scroll-motion .scroll-reveal{opacity:1;translate:none}}

/* Quiet, centered opening screen. */
.header{background:#0b0b0be8;border-bottom-color:#ffffff12}
.hero-simple{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center;background:#090909;text-align:center;border-bottom-color:#ffffff22}
.hero-simple .hero-art{inset:-12px;background-image:url('assets/world.png');background-position:center;filter:grayscale(.85) brightness(.4) blur(3px);opacity:.8}
.hero-simple:before{background:radial-gradient(ellipse at 50% 45%,#09090924 0%,#09090999 68%,#090909f5 100%)}
.hero-simple .hero-content{padding:90px 24px 100px;max-width:1000px;width:100%}
.hero-simple .eyebrow{color:#c5c5c5;font-size:10px;letter-spacing:.16em}
.hero-simple h1{font-size:clamp(46px,6.3vw,88px);line-height:1.18;letter-spacing:-.035em;margin:28px 0 30px;color:#fafafa;text-shadow:none}
.hero-simple h1 span{color:#d7d7d7;text-shadow:none}
.hero-simple .hero-copy{font-size:clamp(12px,1.2vw,16px);line-height:1.9;color:#bababa;margin:0 auto 32px;max-width:650px}
.hero-simple .hero-actions{justify-content:center}
.hero-download{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:58px;padding:16px 30px;border:1px solid #ffffff99;border-radius:999px;background:#f3f3f3;color:#101010;font-family:var(--body);font-size:15px;box-shadow:0 8px 40px #00000055;transition:transform .2s,background .2s,box-shadow .2s}
.hero-download svg{width:19px;height:19px}
.hero-download:hover{transform:translateY(-3px);background:#ffffff;box-shadow:0 8px 40px #ffffff20}
.hero-download:active{transform:translateY(0) scale(.98)}
.hero-simple .system-note{color:#8d8d8d;font-size:9px;margin-top:20px}
.hero-simple .hero-bottom{position:absolute;bottom:25px;left:0;right:0;margin:0;padding:0;justify-content:center}
.hero-simple .scroll-hint{font-size:23px;color:#c1c1c1;padding:10px 20px}
@media(max-width:820px){.hero-simple{min-height:calc(100svh - 72px)}.hero-simple .hero-content{padding:80px 22px 100px}}
@media(max-width:480px){.hero-simple h1{font-size:39px;letter-spacing:-.05em}.hero-simple .eyebrow{font-size:8px}.hero-simple .hero-copy{font-size:11px}.hero-download{min-height:54px;font-size:13px}}

/* Neutral Cloude identity across every section and interaction state. */
:root{--bg:#090909;--surface:#111;--surface-2:#191919;--line:#2b2b2b;--text:#f5f5f5;--muted:#a6a6a6;--purple:#dedede;--deep:#393939}
.brand{font-size:20px;gap:10px;letter-spacing:.08em}
.brand-cloud{width:29px;height:29px;color:#f3f3f3;filter:none}
.header{height:76px;background:#090909f5}.header nav{color:#aaa}
.hero-simple{min-height:calc(100svh - 76px)}
.hero-simple .hero-art{filter:grayscale(1) brightness(.4) blur(3px)}
.hero-simple h1 span{color:#d6d6d6}
.pixel-button.primary{background:linear-gradient(#dedede,#b9b9b9);color:#101010;box-shadow:inset 0 3px 0 #fff,inset 3px 0 0 #e4e4e4,inset -3px -6px 0 #707070,0 4px 0 #000}
.pixel-button.primary:hover{box-shadow:inset 0 3px 0 #fff,inset 3px 0 0 #eee,inset -3px -4px 0 #707070,0 2px 0 #000}
@media(max-width:820px){.header{height:68px}.brand{font-size:18px}.brand-cloud{width:26px;height:26px}.hero-simple{min-height:calc(100svh - 68px)}}

@font-face{font-family:CloudeUI;src:url('assets/Inter-Regular.ttf') format('truetype');font-display:swap}
/* Ported from renderer.cpp: compact FPS, one-row coordinates, six 37px keys
   on a 42px grid; shared rounded ModuleStyle material and native Inter font. */
.native-hud-demo{border:1px solid #ffffff26;border-radius:16px;overflow:hidden;box-shadow:0 20px 70px #0004;background:#0c0c0e;font:14px/1.5 CloudeUI,Arial,sans-serif}
.native-hud-demo .panel-heading{font:14px/1.5 CloudeUI,Arial,sans-serif;padding:18px 22px;border-bottom:1px solid #ffffff12;color:#ddd}
.native-hud-demo .panel-heading>span:last-child{font-size:12px;color:#8e8e96}
.native-hud-demo .pixel-dot{border-radius:50%;box-shadow:none;background:#dedee6;width:5px;height:5px}
.native-hud-demo .hud-tools{font:13px CloudeUI,Arial,sans-serif;padding:16px 22px;gap:24px;background:#141416;border-color:#ffffff12}
.native-hud-demo .hud-tools label{gap:10px;flex-direction:row-reverse}
.native-hud-demo .hud-tools label span{width:36px;height:20px;border:1px solid #ffffff18;border-radius:12px;background:#28282b;box-shadow:none;position:relative;transition:background .2s}
.native-hud-demo .hud-tools label span:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#ddd;transition:transform .2s,background .2s}
.native-hud-demo .hud-tools input:checked+span{background:#ededf0;box-shadow:none}
.native-hud-demo .hud-tools input:checked+span:after{background:#09090a;transform:translateX(16px)}
.native-hud-demo .hud-tools input{width:100%;height:100%;inset:0;cursor:pointer}
.native-hud-demo .hud-tools button{font:13px CloudeUI,Arial,sans-serif;background:#242427;border:1px solid #ffffff12;border-radius:8px;padding:7px 11px;color:#dedee4}
.native-hud-demo .hud-world{height:490px}
.native-hud-demo .hud-widget{font:18px/1.35 CloudeUI,Arial,sans-serif;border:0;border-radius:13px;background:rgba(12,12,15,.64);box-shadow:none;padding:7px 12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);outline:none}
.native-hud-demo .hud-widget:focus-visible{outline:1px solid #fff9;outline-offset:4px}
.native-hud-demo .hud-widget.dragging{box-shadow:0 12px 30px #0004;z-index:5}
.native-hud-demo .hud-widget strong{font:18px/24px CloudeUI,Arial,sans-serif;letter-spacing:0}
.native-hud-demo #widget-fps{left:34px;top:25px;min-width:0;padding:2px;background:none;backdrop-filter:none;text-shadow:1px 1px #0008}
.native-hud-demo #widget-fps strong{font-size:16px}.native-hud-demo #widget-fps strong>span{color:#dedee8}
.native-hud-demo #widget-coords{right:28px;bottom:26px;padding:7px 12px}
.native-hud-demo .key-widget{left:25px;bottom:25px;width:121px;padding:0;background:none;backdrop-filter:none;gap:5px;border:0;display:flex}
.native-hud-demo .key-widget>div{display:flex;gap:5px;width:121px}
.native-hud-demo .key-widget b{font:17px/1 CloudeUI,Arial,sans-serif;display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;margin:0;border:0;border-radius:13px;background:rgba(12,12,15,.64);backdrop-filter:blur(12px);color:#eee}
.native-hud-demo .key-widget .key-active{background:rgba(235,235,242,.8);color:#111}
.native-hud-demo .demo-caption{font:11px CloudeUI,Arial,sans-serif;letter-spacing:0;color:#bcbcc3;bottom:12px}
.native-hud-demo .world-crosshair{font:24px Arial,sans-serif;text-shadow:1px 1px #0008}
@media(max-width:600px){.native-hud-demo .hud-world{height:420px}.native-hud-demo .panel-heading{padding:14px}.native-hud-demo .panel-heading>span:last-child{display:none}.native-hud-demo .hud-tools{gap:14px;padding:12px;flex-wrap:wrap;font-size:12px}.native-hud-demo .hud-tools button{font-size:12px}.native-hud-demo .hud-widget strong{font-size:15px}.native-hud-demo #widget-coords{right:14px;bottom:175px}.native-hud-demo .demo-caption{display:none}}

/* A continuous wordmark handoff: only the backdrop dissolves. */
.site-intro{transition:background-color 1.8s ease;opacity:1}
.intro-leaving .site-intro{opacity:1;background-color:transparent;pointer-events:none}
.intro-wordmark{transform-origin:0 0;will-change:transform;letter-spacing:-.035em;line-height:1.18}
.intro-running #hero-title{visibility:hidden}
.intro-leaving .intro-cursor{visibility:hidden}
.intro-leaving .intro-skip{opacity:0;transition:opacity .3s}

/* Hide only the page scrollbar; wheel, touch and keyboard scrolling stay native. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}

.hero-simple .eyebrow{justify-content:center;text-align:center}
.hero-simple .hero-download{border-radius:0;border:3px solid #080808;background:linear-gradient(#eee,#c4c4c4);color:#111;font-family:var(--pixel);font-size:23px;min-height:58px;padding:12px 28px;box-shadow:inset 0 3px 0 #fff,inset 3px 0 0 #e4e4e4,inset -3px -6px 0 #777,0 4px 0 #000;transition:transform .12s,filter .12s}
.hero-simple .hero-download:hover{transform:translateY(2px);filter:brightness(1.08);box-shadow:inset 0 3px 0 #fff,inset 3px 0 0 #eee,inset -3px -4px 0 #777,0 2px 0 #000}
.hero-simple .hero-download:active{transform:translateY(4px)}
.cursor-glow{position:fixed;left:0;top:0;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:90;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.09) 0%,rgba(255,255,255,.05) 22%,rgba(255,255,255,.018) 48%,transparent 72%);transform:translate3d(-500px,-500px,0);transition:opacity .3s;will-change:transform;contain:strict}
.cursor-glow.active{opacity:1}
@media(hover:none),(pointer:coarse){.cursor-glow{display:none}}
@media(max-width:480px){.hero-simple .hero-download{font-size:21px;min-height:56px}}

.minecraft-sword-icon{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;margin-right:24px;flex-shrink:0}
.legal-footer{padding-top:22px;padding-bottom:28px;border-top:1px solid #242424}
.legal-footer nav{display:flex;gap:24px;flex-wrap:wrap;font:12px/1.6 CloudeUI,Arial,sans-serif;margin-bottom:18px}
.legal-footer a:hover{color:#fff;text-decoration:underline}
.legal-footer p{font:11px/1.7 CloudeUI,Arial,sans-serif;color:#888;max-width:950px;margin-bottom:8px}
.legal-document{max-width:920px;padding-top:65px;padding-bottom:70px;font:16px/1.8 CloudeUI,Arial,sans-serif}
.legal-document h1{font-size:clamp(27px,5vw,46px);line-height:1.3;overflow-wrap:anywhere}
.legal-document h2{font:23px/1.4 CloudeUI,Arial,sans-serif;color:#eee;margin-top:36px;margin-bottom:12px}
.legal-document p{color:#b7b7b7}.legal-document a{text-decoration:underline;color:#ddd}
.legal-document .legal-date{font-size:13px;color:#888}.legal-notice{border-left:2px solid #777;padding:15px 20px;background:#171717;border-radius:0 8px 8px 0}
.legal-table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:13px;text-align:left;border:1px solid #333}th{background:#191919}code{font-size:.9em;color:#ddd}
.legal-page .header-inner{justify-content:space-between}.legal-document .pixel-button{font-size:18px}
@media(max-width:820px){.minecraft-sword-icon{width:25px;height:25px;margin-right:8px}}
@media(max-width:480px){.legal-footer nav{gap:14px;font-size:11px}.legal-document{font-size:15px;padding-top:40px}.legal-document h2{font-size:21px}}