.mech-penrose{color:#f4ecd6;grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto;gap:.55rem;padding:1rem 1.25rem .9rem;display:grid;position:absolute;inset:0;overflow:hidden}.mech-penrose .mech-penrose-bg{z-index:-1;will-change:transform;background:url(/house/plates/penrose/study-blur.webp) 60% 70%/cover;position:fixed;inset:-24px}.mech-penrose .mech-penrose-prompt{text-align:center;max-width:50rem;min-height:2.6em;font-family:var(--font-title);color:#f6e7bd;text-shadow:0 1px 6px #000;margin:0 auto;font-size:clamp(1.02rem,.9rem + .55vw,1.35rem);line-height:1.3}.mech-penrose .mech-penrose-card{box-sizing:border-box;background:radial-gradient(at 30% 20%,#fffcf099,#0000 60%),#eadcb8;border:1px solid #c9a227b3;border-radius:3px;width:min(36rem,100%);margin:.2rem auto 0;padding:.5rem .8rem .3rem;box-shadow:0 10px 26px #00000080}.mech-penrose .mech-penrose-card svg{width:100%;height:auto;display:block}.mech-penrose .mech-penrose-card path.a{fill:#e8cc9c;stroke:#5a3c1e;stroke-width:1.2px}.mech-penrose .mech-penrose-card path.b{fill:#6e3e1e;stroke:#2a160a;stroke-width:1.2px}.mech-penrose .mech-penrose-card path.tipped{stroke:#b07d14;stroke-width:2px}.mech-penrose .mech-penrose-card .gilt{fill:#c9a227}.mech-penrose .mech-penrose-card .arrow{fill:none;stroke:#5a4630;stroke-width:1.4px}.mech-penrose .mech-penrose-card text{font:italic 12px var(--font-body);fill:#3a2a1a;text-anchor:middle}.mech-penrose .mech-penrose-canvas{touch-action:none;cursor:grab;will-change:transform;width:100%;height:100%;min-height:12rem;display:block}.mech-penrose .mech-penrose-canvas:active{cursor:grabbing}.mech-penrose .mech-penrose-count{text-align:center;color:#f4ecd6db;margin:0;font-style:italic}.mech-penrose .mech-penrose-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.mech-penrose button,.mech-penrose-stair button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14161ca6;border:1px solid #d9a4418c;border-radius:999px;padding:.45rem 1.15rem}.mech-penrose .mech-penrose-controls:not(.small) button{font-family:var(--font-title);padding:.55rem 1.3rem;font-size:1.08rem}.mech-penrose button.is-ready{border-color:#e0b04a;box-shadow:0 0 18px #d9a44173}.mech-penrose button[aria-pressed=true]{background:#d9a4414d}.mech-penrose button[disabled]{opacity:.55;cursor:default}.mech-penrose .trays{gap:.3rem;display:inline-flex}.mech-penrose .mech-penrose-controls.small button{padding:.3rem .9rem;font-size:.92rem}.mech-penrose .mech-penrose-note{color:#f4ecd6c7;max-width:50rem;margin:0 auto;font-size:.86rem;line-height:1.45}.mech-penrose .mech-penrose-note summary{cursor:pointer;text-align:center;color:#e8c77a}.mech-penrose .mech-penrose-note p{margin:.4rem 0 0}.mech-penrose-stair{color:#2b2118;position:absolute;inset:0;overflow:hidden}.mech-penrose-stair canvas{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.mech-penrose-stair .mech-penrose-stair-prompt{text-align:center;width:min(44rem,100% - 2rem);font-family:var(--font-title);color:#f6ecd2;text-shadow:0 1px 8px #140a1ee6;margin:0;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem);position:absolute;top:1rem;left:50%;transform:translate(-50%)}.mech-penrose-stair .mech-penrose-stair-count{text-align:center;color:#4a3420;width:calc(100% - 2rem);margin:0;font-style:italic;position:absolute;bottom:6.6rem;left:50%;transform:translate(-50%)}.mech-penrose-stair .mech-penrose-stair-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;width:calc(100% - 2rem);display:flex;position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%)}.mech-penrose-stair .climb{font-family:var(--font-title);touch-action:none;font-size:1.1rem}.mech-penrose-stair .through{font-family:var(--font-title);color:#3a2a1a;background:#fff6dce6;font-size:1.1rem;box-shadow:0 0 24px #ffecbee6}.mech-penrose-stair .mech-penrose-stair-note{text-align:center;color:#3a2a1abf;width:calc(100% - 2rem);margin:0;font-size:.8rem;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}@media (width<=48rem),(aspect-ratio<=1){.mech-penrose{flex-direction:column;padding:.8rem 1rem 4.5rem;display:flex;overflow-y:auto}.mech-penrose>*{flex:none;min-width:0}.mech-penrose .mech-penrose-card{box-sizing:border-box;background:radial-gradient(at 30% 20%,#fffcf099,#0000 60%),#eadcb8;border:1px solid #c9a227b3;border-radius:3px;width:min(36rem,100%);margin:.2rem auto 0;padding:.5rem .8rem .3rem;box-shadow:0 10px 26px #00000080}.mech-penrose .mech-penrose-card svg{width:100%;height:auto;display:block}.mech-penrose .mech-penrose-card path.a{fill:#e8cc9c;stroke:#5a3c1e;stroke-width:1.2px}.mech-penrose .mech-penrose-card path.b{fill:#6e3e1e;stroke:#2a160a;stroke-width:1.2px}.mech-penrose .mech-penrose-card path.tipped{stroke:#b07d14;stroke-width:2px}.mech-penrose .mech-penrose-card .gilt{fill:#c9a227}.mech-penrose .mech-penrose-card .arrow{fill:none;stroke:#5a4630;stroke-width:1.4px}.mech-penrose .mech-penrose-card text{font:italic 12px var(--font-body);fill:#3a2a1a;text-anchor:middle}.mech-penrose .mech-penrose-canvas{height:13rem}}