.gear-page{max-width:1040px}.gear-shell{border:3px solid #120d1b;background:#fff;color:#120d1b;padding:clamp(1rem,3vw,2rem);box-shadow:8px 8px 0 #b39aff}.gear-top{display:flex;align-items:end;justify-content:space-between;gap:1rem}.gear-top h2{margin:0}.gear-top label{font-weight:900;display:grid;gap:.35rem}.gear-top select{min-height:2.75rem;border:2px solid #120d1b;background:#fff;color:#120d1b;padding:.45rem .7rem;font:800 1rem/1 system-ui}.gear-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.gear-stats div{border:2px solid #120d1b;background:#f4efff;padding:.7rem}.gear-stats small{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.gear-stats strong{display:block;margin-top:.25rem;font-size:1rem}.gear-board{display:grid;gap:.55rem;max-width:620px;margin:1.2rem auto}.gear-row{display:grid;grid-template-columns:3.5rem minmax(8rem,1fr) 3.5rem;align-items:center;gap:.55rem;border:2px solid transparent;padding:.3rem}.gear-row.active{border-color:#8b5cf6;background:#f4efff}.gear-row>button:not(.gear-dial){min-height:3.3rem;border:2px solid #120d1b;background:#fff;color:#120d1b;font:900 1.45rem/1 system-ui;box-shadow:3px 3px 0 #b39aff}.gear-dial{position:relative;min-height:4.4rem;border:3px solid #120d1b;border-radius:999px;background:repeating-conic-gradient(from var(--gear-turn),#b39aff 0 10deg,#120d1b 10deg 18deg,#fff 18deg 36deg);color:#120d1b;overflow:hidden}.gear-dial span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(var(--gear-turn));display:grid;place-items:center;width:2.7rem;height:2.7rem;border:2px solid #120d1b;border-radius:50%;background:#fff;color:#8b5cf6;font-size:1.7rem;transition:transform .18s ease}.gear-dial strong{position:absolute;right:.8rem;bottom:.55rem;background:#fff;border:2px solid #120d1b;padding:.1rem .38rem}.gear-row.active .gear-dial{outline:3px solid #8b5cf6;outline-offset:2px}.gear-status{min-height:2.8rem;font-weight:800}.gear-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.gear-actions button{min-height:2.75rem;padding:.65rem 1rem;border:2px solid #120d1b;background:#fff;color:#120d1b;font:800 .9rem/1.1 system-ui}.gear-actions .primary{background:#120d1b;color:#fff}.gear-actions button:disabled{opacity:.45}.gear-note{font-size:.94rem;line-height:1.6}.gear-key{display:inline-block;border:1px solid #120d1b;background:#fff;padding:.08rem .32rem;box-shadow:1px 1px 0 #b39aff;font-weight:900}@media(max-width:620px){.gear-top{align-items:stretch;flex-direction:column}.gear-top select{width:100%}.gear-stats{grid-template-columns:1fr 1fr}.gear-row{grid-template-columns:3.2rem minmax(6rem,1fr) 3.2rem}.gear-shell{box-shadow:5px 5px 0 #b39aff}}@media(prefers-reduced-motion:reduce){.gear-dial span{transition:none}}