:root{--u: 2;--ink: #0c1030;--panel: #223070;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);color:#fff;-webkit-text-size-adjust:100%}body{min-height:100vh;overflow-x:hidden}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}canvas[hidden]{display:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}[data-px]{position:relative;display:block;width:100%;min-width:0;overflow:hidden}[data-px-nowrap]{display:inline-block;width:auto;overflow:visible}.panel>*,.keys>div>*{min-width:0}ul{list-style:none}.panel{position:relative;border:calc(var(--u) * 7px) solid transparent;border-image:var(--px-panel) 7 fill / calc(var(--u) * 7px) stretch;background-clip:padding-box;image-rendering:pixelated;padding:calc(var(--u) * 2px) calc(var(--u) * 3px)}:root:not([style]) .panel{background:var(--panel);border-color:#6480dc}.btn{--tone: var(--px-green);--tone-down: var(--px-green-down);display:inline-flex;align-items:center;justify-content:center;border:0 solid transparent;border-width:calc(var(--u) * 4px) calc(var(--u) * 4px) calc(var(--u) * 5px);border-image:var(--tone) 4 4 5 fill / calc(var(--u) * 4px) calc(var(--u) * 4px) calc(var(--u) * 5px) stretch;background:transparent;image-rendering:pixelated;padding:calc(var(--u) * 1px) calc(var(--u) * 6px);min-height:calc(var(--u) * 20px)}.btn:active{border-image-source:var(--tone-down)}.btn:active>*{transform:translateY(calc(var(--u) * 1px))}.btn:focus-visible{outline:calc(var(--u) * 1px) solid #fff6b0;outline-offset:calc(var(--u) * 1px)}.btn--green{--tone: var(--px-green);--tone-down: var(--px-green-down)}.btn--blue{--tone: var(--px-blue);--tone-down: var(--px-blue-down)}.btn--gold{--tone: var(--px-gold);--tone-down: var(--px-gold-down)}.btn--big{--u: 3;padding:calc(var(--u) * 2px) calc(var(--u) * 10px)}.stage{position:relative;display:flex;flex-direction:column;min-height:clamp(560px,94vh,920px);overflow:hidden;background:#79b8f0;--soil: 144px}.scene{position:absolute;left:0;top:0}.scene--far{will-change:transform}@supports (animation-timeline: scroll()){.scene--far{animation:sink linear both;animation-timeline:scroll(root block);animation-range:0px var(--rise, 100vh)}}@keyframes sink{to{transform:translate3d(0,calc(var(--rise, 100vh) * var(--k, 0)),0)}}@media(prefers-reduced-motion:reduce){.scene--far{animation:none}}.top{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:100px 12px;padding:16px 20px;max-height:72px;overflow:hidden}.top__studio{text-decoration:none}.top__studio:hover,.foot__links a:hover{filter:brightness(1.25)}.poster{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:88px 24px calc(var(--soil) + 64px);display:grid;align-content:start;gap:18px}.poster>*{width:100%;min-width:0}.kicker{max-width:52rem}.title{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px}.title__name{--u: 8;justify-self:stretch}.title__sub{--u: 4;max-width:44rem}.lead{max-width:40rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:4px}@media(max-width:760px){.poster{padding-top:72px;padding-left:16px;padding-right:16px;gap:14px}.title__name{--u: 6}.title__sub{--u: 3}}@media(max-width:380px){.title__name{--u: 5}}html.is-playing,html.is-playing body{overflow:hidden}.game{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;background:var(--ink)}.game[hidden]{display:none}.game__bar{--u: 2;flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 8px}.game__bar .btn{min-height:0;padding:0 calc(var(--u) * 4px)}.game__frame{position:relative;flex:1;min-height:0}.game.is-full [data-full-on],.game:not(.is-full) [data-full-off]{display:none}.btn__icon{display:none}@media(max-width:560px){.game__bar .btn__words{display:none}.game__bar .btn__icon{display:block}}.game__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.underground{position:relative;background:#2b1d14;overflow-x:clip}.rock{position:absolute;z-index:0;left:0;top:0}.rock--life{pointer-events:none}.layer{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:56px 16px}.layer:first-of-type{padding-top:16px}.layer:last-child{padding-bottom:250px}.h2{--u: 4;margin-bottom:14px}.h2--out{margin-bottom:18px}@media(max-width:760px){.h2{--u: 3}}.letter{position:relative;margin:0 auto}.letter__art{position:absolute;pointer-events:none;image-rendering:pixelated}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px}.card{display:grid;align-content:start;gap:10px}.card--wide{grid-column:1 / -1}.howto{display:grid;gap:14px}.keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:10px 24px}.keys>div{display:grid;grid-template-columns:calc(var(--u) * 64px) 1fr;align-items:start;gap:12px}.keys--touch{display:none}@media(hover:none)and (pointer:coarse){.keys--desk{display:none}.keys--touch{display:grid}}.keys--touch>div{grid-template-columns:calc(var(--u) * 36px) 1fr;align-items:center}.keys--touch dt{display:flex;justify-content:center}.again{margin-top:8px}.bench{--s: var(--px3, 3);--cell: calc(16px * var(--s) + 16px);display:grid;gap:16px}.bench__say{display:flex;align-items:center}.bench__say canvas{margin:0 auto}.bench__craft,.bench__make{display:flex;justify-content:center;align-items:center;gap:12px}.bench__grid{display:grid;grid-template-columns:repeat(5,auto);gap:4px}.bench__arrow{--a: var(--px3, 3);width:calc(17px * var(--a));height:calc(12px * var(--a))}.bench__book{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cell),1fr));gap:4px}.bench__book>h3{--u: 3;grid-column:1 / -1;margin-bottom:4px}.bench__list{display:contents}.bench__list>.slot{aspect-ratio:1}.bench__out{position:relative}.bench__out>.slot--trash{position:absolute;left:50%;top:calc(100% + 8px);translate:-50% 0}.bench__out>.slot--trash.is-idle{visibility:hidden}.slot{position:relative;display:grid;place-items:center;padding:2px;border:calc(var(--u) * 3px) solid transparent;border-image:var(--px-slot) 3 fill / calc(var(--u) * 3px) stretch;background:transparent;image-rendering:pixelated;touch-action:manipulation;-webkit-user-select:none;user-select:none}.slot canvas{width:calc(16px * var(--s));height:calc(16px * var(--s))}.slot.is-on{border-image-source:var(--px-slot-on)}@media(hover:hover){.slot:hover{filter:brightness(1.25)}}.slot:focus-visible{outline:calc(var(--u) * 1px) solid #fff6b0;outline-offset:1px}.slot--out{cursor:default}.slot .slot__count{position:absolute;right:1px;bottom:0}.slot .slot__glint{position:absolute;left:50%;top:50%;translate:-50% -50%;pointer-events:none}.bench__hand,.bench__flyer{position:fixed;left:0;top:0;z-index:6;pointer-events:none;image-rendering:pixelated}.bench__flyer{position:absolute;z-index:5}@media(max-width:560px){.bench{--s: var(--px2, 2)}.bench__craft,.bench__make{flex-direction:column;gap:8px}.bench__arrow{--a: var(--px2, 2);rotate:90deg;margin:calc(var(--a) * 2.5px) 0}.bench__out>.slot--trash{left:calc(100% + 8px);top:0;translate:none}}.layer--shots{max-width:none;padding-left:0;padding-right:0}.layer--shots .h2{max-width:1080px;margin-left:auto;margin-right:auto;padding:0 16px}.shots{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(16px,calc((100vw - 1048px)/2)) 10px;scrollbar-width:none}.shots::-webkit-scrollbar{display:none}.dots{display:flex;justify-content:center;flex-wrap:wrap}.dot{position:relative;width:calc(var(--u) * 11px + 10px);height:30px;padding:0;border:0;background:none}.dot:before,.dot:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;box-sizing:border-box;width:calc(var(--u) * 7px);height:calc(var(--u) * 7px);border:0 solid transparent;border-width:0 calc(var(--u) * 3px);border-image:var(--px-dot) 0 3 fill / 0 calc(var(--u) * 3px) stretch;image-rendering:pixelated;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.dot:after{border-image-source:var(--px-dot-on);opacity:0}.dot.is-on:before,.dot.is-on:after{width:calc(var(--u) * 11px)}.dot.is-on:after{opacity:1}@media(prefers-reduced-motion:reduce){.dot:before,.dot:after{transition:none}}@media(hover:hover){.dot:hover:before{filter:brightness(1.3)}}.dot:focus-visible{outline:2px solid #fff6b0;outline-offset:-2px}.shots:focus-visible{outline:2px solid #fff6b0;outline-offset:-2px}.shot{flex:0 0 auto;width:min(972px,calc(100vw - 48px));scroll-snap-align:center;display:grid;gap:10px}.shot__frame{--u: 2;border:calc(var(--u) * 3px) solid transparent;border-image:var(--px-slot) 3 / calc(var(--u) * 3px) stretch;image-rendering:pixelated;background:#0c1030;overflow:hidden}.shot__frame img{display:block;width:960px;height:540px;max-width:none;margin-left:calc((100% - 960px) * var(--focus, .5));image-rendering:pixelated}.foot{position:relative;background:#b92203;padding:76px 20px 52px;display:grid;justify-items:center;gap:14px;overflow-x:clip}.lava{position:absolute;left:0;z-index:0;pointer-events:none}.foot>:not(.lava){position:relative;z-index:1}.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}.foot__links a{text-decoration:none}