body.muse-mode{background:#08090e}body.muse-mode>header,body.muse-mode>main{display:none}body:not(.muse-mode)>#museExperience{display:none}#museExperience{min-height:100dvh;background:radial-gradient(ellipse at 73% 50%,#2d1120 0,transparent 55%),#08090e;color:#f7e9d9;overflow:hidden;position:relative}.muse-nav{height:92px;padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #44212c}.muse-academy{font:24px/1.4 NES,monospace;letter-spacing:-1px}.muse-academy small{display:block;font:15px Pixel;letter-spacing:6px;color:#d29daa;margin-top:5px}.muse-link{background:transparent;border:0;box-shadow:none;color:#d6b4bb;font-size:20px}.muse-world{max-width:1240px;margin:auto;min-height:calc(100dvh - 148px);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:28px 50px;gap:30px}.muse-kicker{font:14px/1.8 Pixel;letter-spacing:3px;color:#ff7d8a}.muse-intro h1{font:clamp(26px,3.5vw,48px)/1.7 NES;margin:20px 0;position:relative}.muse-intro h1 em{font-style:normal;color:#ff415e;font-size:1.45em;text-shadow:5px 5px #601728}.title-star{font:50px Pixel;color:#f9c875;display:inline-block;margin-left:20px}.muse-intro p{font:26px/1.35 Pixel;color:#cbbac2}.muse-instruction{display:block;margin-top:40px;font:15px Pixel;letter-spacing:1px;color:#b57b8d}.muse-machine-wrap{width:100%;max-width:510px;justify-self:center;text-align:center}.muse-machine{position:relative;aspect-ratio:384/480;max-height:70dvh;margin:auto;image-rendering:pixelated}.muse-machine>img,.muse-machine>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}.muse-machine-title{position:absolute;top:7%;left:10%;right:10%;font:clamp(10px,1.2vw,16px)/1.5 NES;color:#ffdcac;text-shadow:2px 2px #501123}.muse-machine #museBegin{position:absolute;top:73%;left:21%;width:58%;height:10%;font:clamp(11px,1.1vw,15px)/1.7 NES;background:#c9223e;border:3px solid #ffab9d;color:#fff3d0;box-shadow:0 5px #611226;padding:5px}.muse-machine #museBegin span{margin-left:8px}.machine-caption{display:block;font:13px Pixel;letter-spacing:2px;color:#b07485;margin:12px 0}.muse-bottom{padding:15px 5vw;display:flex;justify-content:space-between;gap:15px;font:14px Pixel;letter-spacing:2px;border-top:1px solid #44212c;color:#a16d7f}.muse-overlay{position:absolute;z-index:3;inset:92px 0 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;min-height:520px}.muse-overlay h2{font:clamp(18px,2.4vw,30px)/1.65 NES;outline:none}.muse-overlay p{font:23px/1.3 Pixel;color:#cdb4be}.touch-panel{width:min(900px,100%);padding:28px;background:#10151c;border:6px solid #873446;box-shadow:0 0 0 7px #321622,0 0 90px #c6213b25;animation:touch-zoom .65s cubic-bezier(.16,1,.3,1);transform-origin:75% 85%}.touch-top{display:flex;justify-content:space-between;align-items:center;color:#ed869a;font:16px Pixel;letter-spacing:2px}.touch-top button{font-size:28px}.touch-panel h2{margin:10px 0}.touch-panel>p{margin:8px 0 24px}.muse-row{display:grid;grid-template-columns:1.05fr repeat(4,1fr);gap:10px;padding:0;margin:10px 0;border:0;align-items:stretch}.row-question{display:flex;align-items:center;font:14px/1.5 NES;color:#fdc4cc}.muse-choice{position:relative;cursor:pointer;min-width:0}.muse-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.muse-choice span{display:flex;align-items:center;justify-content:center;min-height:57px;background:#1c2631;border:2px solid #394550;font:24px Pixel;padding:6px;color:#d7dce4}.muse-choice:hover span{border-color:#ff849a}.muse-choice.chosen span{background:#b51f3a;border-color:#ff839c;color:white;box-shadow:inset 0 -4px #740f26}.muse-choice input:focus-visible+span{outline:3px solid #ffecb1;outline-offset:2px}.touch-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font:20px Pixel;color:#d19daa}.touch-bottom button{min-width:170px;font:18px NES;padding:17px}.touch-panel .muse-privacy{font:16px Pixel;margin:22px 0 0;color:#9fabb8}.muse-overlay:has(.touch-panel){background:#08090ee8;backdrop-filter:blur(5px)}.catch-overlay{pointer-events:none;justify-content:flex-start;padding-top:22px}.catch-overlay h2{font-size:20px;margin:0 0 8px}.catch-overlay p{margin:0}.muse-world:has(.muse-intro[hidden]){display:flex;justify-content:center}.muse-world:has(.muse-intro[hidden]) .muse-machine-wrap{max-width:440px;padding-top:70px}.muse-world:has(.muse-intro[hidden]) .muse-machine{max-height:62dvh}.capsule-ready{background:#08090edb;justify-content:center}.capsule-ready h2{font-size:26px}.capsule-ready #museBall{pointer-events:auto;background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;margin-top:18px;animation:capsule-arrive .7s ease-out}.capsule-ready #museBall canvas{width:200px;height:200px;image-rendering:pixelated;filter:drop-shadow(0 0 32px #f84b6b55)}#museBall span{font:20px NES;line-height:1.5;margin:20px}.reveal-overlay{background:radial-gradient(ellipse,#3d172f,#08090e 65%);text-align:center;position:relative;inset:auto;min-height:calc(100dvh - 146px);animation:reveal-zoom .8s cubic-bezier(.16,1,.3,1)}#museExperience[data-state=reveal] .muse-world{display:none}.reveal-overlay h2{color:#ffd5ae;margin:15px 0}.reveal-orbit{border-bottom:4px solid #972f50;width:300px;height:285px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#e1435a30,transparent 68%)}#museSprite{width:256px;height:256px;image-rendering:pixelated;filter:drop-shadow(0 0 15px #e03a5325)}.reveal-actions,.reveal-secondary{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.reveal-actions button{min-height:46px;font-size:22px}.reveal-secondary{margin-top:18px}.reveal-overlay #museAudioStatus{font-size:18px;margin:10px;min-height:24px}@keyframes touch-zoom{from{opacity:0;transform:scale(.14)}to{opacity:1;transform:scale(1)}}@keyframes capsule-arrive{from{transform:translateY(80px) scale(.35)}to{transform:none}}@keyframes reveal-zoom{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.muse-nav{height:76px;padding:15px 20px}.muse-academy{font-size:17px}.muse-academy small{font-size:13px}.muse-link{font-size:18px}.muse-world{grid-template-columns:1fr;gap:5px;padding:22px 20px;min-height:calc(100dvh - 126px)}.muse-intro{text-align:center}.muse-intro h1{font-size:23px;line-height:1.5;margin:10px 0}.muse-intro h1 br{display:none}.muse-intro h1 em{font-size:1em;margin-left:8px}.title-star{font-size:27px;margin-left:8px}.muse-intro p{font-size:21px;margin:8px 0}.muse-intro p br{display:none}.muse-kicker{font-size:13px;letter-spacing:2px}.muse-instruction{display:none}.muse-machine-wrap{max-width:350px}.muse-machine{max-height:54dvh}.muse-machine-title{font-size:11px}.muse-machine #museBegin{font-size:11px}.muse-bottom{font-size:12px;letter-spacing:0;padding:13px 15px}.machine-caption{font-size:12px;letter-spacing:0}.muse-overlay{inset:76px 0 42px;padding:15px;min-height:540px}.touch-panel{padding:15px 10px;border-width:4px}.touch-top{font-size:13px;letter-spacing:0}.touch-panel h2{font-size:16px}.touch-panel>p{font-size:20px;margin-bottom:18px}.muse-row{gap:4px;grid-template-columns:1.1fr repeat(4,1fr)}.row-question{font:17px Pixel}.muse-choice span{font:18px Pixel;min-height:52px;padding:3px 1px}.touch-bottom button{font-size:16px;min-width:120px}.touch-panel .muse-privacy{font-size:15px}.reveal-overlay{position:relative;inset:auto;min-height:calc(100dvh - 126px)}.reveal-overlay h2{font-size:18px}.reveal-orbit{height:245px}.reveal-orbit canvas{width:224px;height:224px}.reveal-actions{gap:8px}.reveal-actions button{font-size:20px}.catch-overlay h2,.capsule-ready h2{font-size:18px}.muse-world:has(.muse-intro[hidden]) .muse-machine-wrap{padding-top:100px}}@media(prefers-reduced-motion:reduce){#museExperience *{animation:none!important;transition:none!important}}

.muse-machine-title{top:10.4%;font-size:clamp(10px,1vw,13px);background:#541622;left:22%;right:22%;padding:3px 0}.muse-machine #museBegin{top:58.5%;left:33%;width:34%;height:6.5%;font:clamp(11px,1vw,14px)/1.1 Pixel;padding:3px;border-width:2px}.muse-machine #museBegin span{display:none}.reveal-orbit{position:relative}.capsule-shell{position:absolute;width:250px;height:250px;image-rendering:pixelated;pointer-events:none;opacity:0;z-index:2}.shell-top{clip-path:inset(0 0 50% 0);animation:open-top .9s ease-out}.shell-bottom{clip-path:inset(50% 0 0 0);animation:open-bottom .9s ease-out}#museSprite{animation:sprite-emerge 1s ease-out}@keyframes open-top{0%,20%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-150px) rotate(-20deg)}}@keyframes open-bottom{0%,20%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(150px) rotate(15deg)}}@keyframes sprite-emerge{0%,20%{transform:scale(.1);opacity:0}100%{transform:scale(1);opacity:1}}

@font-face{font-family:MuseJP;src:url('./fonts/DotGothic16-Regular.ttf') format('truetype');font-display:swap}html[lang=ja]{--pixel:MuseJP,monospace;font-family:MuseJP,monospace}html[lang=ja] body,html[lang=ja] button,html[lang=ja] input,html[lang=ja] select,html[lang=ja] p,html[lang=ja] span,html[lang=ja] strong,html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] label,html[lang=ja] small,html[lang=ja] .muse-link,html[lang=ja] #museBegin,html[lang=ja] #museExperience div{font-family:MuseJP,monospace}html[lang=ja] .muse-intro h1 em{font-family:NES,monospace}html[lang=ja] .muse-intro p{font-size:20px;line-height:1.8}html[lang=ja] .muse-choice span{font-size:19px}html[lang=ja] .touch-panel>p{font-size:18px;line-height:1.8}html[lang=ja] .muse-machine #museBegin{font-size:13px}html[lang=ja] .reveal-actions button{font-size:18px}html[lang=ja] .reveal-overlay p{font-size:18px}html[lang=ja] .muse-link{font-size:16px}html[lang=ja] .muse-intro h1{letter-spacing:2px}@media(max-width:700px){html[lang=ja] .muse-choice span{font-size:13px;min-height:52px}html[lang=ja] .row-question{font-size:13px}html[lang=ja] .touch-panel>p{font-size:15px}html[lang=ja] .muse-privacy{font-size:12px}html[lang=ja] .muse-intro p{font-size:15px}html[lang=ja] .muse-kicker{font-size:12px}html[lang=ja] .muse-intro h1{font-size:21px}html[lang=ja] .muse-machine #museBegin{font-size:11px}html[lang=ja] .muse-link{font-size:13px}html[lang=ja] .reveal-actions button{font-size:15px}html[lang=ja] .muse-bottom{font-size:11px}html[lang=ja] .machine-caption{font-size:11px}}
#museExperience[data-state=questions] .muse-world{display:none}#museTouch{position:relative;inset:auto;min-height:calc(100dvh - 148px);padding:32px 24px}@media(max-width:700px){#museTouch{min-height:calc(100dvh - 126px);padding:26px 15px}}

/* The machine is the entire start screen. */
#museExperience{background:radial-gradient(ellipse at 50% 48%,#28101c,transparent 65%),#08090e}.muse-nav{height:72px;padding:12px 4vw}.muse-world{display:flex;justify-content:center;align-items:center;min-height:calc(100dvh - 72px);padding:0;gap:0}.muse-machine-wrap{width:min(96vw,calc((100dvh - 78px)*.8),820px);max-width:none}.muse-machine{width:100%;max-height:none;aspect-ratio:384/480}.muse-machine-title{font-size:clamp(11px,1.25vw,18px)}.muse-machine #museBegin{left:17%;width:66%;top:58%;height:auto;min-height:58px;padding:15px 10px;font:clamp(12px,1.2vw,18px)/1.6 NES,monospace;letter-spacing:0;background:linear-gradient(#ff6679,#e32143);border:3px solid #ffd7ba;color:white;box-shadow:inset 0 4px #ffb6bd,0 7px #8a0e29,0 10px #210711,0 0 28px #ff365c66;cursor:pointer}.muse-machine #museBegin:hover{background:linear-gradient(#ff8c98,#f32d50);border-color:#fff4d9;box-shadow:inset 0 4px #ffd1d6,0 7px #8a0e29,0 10px #210711,0 0 42px #ff365c99}.muse-machine #museBegin:active{transform:translateY(5px);box-shadow:inset 0 2px #ffc2ca,0 2px #8a0e29}.muse-machine #museBegin:focus-visible{outline:4px solid white;outline-offset:7px}.muse-machine #museBegin span{display:inline;margin-left:10px}#museExperience[data-state=catching] .muse-machine-wrap,#museExperience[data-state=capsule] .muse-machine-wrap{width:min(92vw,calc((100dvh - 154px)*.8),740px);padding-top:55px}.catch-overlay{inset:72px 0 0}.reveal-overlay{min-height:calc(100dvh - 72px)}#museTouch{min-height:calc(100dvh - 72px)}html[lang=ja] .muse-machine #museBegin{font-size:clamp(16px,1.6vw,22px)}@media(max-width:700px){.muse-machine-wrap{width:min(100vw,calc((100dvh - 78px)*.8))}.muse-machine #museBegin{font:12px/1.6 NES,monospace;padding:11px 6px;min-height:52px}.muse-machine #museBegin span{margin-left:5px;font-size:10px}.muse-machine-title{font-size:11px}.catch-overlay h2{font-size:16px}.catch-overlay p{font-size:20px}html[lang=ja] .muse-machine #museBegin{font-size:16px}}

/* Start control sits inside the cabinet's original touchscreen bezel. */
.muse-machine #museBegin{left:31.9%;top:57.9%;width:36.2%;height:6.75%;min-height:0;clip-path:polygon(5.5% 0,94.5% 0,100% 100%,0 100%);padding:2px 4px;font:clamp(14px,2vw,20px)/1.1 Pixel,monospace;letter-spacing:.3px;color:#fff0dc;background:linear-gradient(#b73543,#8e1d31);border:0;box-shadow:inset 0 2px #ef929080,inset 0 -3px #4b0d22}.muse-machine #museBegin:hover{background:linear-gradient(#ca4350,#a6253b);border-color:#e58b8e;border-bottom-color:#65182c;box-shadow:inset 0 2px #fbb5a74d,inset 0 -2px #5a1426,0 1px 2px #050408}.muse-machine #museBegin:active{transform:none;background:#882135;box-shadow:inset 0 2px 4px #40091f}.muse-machine #museBegin:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #fff4d9}html[lang=ja] .muse-machine #museBegin{font-size:clamp(12px,1.4vw,17px);letter-spacing:0}

/* Collect the capsule from the physical prize chute before opening it. */
#museExperience[data-state=chute] .muse-machine-wrap{width:min(92vw,calc((100dvh - 154px)*.8),740px);padding-top:55px}
.muse-machine #museCollect{position:absolute;left:39%;top:72.5%;width:22%;height:14%;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer}
.muse-machine #museCollect:hover{background:#e4f7ff12;box-shadow:inset 0 0 12px #e4f7ff44}
.muse-machine #museCollect:focus-visible{outline:3px solid #ffdfac;outline-offset:2px}

/* Compact touchscreen questionnaire. */
#museTouch{padding:20px 14px}
.touch-panel{width:min(620px,100%);padding:16px;border-width:4px;box-shadow:0 0 0 4px #321622,0 0 60px #c6213b25}
.touch-top{font-size:14px;letter-spacing:1px;line-height:1}
.touch-top button{font-size:24px;min-height:28px;padding:0 6px}
.touch-panel h2{font-size:16px;line-height:1.5;margin:8px 0}
.touch-panel>p{font-size:18px;line-height:1.2;margin:6px 0 12px}
.muse-row{gap:6px;margin:6px 0}
.row-question{font:18px/1.2 Pixel,monospace}
.muse-choice span{min-height:36px;padding:4px 2px;font-size:20px}
.touch-bottom{margin-top:14px;font-size:18px}
.touch-bottom button{min-width:116px;padding:10px 14px;font-size:14px}
html[lang=ja] .touch-panel>p{font-size:14px;line-height:1.5}
html[lang=ja] .muse-choice span{font-size:15px;min-height:36px}
html[lang=ja] .row-question{font:14px/1.4 MuseJP,monospace}
@media(max-width:480px){.touch-panel{padding:12px 8px}.touch-panel h2{font-size:13px}.touch-panel>p{font-size:17px}.muse-row{gap:4px}.row-question{font-size:16px}.muse-choice span{font-size:17px;min-height:40px}html[lang=ja] .muse-choice span{font-size:13px;min-height:40px}}

.touch-panel{position:relative;outline:none}
.touch-panel #museCancel{position:absolute;right:-4px;top:-34px;width:30px;height:28px;padding:4px;display:grid;place-items:center;background:#10151c;border:2px solid #873446;box-shadow:none}
.touch-bottom #museFind{font:22px/1.2 Pixel,monospace;min-width:150px}
html[lang=ja] .touch-bottom #museFind{font:15px/1.4 MuseJP,monospace}

.touch-bottom{justify-content:flex-end}