:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#dbe1df;background:#0c1218;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html,body,#exhibit{width:100%;height:100%;margin:0;overflow:hidden}button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:1px solid #cfb783;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.28}button:not(:disabled):hover{color:#fff;background:#ffffff07}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.topbar{position:absolute;top:25px;left:30px;right:25px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.identity{font-size:12px;letter-spacing:2px;font-weight:400;color:#b8c4c7}.identity .mark,.identity>div>span{display:none}.view-tools{display:flex;gap:5px;pointer-events:auto}.view-tools button{height:34px;padding:0 12px;font-size:11px;letter-spacing:.5px;color:#b1bdc2}.view-tools button span{margin-left:6px;font-size:14px}.view-tools #sound{margin-left:12px;padding-left:18px;border-left:1px solid #ffffff18}.status{position:absolute;top:74px;left:30px;display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.3px;color:#b9c6c2}.status-light{width:4px;height:4px;border-radius:50%;background:#c8bc99}.status-separator{color:#657274}.chrono-readout{position:absolute;right:31px;top:89px;display:flex;flex-direction:column;gap:8px;text-align:right;pointer-events:none;text-shadow:0 1px 5px #000,0 0 10px #000}.chrono-readout>span:first-child{font-size:11px;letter-spacing:1px;color:#a6b4bb}.chrono-readout strong{font:26px Courier New,monospace;letter-spacing:1px;font-weight:400;color:#d5ddd9;font-variant-numeric:tabular-nums}.readout-caption{display:none}.bottom-interface{position:absolute;bottom:17px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:max-content;max-width:calc(100% - 24px)}.primary-controls{display:flex;align-items:center;height:53px;padding:4px;background:#111921e8;backdrop-filter:blur(16px);border:1px solid #8e9eaa38;border-radius:4px;box-shadow:0 8px 32px #0006}.primary-controls button{height:39px;min-width:94px;padding:0 23px;font-size:12px;letter-spacing:.65px;display:flex;align-items:center;justify-content:center;position:relative;border-right:1px solid #ffffff0e}.primary-controls button:last-child{border:0}.primary-controls #chronograph{min-width:160px}.primary-controls #wind{min-width:108px}.primary-controls .control-icon,.primary-controls small{display:none}.primary-controls .active{color:#e2c38b;background:#d1b2760b}.primary-controls i{width:4px;height:4px;background:#59676c;border-radius:50%;margin-left:10px}.primary-controls i.on{background:#d6bb89}.subsystems{display:flex;align-items:center;gap:4px;margin-bottom:6px;padding:0 8px;background:#0c141c96;backdrop-filter:blur(8px);border-radius:3px}.subsystems button{height:33px;padding:0 14px;font-size:11px;letter-spacing:.6px;color:#9aabb3;position:relative}.subsystems button[aria-pressed=true]{color:#e0c590}.subsystems button[aria-pressed=true]:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;background:#bda16f}.inspect-caption{display:none}.subsystems #clear-selection{font-size:20px;padding:0 7px}.bottom-interface p{font-size:11px;letter-spacing:.2px;line-height:1.35;color:#a5b5ba;margin:9px 0 0;min-height:15px;text-align:center;text-shadow:0 1px 5px #000,0 0 15px #000}.inspection{display:flex;align-items:center;gap:8px;height:35px;padding:0 10px;background:#101a23d9;border:1px solid #ffffff13;border-radius:3px;margin-bottom:6px;font-size:11px}.inspection-label{display:none}.speeds{display:flex;gap:1px;border-right:1px solid #ffffff16;padding-right:8px}.speeds button{height:29px;min-width:41px;font-size:12px;color:#98a9b0;border-radius:2px}.speeds button[aria-pressed=true]{color:#dec38a;background:#d5bd8610}.inspection .step{font-size:17px;color:#b0bdbf;width:27px;height:29px;padding:0}.inspection input{width:105px;accent-color:#cab487;height:2px;cursor:ew-resize;touch-action:none}.inspection #inspect-time{font:11px Courier New,monospace;color:#9baab0;min-width:68px;text-align:right}.label{position:absolute;color:#c4d0d2;font-size:11px;letter-spacing:.4px;padding:7px 10px;background:#101a22d9;border:1px solid #9ab0c033;border-radius:2px;white-space:nowrap;pointer-events:none;transform:translate(-50%,-100%)}.label:after{content:"";position:absolute;left:50%;top:100%;height:57px;border-left:1px solid #b1c4d055}.label span{display:block;color:#94a9b0;font-size:10px;margin-top:5px;letter-spacing:.1px}#loading{position:absolute;inset:0;background:#0d141b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:12px;letter-spacing:1px;z-index:5;transition:opacity .4s}#loading span{width:90px;height:1px;background:#b69d6e80;animation:load 1s ease-in-out infinite alternate}@keyframes load{to{transform:scaleX(.3);opacity:.3}}#error{position:absolute;inset:30%;background:#17222c;padding:30px;font-size:14px;z-index:6;line-height:1.6}[hidden]{display:none!important}@media(max-width:700px){.topbar{top:15px;left:15px;right:10px}.identity{font-size:10px;letter-spacing:1px}.view-tools{gap:0}.view-tools button{font-size:10px;padding:0 8px}.view-tools #sound{padding-left:9px;margin-left:3px}.view-tools button span{display:none}.status{top:61px;left:16px;gap:6px;font-size:10px}.chrono-readout{top:91px;right:17px}.chrono-readout>span:first-child{font-size:10px;letter-spacing:.4px}.chrono-readout strong{font-size:23px}.bottom-interface{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 18px);max-width:none}.primary-controls{width:100%;height:51px;padding:3px 0;justify-content:space-evenly}.primary-controls button{font-size:11px;padding:0 8px;min-width:0!important;letter-spacing:0;flex:1}.primary-controls #chronograph{flex:1.8}.primary-controls i{display:none}.subsystems{width:100%;padding:0;gap:0;justify-content:space-around;margin-bottom:5px}.subsystems button{padding:0 6px;font-size:10px;letter-spacing:0;flex:1;height:36px}.subsystems #clear-selection{flex:0}.bottom-interface p{font-size:10px;letter-spacing:0;max-width:100%;line-height:1.4}.inspection{width:100%;padding:0 5px;gap:4px}.inspection input{flex:1;width:30px}.inspection #inspect-time{min-width:63px;font-size:10px}.speeds button{min-width:37px;height:31px;font-size:11px}.label{font-size:10px}.label span{display:none}}@media(max-height:550px){.status{display:none}.topbar{top:10px}.bottom-interface{bottom:8px}.bottom-interface p{display:none}.primary-controls{height:45px}.subsystems{margin-bottom:3px}.subsystems button{height:30px}.inspection{height:32px;margin-bottom:3px}.chrono-readout{top:61px}.chrono-readout strong{font-size:22px}}@media(min-width:1000px){.bottom-interface{display:grid;grid-template-columns:auto auto;column-gap:12px;justify-items:center}.inspection{grid-row:1;grid-column:2;margin:0}.subsystems{grid-row:1;grid-column:1;margin:0}.primary-controls{grid-row:2;grid-column:1/-1;margin-top:7px}.bottom-interface p{grid-row:3;grid-column:1/-1}.bottom-interface:has(.inspection[hidden]) .subsystems{grid-column:1/-1}}
