: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}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]{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}.top{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px}.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) + 28px);display:grid;align-content:start;gap:18px}.poster>*{width:100%}.kicker{max-width:40rem}.title{display:grid;justify-items:start;gap:10px}.title__name{--u: 8}.title__sub{--u: 3;max-width:44rem}.lead{max-width:40rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:4px}.actions .note{width:auto;flex:1 1 16rem;max-width:24rem}@media(max-width:760px){.poster{padding-top:72px;padding-left:16px;padding-right:16px;gap:14px}.title__name{--u: 6}.title__sub{--u: 2}}@media(max-width:380px){.title__name{--u: 5}}.stage.is-playing{min-height:0;height:min(100vh,max(460px,56.25vw));background:#000}.stage.is-playing .scene,.stage.is-playing .poster,.stage.is-playing .top{display:none}.stage.is-full{height:100vh}.game{position:absolute;inset:0;display:flex;flex-direction:column}.game[hidden]{display:none}.game__bar{--u: 2;display:flex;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--ink)}.game__frame{position:relative;flex:1}.game__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.underground{position:relative;background:#2b1d14}.rock{position:absolute;z-index:0;left:0;top:0}.layer{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:56px 16px}.layer:first-child,.rock+.layer{padding-top:72px}.layer:last-child{padding-bottom:160px}.h2{--u: 4;margin-bottom:14px}.h2--out{margin-bottom:18px}@media(max-width:760px){.h2{--u: 3}}.letter{max-width:760px;display:grid;gap:14px}.quotes{display:grid;gap:10px;padding-left:calc(var(--u) * 4px);border-left:calc(var(--u) * 1px) solid rgba(255,210,58,.35)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px}.card{display:grid;align-content:start;gap:10px}.howto{max-width:820px;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}.again{margin-top:8px}.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)) 18px;scrollbar-color:#6480dc transparent}.shots:focus-visible{outline:2px solid #fff6b0;outline-offset:-2px}.shot{flex:0 0 auto;width:min(652px,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:640px;height:360px;max-width:none;margin-left:calc((100% - 640px)/2);image-rendering:pixelated}.foot{position:relative;background:#1a0806;border-top:calc(var(--u) * 2px) solid #c2280e;padding:28px 20px 40px;display:grid;justify-items:center;gap:14px}.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}.foot__links a{text-decoration:none}