:root{--ink:#ece9e2;--muted:#8b877e;--hair:#ffffff17;--panel:#0c0c0b85;--brass:#d2b07a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--ink);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;background:#030303;font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow:hidden}#scene{cursor:grab;touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}.vignette{pointer-events:none;background:radial-gradient(at 50% 58%,#0000 40%,#00000080 100%);position:fixed;inset:0}.curtain{pointer-events:none;background:#030303;transition:opacity .9s .2s;position:fixed;inset:0}body.ready .curtain{opacity:0}.loadbar{background:var(--brass);z-index:5;width:0;height:1px;transition:width .3s,opacity .6s .6s;position:fixed;top:0;left:0}body.ready .loadbar{opacity:0}.badge{text-shadow:0 1px 12px #000000d9;pointer-events:none;position:fixed;top:28px;left:32px}.eyebrow,.label,.slider span{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.rule{background:var(--brass);width:24px;height:1px;margin:10px 0 12px;display:block}.badge h1{letter-spacing:-.01em;font-size:28px;font-weight:300}.badge .sub{color:var(--muted);margin-top:6px;font-size:13px}.views{border:1px solid var(--hair);background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(120%);border-radius:999px;height:34px;padding:3px;display:flex;position:fixed;top:28px;right:32px}.views button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font:500 12px Inter,sans-serif;transition:color .2s,background .2s}.views button:hover{color:var(--ink)}.views button.active{color:var(--ink);background:#ffffff14}.hint{text-shadow:0 1px 8px #000000e6;color:var(--muted);letter-spacing:.04em;pointer-events:none;font-size:11px;transition:opacity .8s;position:fixed;top:76px;right:34px}.hint.gone{opacity:0}.tray{border:1px solid var(--hair);background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(120%);border-radius:18px;grid-template-columns:auto repeat(3,minmax(120px,190px));align-items:center;gap:22px;max-width:calc(100vw - 32px);padding:14px 22px;display:grid;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.paint-head{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:4px 10px;min-width:150px;display:grid}.paint-head .label{grid-column:1/3}.chip{background:#b8431a;border:1px solid #fff3;border-radius:50%;width:22px;height:22px;box-shadow:inset -4px -5px 8px #00000059,inset 3px 3px 6px #ffffff40}.paint-name{color:var(--ink);white-space:nowrap;font-size:13px}.slider{gap:8px;display:grid}.slider input{appearance:none;cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.hue{background:linear-gradient(90deg,#d51a1a,#d5971a,#d5d51a,#16b616,#16b6b6,#1a59d5,#971ad5,#d51a78,#d51a1a)}.shade{background:linear-gradient(90deg, #080808, var(--mid,#d5521a), #f2f0ea)}.metal{background:linear-gradient(90deg,#5a5752,#d9dbde 60%,#9ea2a8)}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:16px;height:16px;box-shadow:0 0 0 1px var(--brass);border:2px solid #111;border-radius:50%}.slider input::-moz-range-thumb{background:var(--ink);width:14px;height:14px;box-shadow:0 0 0 1px var(--brass);border:2px solid #111;border-radius:50%}@media (width<=760px){.badge{top:18px;left:16px}.badge h1{font-size:20px}.badge .sub{font-size:12px}.views{top:auto;bottom:190px;right:50%;transform:translate(50%)}.views button{padding:0 10px;font-size:11px}.hint{display:none}.tray{grid-template-columns:1fr;gap:12px;width:calc(100vw - 32px);padding:12px 16px;bottom:14px}}