.crossing-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.crossing-controls label{display:grid;gap:6px;color:#c6d7d1;font-size:13px}.crossing-controls input[type=range]{width:100%;accent-color:#8ddeca}.crossing-actions,.crossing-follow,.crossing-choices{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.crossing-actions button,.crossing-follow button,.crossing-choices button{border:1px solid #d4bd7866;border-radius:8px;background:linear-gradient(130deg,#30453d,#172426);padding:8px 12px;color:#ebddac;cursor:pointer;font:600 12px/1.3 system-ui;transition:background .2s,box-shadow .2s}.crossing-actions button:hover,.crossing-follow button:hover,.crossing-choices button:hover{box-shadow:0 0 16px #b3d1ad36}.crossing-follow button[aria-pressed=true],.crossing-choices button[aria-pressed=true]{background:#364c45;border-color:#d4cc94;color:#fff1c2;box-shadow:inset 0 0 10px #a2edbf16,0 0 10px #d5bb7533}.crossing-main{width:100%;aspect-ratio:860/300;display:block;border:1px solid #9bc8bb33;border-radius:12px;touch-action:none;cursor:crosshair}.crossing-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin-top:14px}.crossing-shape{width:100%;aspect-ratio:440/195;display:block;border:1px solid #9bc8bb33;border-radius:12px}.crossing-weights{display:grid;gap:7px;padding:10px 14px;border:1px solid #9bc8bb33;border-radius:12px;background:#15232588}.crossing-weight{display:grid;grid-template-columns:16px 1fr 42px;gap:8px;align-items:center;font:12px system-ui}.crossing-weight i{display:block;height:9px;background:#182127;border-radius:4px;overflow:hidden}.crossing-weight b{display:block;height:100%;width:0;background:var(--basis-color);border-radius:4px;box-shadow:0 0 12px var(--basis-color)}.crossing-weight output{text-align:right}.crossing-readout{color:#aadecd;font:13px/1.6 ui-monospace,monospace;font-variant-numeric:tabular-nums;margin:9px 0}.crossing-small{font:12px/1.6 system-ui;color:#a8bbb5;margin:6px 0}.crossing-detail h5{color:#e3d4a3;margin:0 0 8px;font:600 13px system-ui}.crossing-follow span{color:#b4c9c1;font-size:12px}.crossing-controls input:focus-visible,.crossing-actions button:focus-visible,.crossing-follow button:focus-visible,.crossing-choices button:focus-visible{outline:2px solid #f3d993;outline-offset:3px}@media(max-width:550px){.crossing-controls,.crossing-detail{grid-template-columns:1fr}.crossing-main{aspect-ratio:860/380}}