html,body{margin:0;height:100%;overflow:hidden;background:#cfe6ff}#museum{position:fixed;inset:0;font-family:Arial,Helvetica,sans-serif;color:#3a2533;user-select:none;-webkit-user-select:none}#museum [hidden]{display:none!important}#museum canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#museum canvas:active{cursor:grabbing}#museum .home{position:absolute;top:12px;left:14px;display:block;line-height:0}#museum .home img{max-width:min(46vw,260px);height:auto;filter:drop-shadow(0 2px 4px rgba(90,0,50,.3))}#museum h1{position:absolute;top:12px;right:16px;max-width:46vw;margin:0;font:900 clamp(20px,3.4vw,34px)/1 "Arial Black",Arial,sans-serif;color:#fff;text-align:right;text-shadow:0 0 2px #c4127a,0 2px 0 #c4127a,2px 0 0 #c4127a,-2px 0 0 #c4127a,0 -2px 0 #c4127a,0 4px 10px rgba(120,0,70,.45)}#museum .stars-hud{position:absolute;top:58px;right:16px;display:flex;align-items:center;gap:6px;margin:0;padding:6px 13px 6px 8px;border-radius:999px;background:#ffffffe6;color:#7a3a5c;font:700 15px/1 Arial,Helvetica,sans-serif;box-shadow:0 3px 10px #78004638}#museum .stars-hud i{width:22px;height:22px;background:linear-gradient(#ffe36b,#f0a800);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#museum .stars-hud b{color:#d01e8a;font-size:18px}#museum .stars-hud.pop{animation:hud-pop .55s cubic-bezier(.3,1.6,.5,1)}#museum .snap{position:absolute;top:56px;right:136px;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%}#museum .snap i{position:relative;width:20px;height:14px;border-radius:3px;background:#fff}#museum .snap i:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#d01e8a;box-shadow:0 0 0 2px #fff}#museum .snap i:after{content:"";position:absolute;left:3px;top:-3px;width:7px;height:3px;border-radius:2px 2px 0 0;background:#fff}#museum .photo,#museum .present{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:16px;overflow-y:auto;background:#5a143c59}#museum .photo .box,#museum .present .box{box-sizing:border-box;width:min(92vw,760px);max-width:100%;padding:18px 20px 16px;border-radius:20px;background:#fffdfef7;box-shadow:0 12px 40px #78004659;animation:box-in .45s cubic-bezier(.3,1.3,.5,1) both}#museum .photo h2,#museum .present h2{margin:0 0 10px;font:900 22px/1.15 Arial Black,Arial,sans-serif;color:#d01e8a}#museum .photo img{display:block;width:100%;height:auto;max-height:60vh;margin:0 0 12px;object-fit:contain;border-radius:10px}#museum .photo .go,#museum .present .go{display:flex;flex-wrap:wrap;gap:10px;margin:0}#museum .photo button,#museum .photo .save,#museum .present button,#museum .present .open{padding:12px 20px;text-decoration:none}#museum .photo .close,#museum .present .close{background:linear-gradient(#fff,#f3e6ee);color:#a0507a;text-shadow:none;border-color:#e1c3d4}#museum .present .box{width:min(92vw,480px);text-align:center}#museum .present img{display:block;max-width:100%;max-height:50vh;margin:4px auto 10px;border-radius:10px}#museum .present .what{margin:0 0 14px;font-size:17px;font-weight:700;color:#3a2533}#museum .present .go{justify-content:center}#museum .under{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#5ad2ff1a,#00326457)}#museum .flash{position:absolute;inset:0;background:#fff;pointer-events:none;animation:flash .6s ease-out both}@keyframes flash{0%{opacity:.92}to{opacity:0}}#museum .crown-hud{position:absolute;top:98px;right:16px;margin:0;padding:6px 9px;border-radius:999px;background:#ffffffe6;box-shadow:0 3px 10px #78004638;animation:hud-pop .55s cubic-bezier(.3,1.6,.5,1)}#museum .crown-hud i{display:block;width:26px;height:20px;background:linear-gradient(#ffe36b,#f0a800);clip-path:polygon(0 100%,0 25%,25% 58%,50% 5%,75% 58%,100% 25%,100% 100%)}@keyframes hud-pop{0%{transform:scale(1.4)}}#museum .toast{position:absolute;left:50%;top:96px;margin:0;padding:10px 20px;border-radius:999px;transform:translate(-50%);white-space:nowrap;background:#fffdfef2;color:#d01e8a;font:700 16px/1.2 Arial,Helvetica,sans-serif;box-shadow:0 6px 22px #78004640}#museum .toast.show{animation:toast-in .4s cubic-bezier(.3,1.4,.5,1) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.9)}}#museum .aim{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-8px 0 0 -8px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 2px #d01e8aa6,0 0 8px #0000004d;pointer-events:none}#museum .lockhint{position:absolute;left:50%;bottom:84px;margin:0;padding:7px 14px;border-radius:999px;transform:translate(-50%);white-space:nowrap;background:#3c0a288c;color:#fff;font-size:13px;pointer-events:none}#museum .intro,#museum .finale{position:absolute;inset:0;display:grid;place-items:center;padding:16px;overflow-y:auto;background:#5a143c38}#museum .intro .box,#museum .finale .box{max-width:460px;padding:22px 26px 20px;border-radius:20px;background:#fffdfef7;box-shadow:0 12px 40px #78004659;animation:box-in .45s cubic-bezier(.3,1.3,.5,1) both}@keyframes box-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}#museum .intro h2,#museum .finale h2{margin:0 0 8px;font:900 24px/1.15 Arial Black,Arial,sans-serif;color:#d01e8a}#museum .intro .new{display:inline-block;margin:0 0 8px;padding:4px 11px 4px 9px;border:1px solid #ffb0d8;border-radius:999px;background:linear-gradient(#fff6fb,#ffe2f1);color:#c4127a;font:700 13px/1.2 Arial,Helvetica,sans-serif}#museum .intro .new:before{content:"";display:inline-block;width:11px;height:11px;margin:0 6px -1px 0;background:linear-gradient(#ffd75e,#f0a800);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}#museum .intro p,#museum .finale p{margin:0 0 10px;font-size:15px;line-height:1.45}#museum .intro ul{margin:0 0 16px;padding-left:20px;font-size:15px;line-height:1.6}#museum .intro .go{display:flex;flex-wrap:wrap;gap:10px;margin:0}#museum .intro button,#museum .finale button,#museum .walk button,#museum .pad button,#museum .snap,#museum .dance,#museum .photo button,#museum .photo .save,#museum .present button,#museum .present .open{border:1px solid #b4196d;border-radius:23px;cursor:pointer;color:#fff;font:700 16px/1 Arial,Helvetica,sans-serif;background:linear-gradient(#ff9fd2,#e8309a 55%,#d01e8a);text-shadow:0 1px 0 rgba(90,0,50,.5);box-shadow:inset 0 1px #ffffff80,0 3px 8px #7800464d}#museum .intro button,#museum .finale button{padding:12px 20px}#museum .intro button.guided{background:linear-gradient(#ffe36b,#ffb31c 55%,#f08a00);border-color:#c26a00}#museum .wait{position:absolute;left:50%;bottom:30px;margin:0;transform:translate(-50%);color:#a0507a;font-size:15px}#museum .card{position:absolute;left:50%;bottom:86px;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(86vw,420px);padding:12px 22px 14px;border-radius:16px;transform:translate(-50%);background:#fffdfef0;text-align:center;box-shadow:0 6px 22px #78004647;animation:card-in .35s ease both}#museum .card b{font-size:18px}#museum .card a{color:#d01e8a;font-weight:700}@keyframes card-in{0%{opacity:0;transform:translate(-50%,12px)}}#museum .walk{position:absolute;left:50%;bottom:22px;display:flex;gap:10px;transform:translate(-50%)}#museum .walk button{min-width:46px;height:46px;padding:0 16px;font-size:22px}#museum .walk button.tour{font-size:16px}#museum .walk button.tour.going{background:linear-gradient(#ffe36b,#ffb31c 55%,#f08a00);border-color:#c26a00}#museum .pad{position:absolute;right:18px;bottom:18px;display:grid;grid-template:". u ." 44px "l j r" 44px ". d ." 44px / 44px 44px 44px;gap:4px}#museum .pad button{display:grid;place-items:center;width:44px;height:44px;padding:0;touch-action:none;-webkit-touch-callout:none}#museum .pad button[data-key]:before{content:"";width:16px;height:16px;background:#fff;clip-path:polygon(50% 8%,94% 86%,6% 86%);filter:drop-shadow(0 1px 0 rgba(90,0,50,.5))}#museum .pad button[data-key=arrowup]{grid-area:u}#museum .pad button[data-key=q]{grid-area:l}#museum .pad button[data-key=e]{grid-area:r}#museum .pad button[data-key=arrowdown]{grid-area:d}#museum .pad button[data-key=e]:before{rotate:90deg}#museum .pad button[data-key=arrowdown]:before{rotate:180deg}#museum .pad button[data-key=q]:before{rotate:270deg}#museum .pad .jump{grid-area:j;font-size:11px;background:linear-gradient(#ffe36b,#ffb31c 55%,#f08a00);border-color:#c26a00}#museum .stick{position:absolute;left:20px;bottom:20px;width:128px;height:128px;border-radius:50%;touch-action:none;-webkit-touch-callout:none;background:radial-gradient(circle,#ffffff9e,#ffd6ec6b);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #78004640,inset 0 0 0 1px #d01e8a38}#museum .stick:before,#museum .stick:after{content:"";position:absolute;left:50%;width:16px;height:12px;margin-left:-8px;background:#fff;filter:drop-shadow(0 1px 0 rgba(180,25,109,.55));pointer-events:none}#museum .stick:before{top:9px;width:20px;margin-left:-10px;clip-path:polygon(50% 0,100% 100%,0 100%)}#museum .stick:after{bottom:9px;clip-path:polygon(0 0,100% 0,50% 100%)}#museum .stick i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 36% 30%,#ffd2ea,#ff6fbd 42%,#d01e8a 78%);border:1px solid #b4196d;box-shadow:inset 0 2px #ffffff8c,0 4px 10px #78004659}#museum .stick i.back{transition:transform .22s cubic-bezier(.3,1.5,.5,1)}#museum .hop{position:absolute;right:22px;bottom:30px;width:70px;height:70px;padding:0;border-radius:50%;touch-action:none;-webkit-touch-callout:none;border:1px solid #c26a00;color:#fff;font:700 15px/1 Arial,Helvetica,sans-serif;text-shadow:0 1px 0 rgba(90,40,0,.5);background:linear-gradient(#ffe36b,#ffb31c 55%,#f08a00);box-shadow:inset 0 1px #ffffff80,0 3px 8px #783c004d}#museum .hop:active{transform:scale(.94)}#museum button:hover{filter:brightness(1.08)}@media(max-width:640px){#museum .walk{left:14px;transform:none;bottom:18px}#museum .card,#museum .lockhint{bottom:168px}#museum .toast{top:100px;white-space:normal;text-align:center}}@media(max-width:640px)and (pointer:coarse){#museum .walk{left:auto;right:14px;bottom:112px}#museum .card{bottom:184px}}@media(max-width:360px)and (pointer:coarse){#museum .walk{bottom:160px}#museum .card{bottom:216px}}@media(prefers-reduced-motion:reduce){#museum .card,#museum .intro .box,#museum .finale .box,#museum .toast.show,#museum .stars-hud.pop{animation:none}#museum .stick i.back{transition:none}#museum .photo .box,#museum .present .box{animation:none}#museum .flash{display:none}}#museum .dance{position:absolute;top:56px;right:186px;padding:11px 16px}#museum .boot{position:absolute;inset:0;display:grid;place-content:center;gap:14px;text-align:center;color:#a0507a;font:700 17px/1.3 Arial,Helvetica,sans-serif}#museum .boot p{margin:0}#museum .bar{position:relative;display:block;width:min(70vw,320px);height:14px;overflow:hidden;border-radius:7px;background:#fbe3ef;box-shadow:inset 0 1px 3px #961e5a40}#museum .bar b{position:absolute;inset:0;border-radius:7px;background:linear-gradient(90deg,#ff9fd2,#e8309a 55%,#d01e8a);transform-origin:0 50%;transform:scaleX(var(--done, .08));transition:transform .4s ease}#museum .bar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:bar-shine 1.4s linear infinite}@keyframes bar-shine{0%{transform:translate(-100%)}to{transform:translate(260%)}}#museum .wait{display:grid;justify-items:center;gap:8px;text-align:center}@media(prefers-reduced-motion:reduce){#museum .bar:after{animation:none}#museum .bar b{transition:none}}#museum .stats{position:absolute;left:12px;top:52px;margin:0;padding:3px 8px;border-radius:6px;background:#3c0e2899;color:#fff;font:12px/1.35 system-ui,sans-serif;white-space:pre;pointer-events:none;z-index:4}