#museum{z-index:10;font-family:var(--font-sans);color:var(--m-ink);pointer-events:none;position:fixed;inset:0}#museum :is(button,a,nav,section,.m-canvas,.m-tricks){pointer-events:auto}.m-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.m-canvas:active{cursor:grabbing}.m-canvas:is([data-over=exhibit],[data-over=art]),.m-canvas[data-over=play]{cursor:pointer}.m-canvas[data-over=crew]{cursor:grab}.m-canvas[data-over=held]{cursor:grabbing}.m-button{border:2px solid var(--m-trim);background:var(--m-paper);color:var(--m-trim);font:600 .875rem/1 var(--font-sans);letter-spacing:.01em;box-shadow:0 3px 0 var(--m-trim);cursor:pointer;border-radius:999px;align-items:center;gap:.4em;padding:.5em 1.05em .55em;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.m-button[hidden]{display:none}.m-button:hover{background:color-mix(in srgb, var(--m-brass) 28%, var(--m-paper));color:var(--m-trim)}.m-button:active{box-shadow:0 0 0 var(--m-trim);transform:translateY(3px)}.m-button:focus-visible{outline:3px solid var(--m-brass);outline-offset:2px}.m-top{pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:absolute;inset:0 0 auto}.m-where{background:color-mix(in srgb, var(--m-paper) 88%, transparent);backdrop-filter:blur(6px);box-shadow:0 3px 0 var(--m-trim);border:2px solid var(--m-trim);pointer-events:auto;border-radius:999px;align-items:baseline;gap:.75rem;margin:0;padding:.45rem 1rem .5rem;display:flex}.m-brand{font:400 1.25rem/1 var(--font-serif);color:var(--m-ink);text-decoration:none}.m-room{letter-spacing:.06em;text-transform:uppercase;color:var(--m-trim);opacity:.8;font-size:.8rem;font-weight:600}.m-actions{pointer-events:auto;gap:.6rem;display:flex}.m-index{border:2px solid var(--m-trim);background:var(--m-paper);width:min(22rem,100vw - 2.5rem);max-height:calc(100vh - 6rem);box-shadow:0 4px 0 var(--m-trim);border-radius:18px;padding:1rem 1.25rem;position:absolute;top:4.5rem;right:1.25rem;overflow-y:auto}.m-index ul{margin:0;padding:0;list-style:none}.m-index>ul>li+li{margin-top:.9rem}.m-index>ul>li>a{font:400 1.15rem/1.3 var(--font-serif)}.m-index ul ul{border-left:2px solid color-mix(in srgb, var(--m-trim) 25%, transparent);margin-top:.3rem;padding-left:.9rem}.m-index ul ul a{color:var(--m-ink);padding:.18rem 0;font-size:.875rem;text-decoration:none;display:block}.m-index ul ul a:hover{color:var(--m-velvet)}.m-hint{border:2px solid var(--m-trim);background:var(--m-paper);box-shadow:0 4px 0 var(--m-trim);color:var(--m-ink);border-radius:18px;grid-template-columns:auto auto;justify-items:center;gap:.6rem 2.2rem;padding:1rem 1.6rem .85rem;transition:opacity .8s,translate .5s;animation:.5s cubic-bezier(.2,.9,.3,1.2) .4s backwards m-hint-in;display:grid;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.m-hint-close{width:1.6rem;height:1.6rem;color:var(--m-trim);font:600 1.1rem/1 var(--font-sans);cursor:pointer;opacity:.7;background:0 0;border:2px solid #0000;border-radius:999px;place-items:center;padding:0;transition:opacity .15s,border-color .15s;display:grid;position:absolute;top:.45rem;right:.5rem}.m-hint-close:is(:hover,:focus-visible){border-color:var(--m-trim);opacity:1;outline:none}.m-keys{justify-items:center;gap:.45rem;display:grid}.m-keys p{margin:0;font-size:.9rem}.m-keys b{font-weight:650}.m-pad{grid-template-columns:repeat(3,2.1rem);gap:.25rem;display:grid}.m-pad kbd:first-child{grid-column:2}.m-pad kbd:not(:first-child){grid-row:2}.m-hint kbd{border:2px solid var(--m-trim);background:var(--m-paper);min-width:1.4em;box-shadow:0 2px 0 var(--m-trim);color:var(--m-trim);font:600 .75rem/1.4 var(--font-mono);text-align:center;border-radius:7px;padding:.05em .3em;transition:background 80ms,color 80ms,translate 80ms,box-shadow 80ms;display:inline-block}.m-pad kbd{height:2.1rem;font-size:.95rem;line-height:1.75rem}.m-hint kbd.m-on{box-shadow:0 0 0 var(--m-trim);background:var(--m-brass);color:var(--m-paper);translate:0 2px}.m-also{opacity:.75;white-space:nowrap;grid-column:1/-1;margin:.15rem 0 0;font-size:.8rem}.m-hint.m-playing{opacity:0;pointer-events:none}.m-play{border:2px solid var(--m-trim);background:var(--m-paper);width:min(17rem,100vw - 2.5rem);box-shadow:0 4px 0 var(--m-trim);border-radius:18px;padding:1rem 1.25rem 1.1rem;animation:.35s cubic-bezier(.2,.9,.3,1.2) m-rise;position:absolute;bottom:1.25rem;left:1.25rem}.m-play[hidden]{display:none}.m-play-keys{gap:.4rem;margin:.7rem 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.m-play kbd{border:2px solid var(--m-trim);background:var(--m-paper);min-width:1.4em;box-shadow:0 2px 0 var(--m-trim);color:var(--m-trim);font:600 .75rem/1.4 var(--font-mono);text-align:center;border-radius:7px;padding:.05em .35em;display:inline-block}.m-leave kbd{box-shadow:none;padding-block:0}.m-touch{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-end;padding:0 1.25rem;display:flex;position:absolute;inset:auto 0 1.25rem}.m-touch[hidden]{display:none}.m-touch button{border:2px solid var(--m-trim);background:color-mix(in srgb, var(--m-paper) 90%, transparent);width:3.6rem;height:3.6rem;box-shadow:0 3px 0 var(--m-trim);color:var(--m-trim);font:700 1.3rem/1 var(--font-sans);touch-action:none;-webkit-touch-callout:none;border-radius:999px;place-items:center;padding:0;display:grid}.m-touch button.m-on{box-shadow:0 0 0 var(--m-trim);background:var(--m-brass);color:var(--m-paper);translate:0 3px}.m-dpad{grid-template-columns:repeat(3,3.6rem);gap:.3rem;display:grid}.m-dpad [data-pad=up]{grid-column:2}.m-dpad [data-pad=left]{grid-row:2}.m-dpad [data-pad=right]{grid-area:2/3}.m-dpad [data-pad=down]{grid-area:3/2}.m-ab{align-items:flex-end;gap:.9rem;display:flex}.m-ab [data-pad=b]{margin-bottom:1.2rem}.m-hint.m-aside{translate:0 -11rem}.m-hint.m-gone{opacity:0;pointer-events:none}#museum .m-hint.m-gone .m-hint-close{visibility:hidden}.m-caption{border:2px solid var(--m-trim);background:var(--m-paper);width:min(26rem,100vw - 2.5rem);box-shadow:0 4px 0 var(--m-trim);border-radius:18px;padding:1rem 1.25rem 1.1rem;animation:.35s cubic-bezier(.2,.9,.3,1.2) m-rise;position:absolute;bottom:1.25rem;left:1.25rem}.m-caption[hidden]{display:none}.m-kicker{letter-spacing:.07em;text-transform:uppercase;opacity:.65;margin:0;font-size:.72rem;font-weight:600}.m-title{font:400 1.5rem/1.1 var(--font-serif);margin:.25rem 0 .35rem}.m-summary{opacity:.85;margin:0;font-size:.9rem;line-height:1.45}.m-do{gap:.6rem;margin:.9rem 0 0;display:flex}.m-watch{background:var(--m-velvet);color:var(--m-paper)}.m-close{z-index:30;display:none;position:fixed;top:calc(max(2vh,.75rem) + .75rem);left:max(1.5rem,50% - 33.25rem)}html[data-museum=read] .m-close{display:inline-flex}html[data-museum=read] :is(.m-caption,.m-hint,.m-index,.m-play,.m-touch){display:none}html[data-museum=read] .m-canvas{filter:brightness(.55)saturate(.8);transition:filter .4s}html[data-museum] #main h1[tabindex="-1"]:focus{outline:none}html[data-museum=read] #main{padding-top:3.5rem;animation:.45s cubic-bezier(.2,.8,.2,1) m-up}.m-loading{background:var(--m-paper);font:400 1.5rem var(--font-serif);place-items:center;margin:0;transition:opacity .6s;display:grid;position:absolute;inset:0}.m-loading[hidden]{opacity:0;pointer-events:none;display:grid}@keyframes m-rise{0%{opacity:0;transform:translateY(1rem)}}@keyframes m-hint-in{0%{opacity:0;translate:0 1rem}}@keyframes m-up{0%{transform:translateY(40vh)}}@media (prefers-reduced-motion:reduce){.m-caption,html[data-museum] #main h1[tabindex="-1"]:focus{outline:none}html[data-museum=read] #main{animation:none}}.m-player{z-index:40;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--m-trim) 35%, transparent), color-mix(in srgb, var(--m-trim) 78%, transparent));place-items:center;padding:3vh 4vw;animation:.3s ease-out m-fade;display:grid;position:fixed;inset:0}.m-player.m-player-out{opacity:0;pointer-events:none;transition:opacity .25s}.m-player figure{width:min(92vw,150.4vh - 14.4rem);margin:0;animation:.4s cubic-bezier(.2,.9,.3,1.15) m-pop}.m-player figcaption{align-items:baseline;gap:.6rem;font-size:1.25rem;display:flex}.m-player-kicker{font:600 .72rem/1 var(--font-sans);letter-spacing:.07em;text-transform:uppercase;opacity:.75}.m-player-close{justify-content:center;width:2.6rem;height:2.6rem;padding:0;font-size:1.5rem;line-height:1;position:absolute;top:-1rem;right:-1rem}@keyframes m-fade{0%{opacity:0}}@keyframes m-pop{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.m-player,.m-player figure{animation:none}}.m-tricks{z-index:30;box-sizing:border-box;border:2px solid var(--m-trim);background:var(--m-paper);width:max-content;max-width:min(27rem,100vw - 16px);max-height:min(70vh,30rem);box-shadow:0 4px 0 var(--m-trim), 0 14px 30px -14px #00000073;color:var(--m-ink);transform-origin:0 0;scrollbar-width:thin;border-radius:.8rem;padding:.65rem .65rem .6rem;position:fixed;overflow:auto}.m-tricks-name{color:var(--m-trim);font:700 10px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;margin:0 .2rem .5rem}.m-tricks-games{margin-top:.7rem}.m-tricks-items{grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:.35rem;min-width:min(15rem,100vw - 2.6rem);display:grid}.m-tricks :is(.m-tricks-item,.m-tricks-more,.m-tricks-last){border:2px solid var(--m-trim);background:var(--m-paper);box-shadow:0 2px 0 var(--m-trim);color:var(--m-ink);font:600 12px/1.2 var(--font-sans);text-align:left;cursor:pointer;border-radius:999px;padding:.35rem .6rem;transition:transform 80ms,box-shadow 80ms}.m-tricks :is(.m-tricks-item,.m-tricks-more,.m-tricks-last):is(:hover,:focus-visible){background:color-mix(in srgb, var(--m-brass) 22%, var(--m-paper));outline:none}.m-tricks :is(.m-tricks-item,.m-tricks-more,.m-tricks-last):active{box-shadow:0 0 0 var(--m-trim);transform:translateY(2px)}.m-tricks-more{margin-top:.35rem;display:block;box-shadow:none!important;border-style:dashed!important}.m-tricks-last{margin-top:.55rem;display:block;color:var(--m-trim)!important}
