.star-button{position:absolute;top:3.5%;right:2.5%;width:13%;height:20%;padding:0;border:none;background:transparent;cursor:pointer;z-index:2}.star-button__img{display:block;width:100%;height:100%;object-fit:contain;animation:star-spin 6s linear infinite;-webkit-user-select:none;user-select:none}.star-button:hover .star-button__img{animation-duration:1.5s}.star-button--clicked .star-button__img{animation-duration:.4s}@keyframes star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);background:#0000008c}.story-modal__box{position:relative;box-sizing:border-box;width:min(920px,94vw);padding:clamp(16px,2.5vw,24px) clamp(18px,3vw,28px);background:#630800;border:var(--bento-stroke);border-radius:8px}.story-modal__close{position:absolute;top:6px;right:10px;padding:0;border:none;background:transparent;color:#000;font-size:clamp(20px,3vw,28px);line-height:1;cursor:pointer}.story-modal__content{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.03em;text-align:center;line-height:1.38}.story-modal__content p{margin:0 0 .55em}.story-modal__content p:last-child{margin-bottom:0}@media (min-width: 641px){.story-modal__box{height:calc(100vh - var(--star-banner-height) - 40px);max-height:calc(100vh - var(--star-banner-height) - 40px);overflow:hidden;display:flex;flex-direction:column}.story-modal__content{flex:1 1 auto;min-height:0;overflow:hidden;font-size:11px}}@media (max-width: 640px){.story-modal__box{max-height:min(88vh,900px);overflow:auto}.story-modal__content{font-size:clamp(12px,3.4vw,15px);line-height:1.5}.story-modal__content p{margin-bottom:.85em}}.movie-box{width:100%;height:100%;position:relative;box-sizing:border-box;overflow:hidden;border:3px solid #ef4020;border-radius:6.7%/16.1%}.movie-box__video,.movie-box__fallback{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.movie-box__fallback{position:absolute;top:0;right:0;bottom:0;left:0}.gif-box{width:100%;height:100%;position:relative;box-sizing:border-box;overflow:hidden;border:3px solid #ef4020;border-radius:10.6%/10.9%}.gif-box__gif,.gif-box__fallback{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.gif-box__fallback{position:absolute;top:0;right:0;bottom:0;left:0}.board-box{width:100%;height:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2%;padding:1.2%;background:#ffd9ab;border:3px solid #ef4020;border-radius:2.9%/10.4%;overflow:hidden}.board-box__panel{min-width:0;min-height:0;overflow:hidden;border-radius:2.5%/8%}.board-box__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.bento-unit{--bento-gutter: 12px;width:100%;height:100%;box-sizing:border-box;background:#613517;display:grid;grid-template-columns:1970fr 1970fr 2757fr 3107fr;grid-template-rows:2489fr 1914fr 1970fr;grid-template-areas:"story story clip mapcol" "gif   free  clip mapcol" "board board board why";gap:var(--bento-gutter);padding:calc(var(--bento-gutter) / 2)}.bento-mapcol{grid-area:mapcol;display:flex;flex-direction:column;gap:var(--bento-gutter);min-width:0;min-height:0}.bento-box{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.bento-box--story{grid-area:story}.bento-box--clip{grid-area:clip}.bento-box--gif{grid-area:gif}.bento-box--free{grid-area:free}.bento-box--board{grid-area:board}.bento-box--why{grid-area:why}.bento-box--map{width:100%;aspect-ratio:1 / 1;flex:0 0 auto}.bento-box--movie{flex:1 1 0;width:100%;min-height:0}.bento-box__img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.bento-viewport{width:100vw;height:calc(100vh - var(--star-banner-height));margin-top:var(--star-banner-height);overflow:auto;background:#613517;overscroll-behavior:none}.bento-world{position:relative}.bento-tile{position:absolute;overflow:visible}.bento-footer{position:absolute;left:0;overflow:hidden;line-height:0}.bento-footer img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none}.landing{--horizon: 67%;position:relative;width:100%;height:calc(100% - var(--star-banner-height));margin-top:var(--star-banner-height);overflow:hidden;background:#613517 url(/assets/landing/desert.jpg) center / cover no-repeat}.landing__header{position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(10px,2vw,18px) clamp(14px,2.4vw,28px);pointer-events:none}.landing__tagline{font-family:Cowboys,serif;font-size:clamp(9.45px,1.21vw,11.55px);letter-spacing:.18em;text-transform:uppercase;color:#ea3323}.landing__main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.landing__scene{position:absolute;left:50%;bottom:calc(100% - var(--horizon));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:min(94vw,980px);pointer-events:none}.landing__logo{display:block;flex-shrink:0;width:min(78vw,1173px);margin:0 0 calc(clamp(2px,.4vh,8px) - (.084*min(78vw,1173px)));object-fit:contain;-webkit-user-select:none;user-select:none}.landing--intro .landing__logo{opacity:0;transform:translateY(-70vh) scale(1.12);animation:landing-logo-slam .65s cubic-bezier(.22,1,.36,1) var(--intro-logo-delay, .15s) forwards}.landing__zards{display:flex;flex-shrink:0;align-items:flex-end;justify-content:center;width:100%;line-height:0;min-height:calc(clamp(112px,14vw,208px) * (519 / 512))}.landing__zard{flex:0 0 auto;width:clamp(112px,14vw,208px)}.landing--intro .landing__zard:not(.landing__zard--settled){opacity:0;transform:translate(calc((3 - var(--zard-slot, 0)) * 42px)) translateY(36px) scale(.72) rotate(calc((var(--zard-slot, 0) - 3) * 6deg));animation:landing-zard-shuffle .48s cubic-bezier(.34,1.25,.64,1) var(--zard-intro-delay) forwards}.landing__zard:nth-child(1){--zard-slot: 0}.landing__zard:nth-child(2){--zard-slot: 1}.landing__zard:nth-child(3){--zard-slot: 2}.landing__zard:nth-child(4){--zard-slot: 3}.landing__zard:nth-child(5){--zard-slot: 4}.landing__zard:nth-child(6){--zard-slot: 5}.landing__zard:nth-child(7){--zard-slot: 6}.landing__zard--settled{animation:zard-wobble 2s steps(2,end) infinite}.landing__zard:not(:first-child){margin-left:clamp(-58px,-7.2vw,-29px)}.landing__zard img{display:block;width:100%;height:calc(clamp(112px,14vw,208px) * (519 / 512));object-fit:contain;object-position:bottom;image-rendering:pixelated;mix-blend-mode:screen;-webkit-user-select:none;user-select:none}.landing__enter{position:absolute;left:50%;bottom:clamp(36px,8vh,88px);transform:translate(-50%);padding:0;border:none;background:none;cursor:pointer;transition:transform .12s ease,filter .12s ease}.landing--intro .landing__enter{opacity:0;transform:translate(-50%) translateY(calc(100% + clamp(36px,8vh,88px)));pointer-events:none;animation:landing-enter-slide .55s cubic-bezier(.22,1,.36,1) var(--intro-enter-delay, 1.99s) forwards}.landing--intro-complete .landing__enter{pointer-events:auto}.landing__enter img{display:block;width:min(24vw,260px);height:auto;-webkit-user-select:none;user-select:none}.landing__enter:hover{transform:translate(-50%) scale(1.03);filter:brightness(1.06)}.landing__enter:active{transform:translate(-50%) scale(.98)}@keyframes landing-logo-slam{0%{opacity:0;transform:translateY(-70vh) scale(1.12)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes landing-zard-shuffle{0%{opacity:0;transform:translate(calc((3 - var(--zard-slot, 0)) * 42px)) translateY(36px) scale(.72) rotate(calc((var(--zard-slot, 0) - 3) * 6deg))}55%{opacity:1;transform:translate(calc((3 - var(--zard-slot, 0)) * -6px)) translateY(-4px) scale(1.04) rotate(calc((var(--zard-slot, 0) - 3) * -1deg))}to{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0)}}@keyframes landing-enter-slide{0%{opacity:0;transform:translate(-50%) translateY(calc(100% + clamp(36px,8vh,88px)))}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes zard-wobble{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-.5px,.5px) rotate(-.4deg)}40%{transform:translate(.5px,-.5px) rotate(.35deg)}60%{transform:translate(-.5px) rotate(-.25deg)}80%{transform:translate(.5px,.5px) rotate(.2deg)}}@media (max-width: 640px){.landing{--horizon: 66%}.landing__logo{width:min(80vw,100%)}.landing__zards{min-height:calc(clamp(80px,17.6vw,144px) * (519 / 512))}.landing__zard{width:clamp(80px,17.6vw,144px)}.landing__zard img{height:calc(clamp(80px,17.6vw,144px) * (519 / 512))}.landing__zard:not(:first-child){margin-left:clamp(-38px,-8.8vw,-19px)}.landing__enter img{width:min(43vw,200px)}}@media (prefers-reduced-motion: reduce){.landing--intro .landing__logo,.landing--intro .landing__zard:not(.landing__zard--settled){animation:none;opacity:1;transform:none}.landing--intro .landing__enter{animation:none;opacity:1;transform:none}.landing--intro .landing__enter{transform:translate(-50%);pointer-events:auto}.landing__zard--settled{animation:none}}.star-banner{--star-banner-gap: clamp(18px, 3vw, 36px);position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--star-banner-height);background:#750900;overflow:hidden;pointer-events:none}.star-banner__track{display:flex;width:max-content;height:100%;animation:star-banner-scroll 18s linear infinite}.star-banner__group{display:flex;align-items:center;gap:var(--star-banner-gap);height:100%}.star-banner__star{display:block;flex-shrink:0;width:clamp(12px,1.6vw,16px);height:clamp(12px,1.6vw,16px);background:#ea3323;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes star-banner-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.vulture-flyby{position:fixed;left:0;z-index:1001;width:clamp(96px,14vw,200px);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;animation:vulture-flyby 4s linear forwards}@keyframes vulture-flyby{0%{transform:translate3d(-120%,0,0)}to{transform:translate3d(calc(100vw + 120%),-8.75vw,0)}}@media (prefers-reduced-motion: reduce){.vulture-flyby{animation:none;display:none}}*,*:before,*:after{box-sizing:border-box}:root{--star-banner-height: 42px;--bento-radius: 10.6% / 10.9%;--bento-stroke: 3px solid #000}@font-face{font-family:Cowboys;src:url(/fonts/Cowboys20.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;background:#613517;-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}