.mech-whiston{color:#f4ecd6;background:#070a16;position:absolute;inset:0;overflow:hidden}.mech-whiston canvas.sky{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;position:absolute;inset:0}.mech-whiston .mech-whiston-prompt{text-align:center;width:min(40rem,100% - 2rem);font-family:var(--font-title);color:#f6e7bd;text-shadow:0 1px 6px #000,0 0 16px #000;pointer-events:none;margin:0;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem);position:absolute;top:1rem;left:50%;transform:translate(-50%)}.mech-whiston .mech-whiston-boom{font-family:var(--font-body);color:#f4ecd6;text-shadow:0 1px 4px #000,0 0 14px #000;opacity:0;pointer-events:none;margin:0;font-size:clamp(1rem,.9rem + .4vw,1.25rem);font-style:italic;transition:opacity .5s ease-out;position:absolute;top:58%;left:50%;transform:translate(-50%)}.mech-whiston .mech-whiston-boom.is-shown{opacity:1}.mech-whiston .mech-whiston-clock{pointer-events:none;grid-template-columns:auto auto;align-items:center;column-gap:.6rem;display:grid;position:absolute;bottom:1.25rem;left:1.25rem}.mech-whiston .mech-whiston-clock img{filter:drop-shadow(0 2px 6px #000);grid-row:span 2;height:4.2rem}.mech-whiston .mech-whiston-clock output{font-family:var(--font-title);font-variant-numeric:tabular-nums;font-size:1.6rem}.mech-whiston .mech-whiston-clock span{font-family:var(--font-uncial);letter-spacing:.05em;color:#e8c77a;font-size:.75rem}.mech-whiston .mech-whiston-controls{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.mech-whiston button,.mech-comet button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14161cb3;border:1px solid #d9a44199;border-radius:999px;padding:.4rem 1.1rem}.mech-whiston .mark{font-family:var(--font-title);padding:.75rem 1.5rem;font-size:1.15rem}.mech-whiston button[disabled]{opacity:.45;cursor:default}.mech-whiston .mech-whiston-chart{color:#2f2216;animation:whiston-unroll 1.2s var(--ease-slow);background:radial-gradient(at 40% 40%,#f3e7c8,#e2cfa2 75%,#cdb487);border:1px solid #c9a227;grid-template-columns:minmax(0,1.4fr) minmax(16rem,1fr);gap:1rem;padding:1rem;display:grid;position:absolute;inset:4.5rem 1.25rem 1.25rem;box-shadow:0 20px 60px #000000b3,inset 0 0 40px #78501e40}.mech-whiston .mech-whiston-chart[hidden]{display:none}@keyframes whiston-unroll{0%{opacity:0;transform:translateY(12px)}}.mech-whiston .mech-whiston-chart canvas{width:100%;height:100%;min-height:16rem;display:block}.mech-whiston .mech-whiston-chart .reading{flex-direction:column;gap:.8rem;display:flex;overflow-y:auto}.mech-whiston .mech-whiston-chart .result{margin:0;font-size:1.05rem;line-height:1.5}.mech-whiston .mech-whiston-chart blockquote{border-left:2px solid #7a2e2e;margin:0;padding-left:.8rem}.mech-whiston .mech-whiston-chart blockquote p{margin:0;font-style:italic;line-height:1.45}.mech-whiston .mech-whiston-chart cite{color:#6b4a2a;margin-top:.3rem;font-size:.8rem;font-style:normal;display:block}.mech-whiston .mech-whiston-chart .longitude{color:#4a3826;margin:0;font-size:.92rem;line-height:1.45}.mech-whiston .mech-whiston-chart .buttons{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.mech-whiston.is-charted .mech-whiston-controls,.mech-whiston.is-charted .mech-whiston-clock{display:none}@media (width<=48rem),(aspect-ratio<=1){.mech-whiston .mech-whiston-chart{grid-template-rows:minmax(15rem,45%) auto;grid-template-columns:1fr;inset:4rem .5rem .5rem;overflow-y:auto}.mech-whiston .mech-whiston-clock img{height:3rem}.mech-whiston .mech-whiston-controls{bottom:5.5rem;left:auto}}.mech-comet{background:radial-gradient(at 50% 30%,#1b2a4a,#0b1020 80%);padding:1rem 1.25rem 3.25rem;position:absolute;inset:0;overflow:auto}.mech-comet .mech-comet-page{color:#2f2216;background:radial-gradient(at 50% 40%,#f4e9cc,#e6d4ab 70%,#d2ba8e);border:1px solid #c9a227;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:1rem 1.25rem;height:100%;min-height:34rem;padding:1.1rem;display:grid;box-shadow:0 20px 60px #000000b3,inset 0 0 50px #78501e40}.mech-comet .scan{flex-direction:column;grid-row:span 2;min-height:0;margin:0;display:flex}.mech-comet .scan img{object-fit:contain;filter:sepia(.15)contrast(1.05);flex:1;width:100%;min-height:0}.mech-comet .scan figcaption{font-family:var(--font-title);text-align:center;margin-top:.4rem;font-size:.9rem}.mech-comet .motion{flex-direction:column;min-height:18rem;display:flex;position:relative}.mech-comet .motion canvas{flex:1;width:100%;min-height:0}.mech-comet .reading{font-family:var(--font-title);text-align:center;min-height:2.6em;margin:.3rem 0 0;font-size:1.05rem}.mech-comet .words{gap:.6rem;display:grid}.mech-comet blockquote{min-height:3.2rem;margin:0}.mech-comet blockquote p{margin:0;font-style:italic;line-height:1.45}.mech-comet blockquote cite{color:#6b4a2a;margin-top:.25rem;font-size:.8rem;font-style:normal;display:block}.mech-comet .time{align-items:center;gap:.6rem;display:flex}.mech-comet .time input{accent-color:#7a2e2e;flex:1}.mech-comet .note{color:#4a3826;margin:0;font-size:.88rem;line-height:1.45}@media (width<=48rem),(aspect-ratio<=1){.mech-comet{padding:.5rem}.mech-comet .mech-comet-page{grid-template-rows:auto auto auto;grid-template-columns:1fr;height:auto}.mech-comet .scan{grid-row:auto}.mech-comet .scan img{max-height:40vh}.mech-comet .motion{min-height:22rem}}