.mm-museum{width:min(100%,760px);margin:8px auto 0;padding:18px clamp(12px,3vw,28px) 24px;border-radius:28px;background:linear-gradient(#352a43,#241d30);border:1px solid #87769c;box-shadow:inset 0 0 60px #100b18,0 22px 48px rgba(25,18,35,.27);color:#f6eddd}
.mm-title{display:flex;align-items:center;gap:14px;color:#d6bd83;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.mm-title i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b89a65,transparent)}
.mm-rooms{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px;perspective:900px}.mm-room{position:relative;min-width:0;aspect-ratio:.78;border:1px solid #806c91;border-radius:70px 70px 10px 10px;padding:0;background:radial-gradient(ellipse at 50% 42%,#5d4b6d 0 35%,#2a2135 68%);color:#f8edd7;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 4px #231b2d,inset 0 -18px 30px #17111e,0 6px 12px #09060d99}
.mm-room::before{content:'';position:absolute;left:8%;right:8%;top:8%;bottom:8%;border:1px solid #a3875a55;border-radius:60px 60px 6px 6px}.mm-room-no{position:absolute;top:7%;left:0;right:0;font-size:clamp(8px,1.3vw,11px);letter-spacing:.08em;text-transform:uppercase;color:#d8c69f}.mm-plinth{position:absolute;left:16%;right:16%;bottom:12%;height:16%;background:linear-gradient(#a79074,#5e4a40);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);box-shadow:0 5px 8px #0009}
.mm-artifact{position:absolute;left:10%;right:10%;top:25%;bottom:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 8px 5px #0008);transition:.2s}.mm-artifact i{font-style:normal;font-family:Georgia,serif;font-size:clamp(30px,6vw,62px);line-height:1;color:#e5c875;text-shadow:0 1px #fff2b7,0 4px #7b542c}.mm-artifact b{margin-top:4px;font-size:clamp(7px,1.2vw,10px);line-height:1.05;color:#f8ead0}.mm-room.selected{outline:4px solid #f4cf6b;outline-offset:2px}.mm-room.hint{animation:mm-hint .8s ease-in-out 3}
.mm-tray-wrap{margin-top:18px;padding:12px;border:1px solid #715e82;border-radius:14px;background:#1b1524}.mm-tray-wrap>p{margin:0 0 8px;color:#cbb69a;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.mm-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:72px}.mm-card{position:relative;width:112px;height:68px;border:1px solid #8c769c;border-radius:10px;background:#443651;color:#fff;cursor:pointer}.mm-card .mm-artifact.small{inset:4px;position:absolute;flex-direction:row;gap:7px}.mm-card .mm-artifact.small i{font-size:30px}.mm-card .mm-artifact.small b{font-size:9px;text-align:left}.mm-card.selected{outline:4px solid #f4cf6b;background:#594665}
.mm-notes{width:min(100%,760px);margin:18px auto 0;padding:18px 20px;border-radius:18px;background:#f5ecd8;border:1px solid #cdbb91;box-shadow:0 7px 18px rgba(65,48,34,.12)}.mm-notes h2{margin:0 0 10px;font-family:Georgia,serif;color:#45372d}.mm-notes ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mm-notes li{display:flex;align-items:flex-start;gap:9px;padding:8px;border-radius:9px;color:#4b4037;font-size:14px}.mm-seal{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#6d557d;color:#fff;font-weight:700;font-size:11px}.mm-notes li.good{background:#dcebd7}.mm-notes li.good .mm-seal{background:#3f7844}.mm-notes li.bad{background:#f5d8d2}.mm-notes li.bad .mm-seal{background:#a3453d}
@keyframes mm-hint{50%{box-shadow:inset 0 0 0 4px #ffe68b,0 0 25px #ffe68b}}
@media(max-width:620px){.mm-rooms{gap:3px}.mm-museum{padding-inline:8px}.mm-notes ol{grid-template-columns:1fr}.mm-room{border-radius:36px 36px 7px 7px}.mm-artifact b{display:none}.mm-card{width:92px}.mm-card .mm-artifact.small b{display:block}}
@media(prefers-reduced-motion:reduce){.mm-artifact{transition:none}.mm-room.hint{animation:none;outline:4px solid #ffe68b}}