.mech-menace{color:#f4ecd6;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:.55rem;padding:.9rem 1.25rem .8rem;display:grid;position:absolute;inset:0;overflow:hidden}.mech-menace-bg{will-change:transform;z-index:-1;background:url(/house/plates/menace/table-blur.webp) 70%/cover;position:fixed;inset:-24px}.mech-menace-prompt{text-align:center;max-width:52rem;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-menace-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);align-items:center;gap:1.2rem;min-height:0;display:grid}.mech-menace-play{flex-direction:column;justify-content:center;align-items:center;gap:.6rem;height:100%;min-height:0;display:flex}.mech-menace-board{aspect-ratio:1;will-change:transform;background:radial-gradient(at 30% 20%,#fffcf0b3,#0000 60%),radial-gradient(at 80% 90%,#966e322e,#0000 55%),#eadcb8;border-radius:3px;grid-template:repeat(3,1fr)/repeat(3,1fr);width:min(100%,44vh,24rem);padding:4%;display:grid;position:relative;transform:rotate(-1.4deg);box-shadow:0 18px 40px #0009,inset 0 2px #ffffff40,inset 0 0 0 1px #785a2859}.mech-menace-board .grid{pointer-events:none;width:92%;height:92%;position:absolute;inset:4%}.mech-menace-board .grid path{fill:none;stroke:#3a2c1c;stroke-width:3.2px;stroke-linecap:round;opacity:.82}.mech-menace-board .grid .win{stroke:#b07d14;stroke-width:7px;opacity:.85;stroke-dasharray:500;stroke-dashoffset:500px;transition:stroke-dashoffset 1.4s var(--ease-slow,ease-out)}.mech-menace-board .grid .win.is-drawn{stroke-dashoffset:0}.mech-menace-board .cell{cursor:default;color:inherit;background:0 0;border:0;border-radius:6px;margin:6%;padding:0;position:relative}.mech-menace.is-visitor-turn .mech-menace-board .cell:not([disabled]){cursor:pointer}.mech-menace.is-visitor-turn .mech-menace-board .cell:not([disabled]):hover,.mech-menace-board .cell:focus-visible{background:#b07d1429;outline:none}.mech-menace-board .cell:focus-visible{box-shadow:0 0 0 2px #b07d14}.mech-menace-board .cell svg{width:100%;height:100%;position:absolute;inset:0}.mech-menace-board .dot{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffffffd9, var(--bead) 40%, color-mix(in srgb, var(--bead) 55%, #000) 100%);opacity:.6;border-radius:50%;width:18%;transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:1px 2px 3px #3c280a59}.mech-menace-board .cell.is-o .dot,.mech-menace-board .cell.is-x .dot{opacity:0}.mech-menace-board kbd{font:.7rem var(--font-body);color:#3a2a1a73;position:absolute;bottom:2%;right:4%}.mech-menace-board .cell[disabled] kbd{display:none}.mech-menace-board .ink{fill:none;stroke-width:6.5px;stroke-linecap:round}.mech-menace-board .ink.o{stroke:#1f2a3c}.mech-menace-board .ink.x{stroke:#7d2a1d}.mech-menace-board .bead{stroke:#28190580;stroke-width:1px}.mech-menace-board .mark.is-fresh .ink{stroke-dasharray:200;stroke-dashoffset:200px;animation:.55s ease-out forwards menace-ink}.mech-menace-board .mark.is-fresh .x2{animation-delay:.25s}.mech-menace-board .mark.is-fresh .bead{opacity:0;animation:.6s .4s forwards menace-fade}@keyframes menace-ink{to{stroke-dashoffset:0}}@keyframes menace-fade{to{opacity:1}}.mech-menace-key{text-align:center;color:#f4ecd6b3;max-width:22rem;margin:0;font-size:.88rem;font-style:italic}.mech-menace-box{grid-template-rows:minmax(0,1fr) auto auto;gap:.4rem;height:100%;min-height:0;display:grid}.mech-menace-box canvas{will-change:transform;touch-action:none;cursor:grab;width:100%;height:100%;min-height:0;display:block}.mech-menace-box canvas:active{cursor:grabbing}.mech-menace-boxlabel{text-align:center;color:#f4ecd6db;min-height:1.4em;margin:0;font-style:italic}.mech-menace-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.2rem;display:flex}.mech-menace .shake{font-family:var(--font-title);color:#f4ecd6;cursor:pointer;background:#14161cb3;border:1px solid #d9a441b3;border-radius:999px;padding:.6rem 1.4rem;font-size:1.12rem}.mech-menace .shake:not([disabled]){box-shadow:0 0 18px #d9a44147}.mech-menace .shake[disabled]{opacity:.4;cursor:default}.mech-menace .auto{color:#f4ecd6bf;cursor:pointer;align-items:center;gap:.4rem;font-size:.92rem;display:flex}.mech-menace .auto input{accent-color:#c9a227}.mech-menace-ledger{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.2rem;height:clamp(9rem,22vh,12.5rem);display:grid}.mech-menace-ledger figure{grid-template-rows:minmax(0,1fr) auto;gap:.25rem;min-height:0;margin:0;display:grid}.mech-menace-ledger canvas{will-change:transform;width:100%;height:100%;min-height:0;display:block}.mech-menace-ledger .chest-wrap{min-height:0;position:relative}.mech-menace-ledger .curve canvas{background:radial-gradient(at 25% 20%,#fffcf099,#0000 60%),#e6d7b2;border-radius:3px;box-shadow:0 10px 24px #00000080}.mech-menace-ledger figcaption{color:#f4ecd6b8;font-size:.82rem;line-height:1.35}.mech-menace .chest-tip{color:#2b2118;pointer-events:none;white-space:nowrap;background:#efe3c2;border:1px solid #c9a227;border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .55rem;font-size:.8rem;line-height:1.25;display:flex;position:absolute;box-shadow:0 6px 16px #00000080}.mech-menace .chest-tip[hidden]{display:none}.mech-menace .chest-tip .mini{background:linear-gradient(#5a4630,#5a4630) 33.3% 0/1px 100% no-repeat,linear-gradient(#5a4630,#5a4630) 66.6% 0/1px 100% no-repeat,linear-gradient(#5a4630,#5a4630) 0 33.3%/100% 1px no-repeat,linear-gradient(#5a4630,#5a4630) 0 66.6%/100% 1px no-repeat;grid-template:repeat(3,.95rem)/repeat(3,.95rem);display:grid}.mech-menace .chest-tip .mini i{text-align:center;font-style:normal;line-height:.95rem}.mech-menace-controls{justify-content:center;gap:.6rem;display:flex}.mech-menace-controls button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14161c99;border:1px solid #d9a44180;border-radius:999px;padding:.35rem 1.1rem}.mech-menace-note{text-align:center;color:#f4ecd68c;max-width:60rem;margin:0 auto;font-size:.76rem;line-height:1.35}@media (width<=48rem),(aspect-ratio<=1){.mech-menace{flex-direction:column;padding:.8rem 1rem 4.5rem;display:flex;overflow:hidden auto}.mech-menace>*{flex:none;min-width:0}.mech-menace-prompt{min-height:3.9em}.mech-menace-stage{flex-direction:column;gap:.8rem;display:flex}.mech-menace-play,.mech-menace-box{width:100%;height:auto}.mech-menace-box{order:-1;grid-template-rows:11rem auto auto}.mech-menace-board{width:min(78vw,19rem)}.mech-menace-ledger{flex-direction:column;height:auto;display:flex}.mech-menace-ledger figure{grid-template-rows:9rem auto}}