.crane-page{padding-bottom:3rem}.crane-shell{background:linear-gradient(145deg,#23133e,#4a2873);color:#fff;border:2px solid #b99cff;border-radius:1.3rem;padding:clamp(.75rem,3vw,1.5rem);box-shadow:0 18px 45px #29134b35}.crane-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.crane-head h2{margin:0}.crane-head label{display:grid;gap:.35rem;font-weight:850}.crane-head select{min-height:44px;border:2px solid #d3c1ff;border-radius:.7rem;padding:.45rem .7rem;background:#fff;color:#21113e;font:inherit}.crane-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin:1rem 0}.crane-stats div{display:grid;gap:.15rem;background:#fff1;border:1px solid #fff2;border-radius:.75rem;padding:.6rem}.crane-stats small{color:#eadfff}.crane-stats strong{font-size:1rem}.crane-stage{position:relative;isolation:isolate;width:min(100%,660px);height:560px;margin:auto;overflow:hidden;border:3px solid #d5c3ff;border-radius:1rem;background:linear-gradient(#b89bff 0 33%,#72d9dc 64%,#173f49 100%)}.crane-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 18%,#fff8 0 5px,transparent 6px),radial-gradient(circle at 75% 12%,#fff7 0 7px,transparent 8px),linear-gradient(90deg,transparent 49.6%,#ffffff22 50%,transparent 50.4%);z-index:-2}.crane-skyline{position:absolute;inset:auto 0 0;height:24%;background:repeating-linear-gradient(90deg,#192b3f 0 42px,#243955 42px 76px,#182c43 76px 115px);opacity:.72;z-index:-1}.crane-slab{position:absolute;height:27px;border:2px solid #fff9;border-radius:.4rem;box-shadow:0 6px 0 #1c1032,0 8px 12px #14092055;transition:width .12s ease,left .12s ease}.crane-slab.moving{box-shadow:0 0 0 3px #fff,0 9px 18px #14092077}.crane-hook{position:absolute;top:0;width:4px;background:#fff9;transform:translateX(-2px);border-radius:0 0 4px 4px}.crane-status{min-height:2.8rem;color:#fff1a8;font-weight:850;text-align:center}.crane-drop{display:block;width:min(100%,660px);min-height:64px;margin:1rem auto;border:3px solid #fff0a4;border-radius:.9rem;background:#ffdf5b;color:#25133f;font:900 1.15rem/1 Arial,sans-serif;cursor:pointer}.crane-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.crane-actions button{min-height:48px;border:2px solid #c7adff;border-radius:.8rem;background:#faf7ff;color:#25133f;font:inherit;font-weight:900;padding:.6rem 1rem;cursor:pointer}.crane-actions .next{background:#76e6c2;border-color:#b4ffe8}.crane-note{color:#eee5ff;line-height:1.6}.crane-guide{margin-top:1.4rem}.crane-drop:focus-visible,.crane-actions button:focus-visible,.crane-head select:focus-visible{outline:3px solid #62ffe0;outline-offset:3px}@media(max-width:760px){.crane-shell{padding:.65rem}.crane-stats{grid-template-columns:repeat(4,1fr)}.crane-stage{height:520px}.crane-stats div:last-child{grid-column:span 2}}@media(prefers-reduced-motion:reduce){.crane-slab{transition:none}}