: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}@supports (min-height: round(up,1px,1px)){.stage{min-height:round(up,clamp(560px,94vh,920px),var(--wp, 1px))}}.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:12px 24px;padding:16px 20px}.top__nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-left:auto}.top__lang{display:flex;align-items:center;gap:8px}.top__lang a{text-decoration:none}.top__lang a[href]:hover{filter:brightness(1.25)}.top__studio,.top__home,.top__nav a{text-decoration:none}.top__studio:hover,.top__home:hover,.top__nav a:hover,.foot__links a:hover{filter:brightness(1.25)}@media(max-width:640px){.top{position:relative;padding:14px 16px 0;gap:10px}.top__lang{order:1;margin-left:auto}.top__nav{order:2;width:100%;margin-left:0;gap:8px 18px}}.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:88px;padding-left:16px;padding-right:16px;gap:14px}.title__name{--u: 6}.title__sub{--u: 3}}@media(max-width:640px){.poster{padding-top:28px}}@media(max-width:380px){.title__name{--u: 5}}.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}.card--link{text-decoration:none}.card--link:hover{filter:brightness(1.1)}.card--link:focus-visible{outline:calc(var(--u) * 1px) solid #fff6b0;outline-offset:calc(var(--u) * 1px)}.cards--more{grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr))}.cards--more .card{grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:18px}.card__icon{grid-row:1 / 3;align-self:center;width:132px;height:108px;image-rendering:pixelated}.card--link:hover .card__icon{transform:translateY(calc(var(--px, 3px) * -1))}@media(max-width:600px){.cards--more .card{column-gap:12px}.card__icon{width:88px;height:72px}}.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}.consent{position:fixed;z-index:50;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));max-width:600px;margin:0 auto;background:var(--panel);background-clip:padding-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;animation:consent-in .5s cubic-bezier(.2,.6,.3,1) both}.consent[hidden]{display:none}.consent__text{grid-column:1 / -1}.consent__more{display:flex;justify-self:start;text-decoration:none}.consent__more:hover{filter:brightness(1.25)}.consent__more:focus-visible{outline:calc(var(--u) * 1px) solid #fff6b0;outline-offset:calc(var(--u) * 1px)}.consent__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}@keyframes consent-in{0%{opacity:0;transform:translateY(24px)}}@media(prefers-reduced-motion:reduce){.consent{animation:none}}@media(max-width:560px){.consent{grid-template-columns:minmax(0,1fr);gap:8px}.consent__actions{grid-template-columns:repeat(auto-fit,minmax(calc(var(--u) * 73px),1fr))}.consent .btn{padding-left:0;padding-right:0}}.foot{padding-bottom:max(52px,calc(var(--consent-room, 0px) + 16px))}