.md-mechanical-section{padding:32px 20px 38px!important;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#0c3b6155,transparent 65%)}.md-mechanical-section h2{color:#edc567;margin:8px 0 10px;font-size:clamp(28px,4vw,44px)}.md-mechanical-section .cube-description{color:#e0ebf7;font-size:15px}.md-cube-instruction{color:#edc567;font:800 11px/1.6 system-ui;letter-spacing:.15em;margin:20px 0 0}
.md-mechanical-stage{--cube-step:118px;--cube-piece:112px;position:relative;height:570px;max-width:1050px;margin:auto;perspective:1300px;touch-action:pan-y;cursor:grab;isolation:isolate}.md-mechanical-stage:focus-visible{outline:2px solid #edc567;outline-offset:-4px}.md-mechanical-stage:active{cursor:grabbing}.md-mechanical-stage:before{content:'';position:absolute;width:450px;height:100px;left:50%;bottom:34px;transform:translateX(-50%);border-radius:50%;background:#0699ff25;box-shadow:0 0 45px #009dff40,inset 0 0 45px #009dff35;filter:blur(9px);pointer-events:none}
.md-mechanical-root{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d;transform-origin:0 0;will-change:transform}.md-cubie{position:absolute;left:calc(var(--cube-piece) / -2);top:calc(var(--cube-piece) / -2);width:var(--cube-piece);height:var(--cube-piece);transform-style:preserve-3d}.md-turn-layer{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform-origin:0 0}
.md-cubie-face{position:absolute;inset:0;backface-visibility:hidden;background:#08101c;border:1px solid #244567;border-radius:6px;box-sizing:border-box;box-shadow:inset 0 0 9px #000;transform-style:preserve-3d}.md-cube-sticker{position:absolute;inset:3px;padding:5px 4px 3px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--sticker-color) 85%,white),var(--sticker-color));border:2px solid #073351;border-radius:5px;box-shadow:0 0 7px #149fff88,inset 0 1px 3px #ffffff55;color:#fff;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:inherit}.md-cube-sticker img{width:95%;height:72%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px #0009)}.md-cube-sticker span{font:900 8px/1.15 system-ui;text-transform:uppercase;letter-spacing:.03em;display:block;white-space:normal;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}.md-cube-sticker:hover{border-color:#edc567;box-shadow:0 0 12px #30bdff,inset 0 0 14px #ffffff55}.md-cube-sticker[data-md-category="Street Fighter"] img{background:#f0e4a5;border-radius:3px}.md-cube-sticker[data-md-category="DC Comics"] img{background:#e8cd44;padding:2px;box-sizing:border-box}.md-cube-sticker[data-md-category="G.I. Joe"] span{color:#152b42;text-shadow:none}
.md-cube-controls{max-width:760px;margin:auto;display:flex;justify-content:center;align-items:end;flex-wrap:wrap;gap:10px}.md-cube-controls label{display:grid;gap:5px;text-align:left;font:700 11px system-ui;color:#bcd3e5}.md-cube-controls select{height:42px;background:#071b2d;color:#eff7ff;border:1px solid #297eae;padding:8px 12px;border-radius:4px;max-width:150px}.md-cube-controls button{min-height:42px;background:#0a2843;border:1px solid #339ad5;color:#edc567;padding:9px 14px;border-radius:4px;font-weight:800;cursor:pointer}.md-cube-controls button:hover{background:#16466b}.md-cube-controls :focus-visible,.md-cube-category-links button:focus-visible{outline:2px solid #edc567;outline-offset:3px}.md-cube-controls button:disabled{opacity:.5;cursor:wait}.md-cube-view-controls{display:flex;justify-content:center;gap:10px;margin:14px 0}.md-cube-view-controls button{min-height:38px;padding:8px 14px;border:1px solid #2c6189;background:#071727;color:#d0e7f8;border-radius:4px;cursor:pointer}.md-cube-status{color:#c3d9e9;font:12px/1.6 system-ui;min-height:20px;margin:14px 0}.md-cube-access{max-width:740px;margin:10px auto 0;text-align:left}.md-cube-access summary{cursor:pointer;color:#edc567;min-height:32px;text-align:center;font-size:13px}.md-cube-category-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.md-cube-category-links button{padding:12px 8px;border:1px solid #287fac;background:#0b2339;color:#fff;border-radius:3px;cursor:pointer;font-size:12px}
@media(max-width:720px){.md-mechanical-section{padding:26px 12px!important}.md-mechanical-stage{--cube-step:82px;--cube-piece:77px;height:420px;perspective:1000px}.md-cube-sticker{inset:2px;padding:4px 2px;gap:2px}.md-cube-sticker span{font-size:6.5px}.md-mechanical-stage:before{width:290px;height:60px;bottom:15px}.md-cube-controls{gap:8px}.md-cube-controls select{font-size:12px;max-width:130px;padding:6px}.md-cube-controls button{padding:9px 10px;font-size:11px}.md-cube-description{font-size:13px}.md-cube-instruction{font-size:9px}}
@media(max-width:390px){.md-mechanical-stage{--cube-step:68px;--cube-piece:64px;height:355px}.md-cube-sticker span{font-size:5.5px}.md-cube-controls label{font-size:10px}.md-cube-category-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.md-mechanical-root{will-change:auto}.md-cube-sticker{transition:none}}