:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050706;color:#f2eee7;font-synthesis:none}*{box-sizing:border-box}html,body,.artwork{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:0;background:#050706}button,input,output,select{font:inherit}[hidden]{display:none!important}.artwork{position:relative;isolation:isolate;background:#050706}#scene{display:block;width:100%;height:100%;background:#050706;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.controls{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;z-index:4;width:min(370px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow-y:auto;padding:14px;border:1px solid rgb(232 226 215 / 14%);border-radius:6px;background:#0a0c0bc7;box-shadow:0 22px 64px #00000052;opacity:0;pointer-events:none;transform:translateY(-8px);visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body[data-controls=visible] .controls{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:0s}.controls__header,.controls__footer,.control,.control--switch{display:flex;align-items:center}.controls__header{justify-content:space-between;gap:18px;margin-bottom:14px}.eyebrow{margin:0 0 3px;color:#b99c5b;font-size:.62rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}h1{margin:0;font-size:1rem;font-weight:600;line-height:1.15}button{min-height:30px;padding:0 10px;border:1px solid rgb(232 226 215 / 16%);border-radius:4px;color:#ede8df;background:#e8e2d712;cursor:pointer}button:hover{border-color:#d6ab4285;background:#d6ab421f}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #d6ab42;outline-offset:2px}.sale-data{display:grid;gap:11px}.data-mode,.data-control,.corrosion-readout{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:10px;color:#ddd6cb;font-size:.72rem}.data-mode{grid-template-columns:82px minmax(0,1fr)}.data-mode select{width:100%;min-height:30px;padding:0 8px;border:1px solid rgb(232 226 215 / 16%);border-radius:4px;color:#ede8df;background:#171918}.mock-data{display:grid;gap:8px;padding:10px;border:1px solid rgb(214 171 66 / 14%);border-radius:4px;background:#d6ab420a}.data-control{grid-template-columns:72px minmax(90px,1fr) 72px}.data-control input[type=range]{width:100%;min-width:0;accent-color:#c79639}.data-control output,.corrosion-readout output{color:#aaa298;font-variant-numeric:tabular-nums;text-align:right}.mock-number{width:78px;min-height:27px;padding:0 6px;border:1px solid rgb(232 226 215 / 14%);border-radius:3px;color:#aaa298;background:#0507066b;font-variant-numeric:tabular-nums;text-align:right}.sale-readout{display:grid;gap:5px;margin:0;padding:0}.sale-readout div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;font-size:.7rem;line-height:1.35}.sale-readout dt{color:#827b72}.sale-readout dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#c9c2b7;font-variant-numeric:tabular-nums}.sale-readout dd[data-status=error]{color:#db9d8c}.corrosion-readout{grid-template-columns:82px minmax(70px,1fr) 102px}.corrosion-track{height:3px;overflow:hidden;background:#e3ddd11f}.corrosion-bar{width:0;height:100%;background:linear-gradient(90deg,#d6ab42,#9a4f28 66%,#3c2118);transition:width .16s ease}.sale-actions{display:flex;min-height:30px;align-items:center;justify-content:flex-end;gap:10px}.sale-actions a{margin-right:auto;color:#bd9d5e;font-size:.68rem;text-decoration:none}.sale-actions a:hover{text-decoration:underline}.controls__divider{height:1px;margin:13px 0;background:#e8e2d71a}.controls__grid{display:grid;gap:10px}.control{display:grid;grid-template-columns:minmax(82px,.8fr) minmax(112px,1fr) 42px;gap:10px;color:#ddd6cb;font-size:.74rem}.control input[type=range]{width:100%;min-width:0;accent-color:#c79639}.control output{color:#aaa298;font-variant-numeric:tabular-nums;text-align:right}.control--switch{display:flex;justify-content:space-between;min-height:26px}.control--switch input{width:15px;height:15px;accent-color:#c79639}.controls__footer{justify-content:space-between;gap:16px;margin-top:14px;color:#847d74;font-size:.66rem}@media(max-width:600px){.controls{top:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}@media(prefers-reduced-motion:reduce){.controls{transition:none}}
