.mech-pask{color:#f4ecd6;-webkit-user-select:none;user-select:none;background:#0d0e16;grid-template-rows:minmax(14rem,1fr) auto;display:grid;position:absolute;inset:0;overflow:hidden}.mech-pask .mech-pask-stage{min-height:0;position:relative;overflow:hidden}.mech-pask .mech-pask-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mech-pask .mech-pask-state{text-align:center;width:min(36rem,100% - 9rem);font-family:var(--font-title);color:#f6e7bd;text-shadow:0 1px 3px #000,0 0 18px #000000e6;transition:opacity 1.2s var(--ease-slow);margin:0;font-size:clamp(1.05rem,.9rem + .7vw,1.45rem);position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.mech-pask button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14142099;border:1px solid #d9a44180;border-radius:999px;padding:.35rem 1rem}.mech-pask button:focus-visible{outline-offset:2px;outline:2px solid #f0cf7a}.mech-pask .mech-pask-leave{position:absolute;top:.8rem;right:.9rem}.mech-pask .mech-pask-desk{background:linear-gradient(#1a1420,#120f18);border-top:1px solid #d9a44159;flex-direction:column;align-items:center;gap:.6rem;max-height:58vh;padding:.7rem clamp(.75rem,3vw,2rem) 3.6rem;display:flex;position:relative;overflow-y:auto}.mech-pask .mech-pask-desk>*{flex-shrink:0}.mech-pask .mech-pask-lede{color:#f4ecd6d9;text-align:center;width:min(46rem,100%);margin:0;font-style:italic}.mech-pask .mech-pask-pads{grid-template-columns:repeat(10,minmax(0,1fr));gap:.45rem;width:min(46rem,100%);display:grid}.mech-pask .pad{aspect-ratio:1/1.15;touch-action:manipulation;background:radial-gradient(circle at 50% 35%,#4a3a52,#241c2c 70%);border:1px solid #d9a44173;border-radius:10px;place-items:center;padding:.2rem;transition:background .4s,box-shadow .4s;display:grid;position:relative;box-shadow:inset 0 -3px #00000059}.mech-pask .pad .note{font-family:var(--font-title);font-size:clamp(1rem,.8rem + .8vw,1.4rem);line-height:1}.mech-pask .pad .note sub{opacity:.7;font-size:.55em}.mech-pask .pad kbd{font:.7rem var(--font-body);opacity:.55;position:absolute;top:.2rem;right:.3rem}.mech-pask .pad .ear{background:0 0;border-radius:2px;height:3px;transition:background 1s;position:absolute;bottom:.3rem;left:22%;right:22%}.mech-pask .pad.is-heard .ear{background:#d9a441}.mech-pask .pad.is-struck{animation:.6s ease-out mech-pask-strike}.mech-pask .pad.is-down,.mech-pask .pad:active{background:radial-gradient(circle at 50% 35%,#6a5370,#2e2236 70%)}@keyframes mech-pask-strike{0%{box-shadow:inset 0 -3px #00000059,0 0 0 2px #f0cf7a99}to{box-shadow:inset 0 -3px #00000059,0 0 0 2px #f0cf7a00}}.mech-pask .mech-pask-bank{grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;width:min(52rem,100%);display:grid}.mech-pask .cell{background:#0a0a128c;border:1px solid #d9a44133;border-radius:6px;grid-template-columns:auto 1fr;grid-template-areas:"dial name""dial meter""set set";align-items:center;gap:.15rem .4rem;padding:.35rem .45rem;font-size:.78rem;display:grid}.mech-pask .cell.is-rhythm{border-color:#9db8d647}.mech-pask .cell .name{font-family:var(--font-title);white-space:nowrap;grid-area:name;font-size:.9rem}.mech-pask .cell .set{color:#f4ecd6b8;grid-area:set;min-height:2.5em;font-size:.74rem;line-height:1.25}.mech-pask .cell .dial{background:radial-gradient(circle,#ffffff0f,#0000004d);border:1px solid #d9a44180;border-radius:50%;grid-area:dial;width:2.1rem;height:2.1rem;position:relative}.mech-pask .cell .dial i{width:3px;height:3px;transform:rotate(calc(var(--k) * 45deg)) translateY(-.82rem);background:#f4ecd673;border-radius:50%;margin:-1.5px;position:absolute;top:50%;left:50%}.mech-pask .cell .dial b{background:var(--gel,#d9a441);width:.55rem;height:.55rem;box-shadow:0 0 calc(var(--lamp,0) * 12px) var(--gel,#d9a441);transform:rotate(calc(var(--v,0) * 45deg)) translateY(-.6rem);transition:transform 1.4s var(--ease-slow), background 1.4s;border-radius:50%;margin:-.275rem;position:absolute;top:50%;left:50%}.mech-pask .cell .meter{background:#f4ecd61a;border-radius:3px;grid-area:meter;height:.45rem;position:relative;overflow:hidden}.mech-pask .cell .hear{width:calc(var(--hear,0) * 100%);background:#f0cf7abf;position:absolute;inset:0 auto 0 0}.mech-pask .cell .need{top:0;bottom:0;left:calc(var(--need,0) * 100%);background:#f4ecd6;width:2px;position:absolute}.mech-pask .cell .lamp{display:none}.mech-pask .cell.is-lit{border-color:var(--gel)}.mech-pask .mech-pask-reading{text-align:center;color:#f4ecd6d9;width:min(46rem,100%);margin:0;font-size:.9rem;font-style:italic}.mech-pask .mech-pask-mic{color:#f4ecd6b3;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem .8rem;width:min(46rem,100%);font-size:.82rem;display:flex}.mech-pask .mech-pask-mic .mic[aria-pressed=true]{background:#d9a4414d}.mech-pask .mech-pask-how{color:#f4ecd6d1;width:min(46rem,100%);font-size:.86rem;line-height:1.45}.mech-pask .mech-pask-how summary{cursor:pointer;text-align:center;font-family:var(--font-title);color:#e8c77a}.mech-pask .mech-pask-how .cite{color:#f4ecd699;font-size:.78rem}.mech-pask.is-gentle .pad.is-struck{animation:none}.mech-pask.is-gentle .cell .dial b{transition:transform 2.5s linear,background 2.5s}@media (width<=44rem){.mech-pask{grid-template-rows:minmax(12rem,38vh) auto}.mech-pask .mech-pask-desk{max-height:none;overflow:visible}.mech-pask{overflow-y:auto}.mech-pask .mech-pask-pads{grid-template-columns:repeat(5,minmax(0,1fr))}.mech-pask .pad{aspect-ratio:1.3}.mech-pask .mech-pask-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.mech-pask .mech-pask-state{width:calc(100% - 2rem);top:auto;bottom:.6rem}}