.mech-clock{color:#f4ecd6;grid-template-rows:auto 1fr auto;gap:.6rem;padding:1rem 1.25rem;display:grid;position:absolute;inset:0;overflow:hidden}.mech-clock-bg{z-index:-1;filter:blur(14px)brightness(.35)saturate(.9);background:url(/house/plates/wallingford/nave-1440.webp) 50%/cover;position:absolute;inset:-20px}.mech-clock-prompt{text-align:center;font-family:var(--font-title);color:#f6e7bd;text-shadow:0 1px 6px #000;margin:0;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem)}.mech-clock-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.mech-clock-dial{flex-direction:column;justify-content:center;align-items:center;min-height:0;margin:0;display:flex;container-type:size}.mech-clock-dial canvas{aspect-ratio:1;filter:drop-shadow(0 10px 30px #000000b3);width:min(100cqw,100cqh - 6.6rem,62vh)}.mech-clock-subdials{gap:1.5rem;margin-top:.4rem;display:flex}.mech-clock-subdials .sub{font-family:var(--font-uncial);letter-spacing:.06em;color:#e8c77a;flex-direction:column;align-items:center;font-size:.72rem;display:flex}.mech-clock-subdials svg{width:4.6rem;height:4.6rem;overflow:visible}.mech-clock-subdials .face{fill:#efe3c2;stroke:#c9a227;stroke-width:2px}.mech-clock-subdials .ticks line{stroke:#2a1d12;stroke-width:1.4px}.mech-clock-subdials .sea{fill:none;stroke:#3e5f8a;stroke-width:6px;stroke-dasharray:4 3}.mech-clock-subdials text{fill:#2a1d12;text-anchor:middle;font-size:9px;font-family:var(--font-body)}.mech-clock-subdials .hand{stroke:#7a2e2e;stroke-width:3px;stroke-linecap:round}.mech-clock-subdials .boss{fill:#c9a227}.mech-clock-works{min-height:0;position:relative}.mech-clock-works canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.mech-clock-works canvas:active{cursor:grabbing}.mech-clock-weight{font-family:var(--font-uncial);color:#e8c77a;align-items:center;gap:.5rem;font-size:.78rem;display:flex;position:absolute;top:.5rem;left:.5rem}.mech-clock-weight .bar{border:1px solid #c9a22799;border-radius:999px;width:7rem;height:.4rem;overflow:hidden}.mech-clock-weight .bar span{transform-origin:0;background:#c9a227;height:100%;display:block;transform:scaleX(0)}.mech-clock-works .wind{font-family:var(--font-title);color:#f4ecd6;cursor:pointer;touch-action:none;background:#14161cb3;border:1px solid #d9a44199;border-radius:999px;padding:.8rem 1.4rem;font-size:1.1rem;position:absolute;bottom:.5rem;right:.5rem}.mech-clock-works .wind:active{background:#d9a44159}.mech-clock-works .wind[disabled]{opacity:.55;cursor:default}.mech-clock-time{justify-items:center;gap:.4rem;display:grid}.mech-clock .mech-clock-plaque{background:radial-gradient(circle at .5em,#5b4313 .12em,#f3dc93 .15em,#0000 .2em),radial-gradient(circle at calc(100% - .5em),#5b4313 .12em,#f3dc93 .15em,#0000 .2em),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000000a 1px 3px),linear-gradient(#e7c978 0%,#c39a3f 38%,#9c7426 70%,#c9a24a 100%);border:1px solid #5d4314;border-radius:5px;align-items:center;gap:.55em;padding:.38em 1.1em;font-size:clamp(.82rem,.7rem + .55vw,1.12rem);line-height:1;display:flex;position:relative;box-shadow:inset 0 1px #fff4cdb3,inset 0 -1px #3c280a99,0 4px 14px #0009}.mech-clock .mech-clock-plaque .cell{background:#4a3410;border-radius:3px;align-items:center;gap:.08em;padding:.12em;display:flex;box-shadow:inset 0 1px 2px #000000b3,0 1px #fff0be8c}.mech-clock .mech-clock-plaque .wheel{--h:1.3em;width:.78em;height:var(--h);font-family:var(--font-body);font-variant-numeric:tabular-nums lining-nums;color:#f4e8c6;background:linear-gradient(#17110b,#2c2216 50%,#17110b);border-radius:2px;font-size:1.08em;display:block;position:relative;overflow:hidden}.mech-clock .mech-clock-plaque .wheel:after{content:"";pointer-events:none;background:linear-gradient(#000000bf,#0000 32% 68%,#000000bf);position:absolute;inset:0}.mech-clock .mech-clock-plaque .wheel.month{--h:1.4327em;width:5.6em;font-family:var(--font-title-sc);letter-spacing:.03em;font-size:.98em}.mech-clock .mech-clock-plaque .wheel.era{--h:1.897em;width:7.2em;font-family:var(--font-title-sc);letter-spacing:.06em;color:#e8c77a;font-size:.74em}.mech-clock .mech-clock-plaque .strip{will-change:transform;transition:transform .32s cubic-bezier(.3,.7,.4,1);display:block}.mech-clock .mech-clock-plaque .strip>span{height:var(--h);white-space:nowrap;justify-content:center;align-items:center;display:flex}.mech-clock .mech-clock-plaque .colon{text-align:center;width:.36em;font-family:var(--font-body);color:#f3dc93}.mech-clock.is-still .mech-clock-plaque .strip{transition:none}@media (prefers-reduced-motion:reduce){.mech-clock .mech-clock-plaque .strip{transition:none}}.mech-clock-time input[type=range]{accent-color:#c9a227;width:min(44rem,100%)}.mech-clock-time .jumps{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.mech-clock-time button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14161c99;border:1px solid #d9a44180;border-radius:999px;padding:.35rem 1rem}.mech-clock-time button[disabled]{opacity:.45;cursor:default}.mech-clock-time .readout{text-align:center;max-width:46rem;min-height:2.9em;margin:0;font-style:italic;line-height:1.45}.mech-clock-time .note{text-align:center;color:#f4ecd68c;max-width:46rem;margin:0;font-size:.8rem}@media (width<=48rem),(aspect-ratio<=1){.mech-clock{grid-template-rows:auto auto auto;overflow-y:auto}.mech-clock-bg{position:fixed}.mech-clock-stage{grid-template-rows:auto minmax(14rem,34vh);grid-template-columns:1fr;min-height:auto}.mech-clock-dial{min-height:auto;container-type:normal}.mech-clock-dial canvas{width:min(100%,44vh)}.mech-clock-time .note{display:none}}