.mystery-game{color:#fff5d8;background:#160f16;min-height:100svh;position:relative;overflow:hidden}.mystery-game button{font:inherit}.mystery-world-art{object-fit:cover}.mystery-vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0f080dc2,#0000 53%),linear-gradient(#0000 50%,#0e080dab);position:absolute;inset:0}.mystery-controls{pointer-events:none;z-index:30;justify-content:space-between;align-items:center;padding:15px 18px;display:flex;position:absolute;top:0;left:0;right:0}.mystery-controls>*{pointer-events:auto}.mystery-controls>div{gap:8px;display:flex}.mystery-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#271926b3;border:1px solid #fff5d852;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.mystery-intro{z-index:3;flex-direction:column;justify-content:center;max-width:min(720px,56vw);min-height:100svh;display:flex;position:relative;left:clamp(24px,5vw,84px)}.mystery-intro h1,.mystery-finale h1{font-family:var(--font-display),Georgia,serif;letter-spacing:-.045em;text-wrap:balance;margin:0 0 24px;font-size:clamp(52px,6.6vw,98px);line-height:.91}.mystery-intro h1 span{overflow-wrap:normal;white-space:normal;word-break:normal;font-size:clamp(36px,5.6vw,82px);display:block}.mystery-intro p,.mystery-finale p{text-shadow:0 2px 12px #0f0a10;margin:0;font-size:clamp(17px,1.6vw,23px);line-height:1.5}.mystery-intro button,.mystery-finale>button{color:#2b1b26;cursor:pointer;background:#e8c275;border:0;border-radius:999px;align-self:flex-start;margin-top:28px;padding:15px 24px;font-weight:900;transition:transform .18s}.mystery-intro button:hover,.mystery-finale>button:hover{transform:translateY(-3px)}.mystery-play{z-index:3;min-height:100svh;position:relative;inset:0}.mystery-progress{gap:8px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.mystery-progress i{clip-path:polygon(50% 0,65% 32%,100% 50%,65% 68%,50% 100%,35% 68%,0 50%,35% 32%);background:#fff5d82e;border:1px solid #fff5d86b;width:23px;height:23px}.mystery-progress i.is-done{filter:drop-shadow(0 0 7px #eac87f);background:#eac87f}.mystery-progress i.is-current{animation:1.8s ease-in-out infinite mystery-progress-pulse}.mystery-question{text-shadow:0 3px 18px #120c12;max-width:430px;position:absolute;top:116px;left:4vw}.mystery-question h2{font-family:var(--font-display),Georgia,serif;margin:0 0 8px;font-size:clamp(39px,4.7vw,68px);line-height:1}.mystery-question p{opacity:.84;min-height:26px;margin:0;font-size:17px}.mystery-thing-sprite{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.mystery-items{isolation:isolate;background:radial-gradient(#090609ad 0%,#0a070a80 50%,#0a070a00 79%);justify-content:center;align-items:flex-end;height:clamp(135px,20vw,280px);padding:0 clamp(10px,2vw,32px);display:flex;position:absolute;bottom:27%;left:29%;right:4%}.mystery-items>div{aspect-ratio:1;z-index:2;flex:none;width:auto;height:clamp(92px,11vw,168px);margin:0 clamp(4px,.8vw,13px);transition:opacity .38s,transform .7s;animation:3.8s ease-in-out infinite mystery-item-idle;position:relative}.mystery-items--5>div{height:clamp(78px,10vw,150px)}.mystery-items>div:nth-child(2n){animation-delay:-1.3s}.mystery-items>div:nth-child(3n){animation-delay:-2.2s}.mystery-items .mystery-thing-sprite{filter:drop-shadow(0 10px 8px #11080e47);width:100%;height:100%}.mystery-game[data-phase=event] .mystery-items>div.is-missing{animation:1.15s both mystery-item-wind-away}.mystery-game[data-phase=answer] .mystery-items>div.is-missing{opacity:0;transform:translate(75vw,-90px)rotate(20deg)scale(.45)}.mystery-items>div.is-returned{animation:.52s ease-out both mystery-return-item}.mystery-event{pointer-events:none;z-index:8;position:absolute;inset:0}.mystery-event--wind i{background:#d3a973;border-radius:80% 0;width:31px;height:18px;animation:1.15s both mystery-wind;position:absolute;top:32%;left:18%}.mystery-event--wind i:nth-child(2){animation-delay:.13s;top:47%;left:45%}.mystery-event--wind i:nth-child(3){animation-delay:.24s;top:28%;left:62%}.mystery-answers{isolation:isolate;background:radial-gradient(#090609ad 0%,#0a070a80 50%,#0a070a00 79%);justify-content:center;align-items:center;gap:clamp(12px,2vw,30px);height:clamp(105px,14vw,180px);padding:0 24px;display:flex;position:absolute;bottom:3%;left:27%;right:3%}.mystery-answers button{aspect-ratio:1;cursor:pointer;z-index:2;background:0 0;border:0;flex:0 clamp(64px,8.5vw,118px);width:auto;height:clamp(82px,9vw,132px);padding:0;transition:filter .18s,transform .18s;position:relative}.mystery-answers button:hover{filter:brightness(1.08);transform:translateY(-9px)rotate(-1deg)}.mystery-answers button.is-wrong{animation:.58s mystery-soft-return}.mystery-answers .mystery-thing-sprite{filter:drop-shadow(0 9px 7px #190c1240);width:100%;height:100%;margin-inline:auto}.mystery-restored{color:#f3d792;font-family:var(--font-display),Georgia,serif;text-shadow:0 3px 18px #160e16;font-size:clamp(42px,5vw,72px);animation:.45s both mystery-restored-in;position:absolute;top:19%;left:50%;transform:translate(-50%)}.mystery-finale{z-index:4;flex-direction:column;justify-content:center;align-items:flex-start;max-width:720px;padding:86px 4vw 30px;display:flex;position:absolute;inset:0}.mystery-finale:before{content:"";z-index:-1;background:linear-gradient(90deg,#10090feb,#10090f8a,#0000);position:fixed;inset:0}.mystery-finale h1{font-size:clamp(47px,5.8vw,82px)}.mystery-finale p{max-width:600px}.mystery-returned-things{z-index:5;align-items:flex-end;gap:0;height:19%;display:flex;position:fixed;bottom:2%;left:30%;right:3%}.mystery-returned-thing{width:auto;height:clamp(75px,9vw,130px);margin:0 -7px;animation:.7s both mystery-returned-things}.mystery-gate-backdrop{z-index:50;background:#0c070bdb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mystery-gate{color:#2d1c29;background:#f8ebcc;border-radius:24px;width:100%;max-width:460px;padding:28px}.mystery-gate h2{font-family:var(--font-display),Georgia,serif;margin:4px 0 8px;font-size:34px}.mystery-kicker{color:#805471;text-transform:uppercase;font-weight:900}.mystery-gate label{margin-top:18px;font-weight:800;display:block}.mystery-gate input{border:2px solid #5d3e58;border-radius:12px;width:100%;margin:6px 0;padding:10px;font-size:24px}.mystery-gate-error{color:#8b4a38;min-height:24px;display:block}.mystery-gate form div{gap:10px;margin-top:12px;display:flex}.mystery-primary,.mystery-secondary{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:850}.mystery-primary{color:#fff;background:#55364f}.mystery-secondary{color:#2d1c29;background:#e5d3ad}@keyframes mystery-progress-pulse{50%{filter:drop-shadow(0 0 8px #eac87f);transform:scale(1.08)}}@keyframes mystery-item-idle{50%{transform:translateY(-4px)rotate(.8deg)}}@keyframes mystery-wind{0%{opacity:0;transform:translate(-180px,80px)rotate(0)}50%{opacity:1}to{opacity:0;transform:translate(75vw,-90px)rotate(540deg)}}@keyframes mystery-item-wind-away{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}60%{opacity:.95}to{opacity:0;transform:translate(75vw,-90px)rotate(20deg)scale(.45)}}@keyframes mystery-soft-return{35%{transform:translate(-7px)rotate(-2deg)}70%{transform:translate(5px)rotate(1deg)}}@keyframes mystery-return-item{0%{opacity:0;transform:translateY(-34px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mystery-restored-in{0%{opacity:0;transform:translate(-50%,18px)scale(.85)}}@keyframes mystery-returned-things{0%{opacity:0;transform:translateY(50px)rotate(-8deg)}}@media (max-width:760px){.mystery-world-art{object-position:57% center}.mystery-controls{padding:10px}.mystery-controls .game-system-wordmark{width:112px}.mystery-controls button{width:44px;height:44px}.mystery-intro{justify-content:flex-end;max-width:none;padding:110px 20px 38px;left:0}.mystery-intro h1{font-size:clamp(46px,13vw,68px)}.mystery-intro h1 span{font-size:clamp(30px,9vw,42px)}.mystery-intro p{font-size:17px}.mystery-progress{top:64px}.mystery-question{top:105px;left:15px}.mystery-question h2{font-size:36px}.mystery-question p{font-size:14px}.mystery-items{height:39vw;bottom:31%;left:2%;right:2%}.mystery-items>div,.mystery-items--5>div{width:auto;height:18vw;margin:0 .5vw}.mystery-answers{gap:2vw;height:27vw;padding-inline:8px;bottom:3%;left:2%;right:2%}.mystery-answers button{flex-basis:16vw;width:auto;height:20vw}.mystery-restored{top:23%}.mystery-finale{justify-content:flex-start;padding:15vh 20px 30px}.mystery-finale h1{font-size:clamp(42px,11vw,58px)}.mystery-finale p{font-size:16px}.mystery-returned-things{height:18%;bottom:2%;left:2%;right:2%}.mystery-returned-thing{width:auto;height:18vw;margin:0 -3vw}}@media (prefers-reduced-motion:reduce){.mystery-game *,.mystery-game :before,.mystery-game :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mystery-finale .mystery-returned-things{flex-wrap:wrap;flex-shrink:0;justify-content:center;width:100%;height:auto;position:relative;inset:auto}.mystery-finale .mystery-returned-thing{flex-shrink:0}.mystery-profile-setup{gap:10px;min-width:0;max-width:100%;margin-top:20px;display:grid}.mystery-profile-setup select{color:#244c34;font:inherit;background:#fffdf5;border:1px solid #54715c;border-radius:12px;width:100%;min-width:0;min-height:44px;padding:8px 12px}.mystery-profile-setup p{font-size:1rem}.mystery-progress-backdrop{z-index:50;background:#112a1dbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.mystery-save-panel{box-sizing:border-box;color:#244c34;overflow-wrap:anywhere;background:#fffdf5;border-radius:24px;width:min(520px,100%);max-height:calc(100svh - 40px);padding:24px;overflow:auto}.mystery-save-actions{flex-wrap:wrap;gap:12px;display:flex}.mystery-save-actions button{max-width:100%;min-height:44px;font:inherit;color:#244c34;background:#fff1b5;border:1px solid #54715c;border-radius:12px;padding:10px 16px}
