@font-face{font-family:'Zobot Rush Pixel';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/fonts/pixelify-sans-bold.ttf') format('truetype')}
/* All Home presentation stays inside the website shell. */
.site-shell{--home-header:60px;--home-bottom:188px;max-width:1680px;padding:0 28px;background:#080a0c}
.site-shell .site-header{height:var(--home-header);min-height:var(--home-header);position:relative;z-index:8;gap:20px;border-bottom:1px solid #d42c32;background:#080a0c}
.site-shell .site-header:before,.site-shell .site-header:after{content:'';position:absolute;bottom:-4px;width:7px;height:7px;background:#ff333c;box-shadow:none}
.site-shell .site-header:before{right:0}.site-shell .site-header:after{left:0}
.site-shell .site-brand .brand-logo{width:175px;height:49px}
.site-shell .site-edition{font:10px 'Share Tech Mono',monospace;letter-spacing:2px;color:#aca5b9;border-left:1px solid #a93235;padding-left:20px}
.site-shell .site-header .wallet-account{margin-left:auto;min-width:0;background:none;border:0;color:#c1b9d2;font:13px 'Share Tech Mono',monospace;padding:8px 5px}
.site-shell .site-header .wallet-account.connected:before{border-radius:0;width:6px;height:6px;background:#71ed83;margin-right:12px;box-shadow:0 0 8px #71ed8333}
.site-shell .site-header .site-enter-game{height:34px;min-height:34px;font-size:13px}
.site-shell[data-lobby-view=home] .site-enter-game{display:none}
.site-shell .site-nav{position:absolute;left:0;top:calc(100% + clamp(188px,26dvh,290px));margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:178px;gap:0;border-left:1px solid #e52d34;padding:8px 0;z-index:6;background:linear-gradient(90deg,#07090bf2,#080a0ce8 80%,#080a0c40);box-shadow:-18px 0 #080a0cd9}
.site-shell .site-nav a{position:relative;display:flex;align-items:center;gap:17px;min-height:62px;padding:14px 19px;color:#c5bbd5;font:16px 'Share Tech Mono',monospace;white-space:nowrap;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:background .15s,color .15s}
.site-shell .site-nav a>span{display:inline-flex;align-items:center;justify-content:center;font-size:inherit;margin:0;color:inherit}
.site-shell .site-nav .pixel-icon{width:25px;height:25px}
.site-shell .site-nav a:hover{color:#fff1ad;background:#7d202438}
.site-shell .site-nav a[aria-current=page]{background:linear-gradient(90deg,#851b2470,#38131930);border-color:#aa28345c;color:#ffe35c}
.site-shell .site-nav a[aria-current=page] .pixel-icon{color:#ff303c;filter:drop-shadow(0 0 5px #ff202533)}
.site-shell .site-nav a[aria-current=page]:after{display:none}
.site-shell .site-nav a[aria-current=page]:before{content:'';position:absolute;left:-19px;top:24px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #ffe35c}
.site-shell .site-home{display:block;flex:1}
.site-shell .hangar-lobby{position:relative;display:block;isolation:isolate;width:calc(100% + 56px);margin:0 -28px;height:clamp(450px,calc(100dvh - var(--home-header) - var(--home-bottom)),900px);padding:0;overflow:hidden;background:#090a0d}
.site-shell .hangar-scene{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:-1}
.site-shell .lobby-heading{padding:25px 185px 0;position:relative;text-align:center;pointer-events:none}
.site-shell .lobby-heading .site-eyebrow{justify-content:center;color:#ff4552;font:700 16px/1.3 'Share Tech Mono',monospace;letter-spacing:4.5px;margin:0 0 15px;text-shadow:0 0 14px #ff263955,0 2px #19080a}
.site-shell .lobby-heading h1{font:700 clamp(48px,4.8vw,77px)/.97 'Zobot Rush Pixel',monospace;color:#fff9ef;letter-spacing:0;margin:0;text-shadow:0 3px #161313,2px 0 #161313;outline:none}
.site-shell .lobby-heading h1 span{color:#ffdf54;text-shadow:0 3px #725017,0 0 24px #e8ae1915}
.site-shell .lobby-heading>p:last-child{color:#c1b8d6;font:17px/1.5 'Share Tech Mono',monospace;margin:16px 0 0}
.site-shell .lobby-facts{position:absolute;right:28px;top:34%;display:grid;gap:21px;width:145px;border-left:1px solid #e0343e;padding:23px 17px 24px 24px;background:linear-gradient(90deg,#080a0ce0,#080a0cf0);pointer-events:none;box-shadow:12px 0 24px #0004}
.site-shell .lobby-facts>span{display:block;border-bottom:1px solid #ab2932;padding-bottom:21px}
.site-shell .lobby-facts>span:last-child{border:0;padding-bottom:0}
.site-shell .lobby-facts b{display:block;color:#ffe05c;font:31px/1 'Share Tech Mono',monospace;margin-bottom:11px}
.site-shell .lobby-facts small{font:10px/1.5 'Share Tech Mono',monospace;color:#c7bdd8;letter-spacing:1px}
.site-shell .lobby-actions{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:min(590px,calc(100% - 390px));display:flex;flex-direction:column;align-items:center;z-index:3}
.site-shell .lobby-buttons{display:flex;align-items:stretch;justify-content:center;gap:22px;width:100%}
.site-shell .lobby-buttons .primary-button,.site-shell .lobby-buttons .lobby-recruit{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:58px;border:0;border-radius:0;font:700 23px/1 'Zobot Rush Pixel',monospace;text-decoration:none;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);transition:filter .15s,transform .15s}
.site-shell .lobby-buttons .primary-button{width:280px;max-width:54%;padding:14px 20px;background:linear-gradient(#ffe963,#ffcf31);color:#191406;gap:30px;box-shadow:inset 0 2px #fff49e,inset 0 -3px #a77b1c}
.site-shell .lobby-buttons .primary-button:before{content:'';position:absolute;inset:4px;border:1px solid #b9902a66;pointer-events:none}
.site-shell .lobby-buttons .lobby-recruit{width:246px;padding:14px 16px;background:#f03943;color:#fff6ee}
.site-shell .lobby-buttons .lobby-recruit:before{content:'';position:absolute;inset:2px;z-index:-1;background:#090b0ef5;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.site-shell .lobby-buttons a:hover,.site-shell .lobby-buttons button:hover{filter:brightness(1.13)}
.site-shell .lobby-buttons a:active{transform:translateY(2px)}
.site-shell .lobby-buttons a:focus-visible,.site-shell .lobby-buttons button:focus-visible{outline:0;filter:brightness(1.2);box-shadow:inset 0 0 0 4px #fff3b0}
.site-shell .lobby-actions .wallet-status{max-width:510px;margin:8px 0 0;font-size:12px;line-height:1.4;text-align:center;color:#c1b0bf;min-height:16px}
.site-shell .lobby-actions .wallet-status.has-error{color:#ffb69e}
.site-shell .lobby-actions .demo-button{padding:3px 10px;margin:4px 0 0;font-size:12px;color:#d1beca;line-height:1.3}
.site-shell .lobby-actions .wallet-install{font-size:12px;margin:4px 0 0}
.site-shell[data-entry-ready=true] .lobby-actions .demo-button,.site-shell[data-entry-ready=true] .lobby-actions .wallet-status:not(.has-error){display:none}
.site-shell .lobby-motion{position:absolute;right:12px;bottom:14px;width:28px;height:28px;border:1px solid #845344;border-radius:0;background:#080a0ce8;color:#e3bc79;font-size:16px}
.site-shell .hangar-loading{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);font:11px 'Share Tech Mono',monospace;color:#e5c37e;text-align:center;max-width:250px;letter-spacing:1px}
.site-shell[data-lobby-view=home] .website-info{position:relative;padding:0;scroll-margin:0;border-top:1px solid #bc3034;border-bottom:1px solid #bc3034;background:#080a0c}
.site-shell[data-lobby-view=home] .website-info:before,.site-shell[data-lobby-view=home] .website-info:after{content:'';position:absolute;left:0;width:6px;height:6px;background:#ffe467;box-shadow:calc(100vw - 62px) 0 #ffe467}
.site-shell[data-lobby-view=home] .website-info:before{top:-3px}.site-shell[data-lobby-view=home] .website-info:after{bottom:-3px}
.site-shell[data-lobby-view=home] .info-heading,.site-shell[data-lobby-view=home] .info-faq{display:none}
.site-shell .how-it-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:25px 40px;min-height:126px}
.site-shell .how-it-works article{gap:17px;align-items:center;justify-content:center;border-right:1px solid #b12b35;padding:0 24px}
.site-shell .how-it-works article:last-child{border:0}
.site-shell .step-art{display:block;width:59px;height:61px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 0 8px #e8a32015)}
.site-shell .how-it-works h3{font:700 26px/1.1 'Zobot Rush Pixel',monospace;color:#f8f1ee;margin:0 0 8px}
.site-shell .how-it-works p{font-size:16px;color:#bfb2cd;line-height:1.4;max-width:270px}
.site-shell .step-number{align-self:flex-start;font:16px 'Share Tech Mono',monospace;color:#ff3340;padding-top:6px}
.site-shell .site-footer{min-height:60px;justify-content:center;text-align:center;border:0;font:9px/1.6 'Share Tech Mono',monospace;letter-spacing:1.7px;color:#b1a7bf;gap:20px;padding:14px 0}
.site-shell .site-footer>span:first-child{display:none}
.site-shell .site-footer>span:last-child:before,.site-shell .site-footer>span:last-child:after{content:'';display:inline-block;vertical-align:middle;width:23px;height:1px;margin:0 20px;background:#ad2932}
.site-shell[data-lobby-view=info] .hangar-lobby{display:none}
.site-shell[data-lobby-view=info] .website-info{margin:36px 35px 30px 178px;padding:25px 0;border-color:#63302d;min-height:calc(100dvh - 180px);scroll-margin-top:25px}
.site-shell[data-lobby-view=info] .how-it-works{padding:20px 0 28px;gap:15px}.site-shell[data-lobby-view=info] .how-it-works article{padding:0 12px}
.site-shell[data-lobby-view=info] .step-art{width:40px;height:46px}.site-shell[data-lobby-view=info] .how-it-works h3{font-size:23px}
.site-shell[data-lobby-view=info] .info-faq{margin-top:20px;gap:30px}
.site-shell .site-recruit{padding-left:178px;padding-right:20px}
@media(min-width:1680px){.site-shell[data-lobby-view=home] .website-info:before,.site-shell[data-lobby-view=home] .website-info:after{box-shadow:1618px 0 #ffe467}}
@media(max-height:780px) and (min-width:721px){
 .site-shell{--home-header:54px;--home-bottom:142px}.site-shell .site-brand .brand-logo{width:155px;height:43px}.site-shell .site-edition{font-size:9px}
 .site-shell .lobby-heading{padding-top:16px}.site-shell .lobby-heading h1{font-size:clamp(43px,4.4vw,59px)}.site-shell .lobby-heading .site-eyebrow{font-size:12px;letter-spacing:3px;margin-bottom:12px}.site-shell .lobby-heading>p:last-child{font-size:13px;margin-top:10px}
 .site-shell .site-nav{top:calc(100% + 22dvh);width:157px}.site-shell .site-nav a{min-height:52px;font-size:14px;padding:12px 16px;gap:12px}.site-shell .site-nav .pixel-icon{width:21px;height:21px}
 .site-shell .lobby-facts{top:32%;width:127px;gap:14px;padding:18px 12px 18px 18px}.site-shell .lobby-facts>span{padding-bottom:14px}.site-shell .lobby-facts b{font-size:24px}.site-shell .lobby-facts small{font-size:8px}
 .site-shell .lobby-buttons .primary-button,.site-shell .lobby-buttons .lobby-recruit{min-height:48px;font-size:19px}.site-shell .lobby-actions{bottom:13px}
 .site-shell .how-it-works{min-height:96px;padding:16px 24px}.site-shell .step-art{width:48px;height:52px}.site-shell .how-it-works h3{font-size:22px}.site-shell .how-it-works p{font-size:13px}.site-shell .step-number{font-size:13px}.site-shell .site-footer{min-height:44px;padding:9px 0;font-size:8px}
}
@media(min-width:721px) and (max-width:1100px){
 .site-shell{padding:0 18px}.site-shell .hangar-lobby{width:calc(100% + 36px);margin:0 -18px}.site-shell .site-nav{left:5px;width:136px}.site-shell .site-nav a{font-size:12px;gap:10px;padding:12px}.site-shell .site-nav .pixel-icon{width:19px;height:19px}.site-shell .lobby-facts{right:14px;width:109px;padding-left:14px}.site-shell .lobby-facts small{font-size:8px;letter-spacing:.3px}.site-shell .lobby-heading{padding-left:140px;padding-right:140px}.site-shell .lobby-heading h1{font-size:clamp(39px,5.1vw,54px)}.site-shell .lobby-heading .site-eyebrow{font-size:11px;letter-spacing:2px}.site-shell .lobby-heading>p:last-child{font-size:13px}.site-shell .lobby-actions{width:calc(100% - 300px)}.site-shell .lobby-buttons{gap:15px}.site-shell .lobby-buttons .primary-button,.site-shell .lobby-buttons .lobby-recruit{font-size:19px}.site-shell .site-recruit{padding-left:140px;padding-right:0}.site-shell .how-it-works{padding-left:5px;padding-right:5px}.site-shell .how-it-works article{gap:10px;padding:0 13px}.site-shell .step-art{width:40px;height:46px}.site-shell .how-it-works h3{font-size:21px}.site-shell .how-it-works p{font-size:13px}.site-shell[data-lobby-view=info] .website-info{margin-left:140px;margin-right:10px}
}
@media(max-width:720px){
 .site-shell{padding:0 12px;--home-header:89px}.site-shell .site-header{flex-wrap:wrap;min-height:89px;height:auto;padding:6px 0 0;gap:0 9px;align-content:flex-start}.site-shell .site-brand .brand-logo{width:137px;height:39px}.site-shell .site-edition{font-size:6px;border:0;letter-spacing:.6px;padding:0;margin-left:0}.site-shell .site-header .wallet-account{font-size:9px;min-width:0;max-width:126px;height:30px;overflow:hidden;text-overflow:ellipsis;padding:5px 0 5px 5px}
 .site-shell .site-nav{position:static;order:4;flex-direction:row;align-items:center;justify-content:center;width:100%;height:39px;top:auto;left:auto;padding:0;margin:2px 0 0;border-left:0;border-top:1px solid #8b2932;gap:8px;background:#080a0c;box-shadow:none}.site-shell .site-nav a{min-height:35px;height:35px;padding:5px 11px;gap:7px;font-size:11px;border:0}.site-shell .site-nav .pixel-icon{width:15px;height:15px}.site-shell .site-nav a[aria-current=page]:before{display:none}.site-shell .site-nav a[aria-current=page]{background:#791a2433}.site-shell .site-header .site-enter-game{order:5;min-height:31px;height:31px;width:100%;margin:7px 0;font-size:11px}.site-shell[data-lobby-view=home] .site-header .site-enter-game{display:none}
 .site-shell .hangar-lobby{width:calc(100% + 24px);margin:0 -12px;height:540px;min-height:0}.site-shell .lobby-heading{padding:23px 12px 0}.site-shell .lobby-heading .site-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:15px}.site-shell .lobby-heading h1{font-size:42px;line-height:1;letter-spacing:-.3px}.site-shell .lobby-heading>p:last-child{font-size:11px;max-width:310px;margin:13px auto 0;line-height:1.5}
 .site-shell .lobby-facts{top:193px;left:50%;right:auto;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:94%;border-left:0;border-top:1px solid #90303966;border-bottom:1px solid #90303966;gap:17px;padding:10px 6px;background:#090b0de8;box-shadow:none}.site-shell .lobby-facts>span{display:flex;align-items:center;gap:5px;border:0;padding:0!important}.site-shell .lobby-facts b{font-size:15px;margin:0}.site-shell .lobby-facts small{font-size:6px;line-height:1.4;letter-spacing:.3px;max-width:53px}
 .site-shell .lobby-actions{bottom:12px;width:calc(100% - 34px)}.site-shell .lobby-buttons{gap:12px}.site-shell .lobby-buttons .primary-button{width:179px;max-width:56%;min-height:44px;font-size:17px;padding:10px 9px;gap:13px}.site-shell .lobby-buttons .lobby-recruit{width:148px;font-size:17px;min-height:44px}.site-shell .lobby-actions .wallet-status{font-size:10px;line-height:1.4;max-width:310px}.site-shell .lobby-actions .demo-button{font-size:11px;margin-top:3px;padding:3px 8px}.site-shell .lobby-motion{width:24px;height:24px;font-size:12px;right:6px;bottom:86px}
 .site-shell .how-it-works{grid-template-columns:1fr;gap:19px;min-height:0;padding:23px 15px}.site-shell .how-it-works article{justify-content:flex-start;border:0;padding:0;gap:17px}.site-shell .step-art{width:47px;height:51px}.site-shell .how-it-works h3{font-size:24px;margin-bottom:5px}.site-shell .how-it-works p{font-size:14px;max-width:none}.site-shell .step-number{font-size:12px}.site-shell .site-footer{min-height:56px;align-items:center;gap:3px;padding:12px 0;font-size:7px;letter-spacing:.5px}.site-shell .site-footer>span{max-width:330px}.site-shell .site-footer>span:last-child:before,.site-shell .site-footer>span:last-child:after{width:10px;margin:0 8px}
 .site-shell[data-lobby-view=home] .website-info:before,.site-shell[data-lobby-view=home] .website-info:after{box-shadow:calc(100vw - 30px) 0 #ffe467}
 .site-shell[data-lobby-view=info] .website-info{margin:25px 8px 24px;padding-top:21px;min-height:0;scroll-margin-top:15px}.site-shell[data-lobby-view=info] .how-it-works{padding:10px 0 25px}.site-shell[data-lobby-view=info] .info-heading h2{font-size:22px}.site-shell .site-recruit{padding:25px 3px 18px}.site-shell .hangar-loading{font-size:8px;top:61%}
}
@media(max-width:360px){.site-shell .site-brand .brand-logo{width:125px}.site-shell .site-edition{display:none}.site-shell .lobby-heading h1{font-size:37px}.site-shell .lobby-heading .site-eyebrow{font-size:9px;letter-spacing:1.5px}.site-shell .lobby-facts{gap:13px}.site-shell .lobby-buttons .primary-button,.site-shell .lobby-buttons .lobby-recruit{font-size:15px}.site-shell .site-footer{font-size:6px}}