.mech-occult{color:#f4ecd6;touch-action:none;background:#120e1e;position:absolute;inset:0;overflow:hidden}.mech-occult .mech-occult-bg{pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-12%}.mech-occult .mech-occult-bg.inner{filter:brightness(.62)saturate(.95);will-change:transform;background-image:url(/house/plates/occult-chemistry/inner-2560.webp)}.mech-occult .mech-occult-bg.study{transition:opacity 3.2s var(--ease-slow), filter 3.2s var(--ease-slow), transform 3.6s var(--ease-slow);transform-origin:53% 30%;background-image:url(/house/plates/occult-chemistry/study-2560.webp)}.mech-occult.is-inside .mech-occult-bg.study{opacity:0;filter:blur(12px)brightness(1.5);transform:scale(1.6)}.mech-occult.is-reduced .mech-occult-bg.study{transition:opacity 1.2s linear;transform:none}.mech-occult .mech-occult-canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.mech-occult .mech-occult-canvas:active{cursor:grabbing}.mech-occult .mech-occult-table{backdrop-filter:blur(4px);background:#120c1e94;border:1px solid #c9a22759;border-radius:4px;padding:.6rem .7rem .7rem;position:absolute;top:1rem;left:1.1rem}.mech-occult .mech-occult-label{font-family:var(--font-title-sc);letter-spacing:.08em;color:#e8c77a;margin:0 0 .45rem;font-size:.82rem}.mech-occult .tiles{grid-template-columns:repeat(4,3.6rem);gap:.3rem;display:grid}.mech-occult .tile{height:3.6rem;font:inherit;color:#f4ecd6;cursor:pointer;background:#4b3b6b47;border:1px solid #bfc3cc4d;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:.15rem;line-height:1.1;display:flex}.mech-occult .tile:hover{background:#c9a2272e}.mech-occult .tile[aria-pressed=true]{background:#c9a22747;border-color:#e8c77a;box-shadow:0 0 14px #e8c77a59}.mech-occult .tile .sym{font-family:var(--font-title);color:#f6e7bd;font-size:1.25rem}.mech-occult .tile .name{letter-spacing:.02em;opacity:.85;font-size:.62rem}.mech-occult .tile .n{font-family:var(--font-legible);color:#e8c77a;font-size:.6rem}.mech-occult .tile-meta-neon{background:#4b3b6b1f;border-style:dashed}.mech-occult .mech-occult-ladder{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.mech-occult .mech-occult-ladder ol{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.mech-occult .mech-occult-ladder ol button{font:inherit;color:#f4ecd69e;cursor:pointer;text-shadow:0 1px 4px #000;background:0 0;border:0;flex-direction:row-reverse;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.88rem;display:flex}.mech-occult .mech-occult-ladder .mark{border:1px solid #e8c77ab3;width:.6rem;height:.6rem;transform:rotate(45deg)}.mech-occult .mech-occult-ladder ol button.is-here{color:#f6e7bd}.mech-occult .mech-occult-ladder ol button.is-here .mark{background:#e8c77a;box-shadow:0 0 10px #e8c77a}.mech-occult .mech-occult-ladder .closer,.mech-occult .mech-occult-ladder .back{color:#f6e7bd;cursor:pointer;background:#120c1e99;border:1px solid #e8c77a8c;border-radius:50%;width:2.6rem;height:2.6rem;font-size:1.4rem;line-height:1}.mech-occult .mech-occult-ladder .closer:hover,.mech-occult .mech-occult-ladder .back:hover{background:#c9a22740}.mech-occult .mech-occult-caption{backdrop-filter:blur(6px);background:linear-gradient(#140e22bd,#0e0a18e0);border:1px solid #c9a22766;border-radius:4px;width:min(36rem,100% - 2.2rem);max-height:46%;padding:.9rem 1.2rem .8rem;position:absolute;bottom:1rem;left:1.1rem;overflow-y:auto}.mech-occult .mech-occult-caption.is-new .stage,.mech-occult .mech-occult-caption.is-new .text{animation:occult-chemistry-fade 1.4s var(--ease-slow)}@keyframes occult-chemistry-fade{0%{opacity:0}}.mech-occult .readout{color:#f4ecd6cc;margin:0 0 .35rem;font-size:.86rem}.mech-occult .readout strong{color:#f6e7bd;font-weight:400;font-family:var(--font-title);font-size:1rem}.mech-occult .readout .aw{color:#f4ecd699}.mech-occult .stage{font-family:var(--font-title);color:#e8c77a;margin:0 0 .35rem;font-size:1.25rem;font-weight:400}.mech-occult .text{margin:0 0 .5rem;font-size:1rem;line-height:1.5}.mech-occult .song{color:#f6e7bd;margin:0 0 .5rem;font-style:italic}.mech-occult .song:empty{display:none}.mech-occult .honest{color:#f4ecd6b8;border-top:1px solid #c9a22740;margin:0;padding-top:.45rem;font-size:.84rem;font-style:italic}.mech-occult .mech-occult-leave{font:inherit;color:#f4ecd6;cursor:pointer;background:#120c1e99;border:1px solid #d9a44180;border-radius:999px;padding:.45rem 1.1rem;position:absolute;top:1rem;right:1.1rem}.mech-occult .mech-occult-hint{color:#f6e7bdbf;text-shadow:0 1px 6px #000;pointer-events:none;transition:opacity 2s var(--ease-slow);margin:0;font-size:.9rem;position:absolute;top:1.3rem;left:50%;transform:translate(-50%)}.mech-occult .mech-occult-hint.is-gone{opacity:0}@media (width<=900px){.mech-occult .mech-occult-hint{display:none}}@media (width<=640px){.mech-occult .mech-occult-table{padding:.4rem;top:.5rem;left:.5rem;right:.5rem}.mech-occult .mech-occult-label{display:none}.mech-occult .tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem}.mech-occult .tile{height:2.9rem}.mech-occult .tile .name{display:none}.mech-occult .mech-occult-leave{padding:.35rem .8rem;font-size:.85rem;top:auto;bottom:calc(38% + 1.2rem);right:.5rem}.mech-occult .mech-occult-ladder{top:4.4rem;right:.5rem;transform:none}.mech-occult .mech-occult-ladder ol .lbl{display:none}.mech-occult .mech-occult-ladder .closer,.mech-occult .mech-occult-ladder .back{width:2.3rem;height:2.3rem}.mech-occult .mech-occult-caption{width:calc(100% - 1rem);max-height:38%;padding:.7rem .85rem .6rem;bottom:.5rem;left:.5rem}.mech-occult .text{font-size:.95rem}}