.mech-wheel{color:#f4ecd6;-webkit-user-select:none;user-select:none;background:#15121a;position:absolute;inset:0;overflow:hidden}.mech-wheel .mech-wheel-bg{filter:blur(6px)brightness(.42)saturate(.9);background:url(/house/plates/laithwaite/theatre-1440.webp) 50% 30%/cover;position:absolute;inset:-20px}.mech-wheel .mech-wheel-canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.mech-wheel .mech-wheel-canvas:active{cursor:grabbing}.mech-wheel .mech-wheel-prompt{text-align:center;width:min(36rem,100% - 2rem);font-family:var(--font-title);color:#f6e7bd;text-shadow:0 1px 6px #000,0 0 16px #000c;pointer-events:none;margin:0;font-size:clamp(1.05rem,.92rem + .55vw,1.4rem);position:absolute;top:1rem;left:50%;transform:translate(-50%)}.mech-wheel .mech-wheel-labels span{font-family:var(--font-body);color:#f4ecd6;text-shadow:0 1px 3px #000,0 0 8px #000;white-space:nowrap;pointer-events:none;opacity:0;margin:-.7rem 0 0 .4rem;font-size:.85rem;font-style:italic;transition:opacity .6s;position:absolute;top:0;left:0}.mech-wheel .mech-wheel-labels:not(.is-shown) span{opacity:0!important}.mech-wheel .mech-wheel-labels.is-shown span{opacity:1}.mech-wheel .mech-wheel-labels [data-l=L]{color:#e8c77a}.mech-wheel .mech-wheel-labels [data-l=W]{color:#e08a86}.mech-wheel .mech-wheel-labels [data-l=T]{color:#9db4ec}.mech-wheel .mech-wheel-labels [data-l=F]{color:#a7d3b1}.mech-wheel .mech-wheel-card,.mech-wheel .mech-wheel-readout{box-sizing:border-box}.mech-wheel .mech-wheel-card{color:#2a2420;background:linear-gradient(170deg,#f0e7d0f2,#ded0b0f2);border:1px solid #c9a227b3;width:min(17rem,100% - 2rem);padding:.8rem .95rem;font-size:.86rem;line-height:1.4;position:absolute;top:4.2rem;left:1rem;box-shadow:0 8px 24px #00000080}.mech-wheel .mech-wheel-card h2{font-family:var(--font-uncial);color:#7a2e2e;margin:0 0 .35rem;font-size:.95rem;font-weight:400}.mech-wheel .mech-wheel-card p{margin:0 0 .45rem}.mech-wheel .mech-wheel-card .caveat{color:#4b3b6b;margin:0;font-style:italic}.mech-wheel .mech-wheel-readout{background:#121018d1;border:1px solid #c9a22773;border-radius:6px;width:min(17.5rem,100% - 2rem);padding:.7rem .9rem .6rem;font-size:.86rem;position:absolute;top:4.2rem;right:1rem}.mech-wheel .mech-wheel-readout dl{grid-template-columns:auto 1fr;gap:.2rem .7rem;margin:0;display:grid}.mech-wheel .mech-wheel-readout dt{color:#e8c77a}.mech-wheel .mech-wheel-readout dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.mech-wheel .mech-wheel-readout .model{color:#f4ecd6b3;margin:.5rem 0 0;font-size:.74rem;font-style:italic}.mech-wheel .mech-wheel-controls{flex-direction:column;align-items:center;gap:.45rem;width:min(36rem,100% - 1.5rem);display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.mech-wheel .mech-wheel-controls .row{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.mech-wheel .mech-wheel-controls .row.small{font-size:.88rem}.mech-wheel .mech-wheel-controls button{font:inherit;color:#f4ecd6;cursor:pointer;touch-action:none;background:#14161ccc;border:1px solid #d9a44180;border-radius:999px;padding:.45rem 1rem}.mech-wheel .mech-wheel-controls .spin,.mech-wheel .mech-wheel-controls .push,.mech-wheel .mech-wheel-controls .lift{font-family:var(--font-title);padding:.6rem 1.2rem;font-size:1.05rem}.mech-wheel .mech-wheel-controls button:active{background:#d9a44159}.mech-wheel .mech-wheel-controls label{cursor:pointer;text-shadow:0 1px 3px #000;align-items:center;gap:.35rem;padding:0 .4rem;display:flex}@media (width>=1100px){.mech-wheel .mech-wheel-card,.mech-wheel .mech-wheel-readout{top:auto;bottom:1rem}}@media (width<=760px){.mech-wheel .mech-wheel-prompt{font-size:1rem;top:.6rem}.mech-wheel .mech-wheel-card{width:calc(48% - .9rem);padding:.45rem .55rem;font-size:.7rem;line-height:1.3;top:auto;bottom:13.2rem;left:.6rem}.mech-wheel .mech-wheel-card h2{font-size:.78rem}.mech-wheel .mech-wheel-card .story{display:none}.mech-wheel .mech-wheel-readout{width:calc(52% - .9rem);padding:.45rem .55rem;font-size:.7rem;top:auto;bottom:13.2rem;right:.6rem}.mech-wheel .mech-wheel-readout dl{gap:.1rem .4rem}.mech-wheel .mech-wheel-readout .elev,.mech-wheel .mech-wheel-readout .r-elev,.mech-wheel .mech-wheel-readout .model{display:none}.mech-wheel .mech-wheel-controls .spin,.mech-wheel .mech-wheel-controls .push,.mech-wheel .mech-wheel-controls .lift{padding:.5rem .8rem;font-size:.95rem}}