@font-face{font-family:VinylSans;src:url(/fonts/SansSerifFLF.otf)format("opentype");font-display:swap}.vinyl-wall-shell{background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--colorspin-bg,#f2efe9) 88%, white 12%) 0%, color-mix(in srgb, var(--colorspin-bg,#f2efe9) 96%, #f2efe9 4%) 55%, var(--colorspin-bg,#f2efe9) 100%);min-height:0;font-family:"VinylSans", var(--font-sans), sans-serif;flex:1;transition:background .18s linear;position:relative;overflow:hidden}.vinyl-wall-shell:before,.vinyl-wall-shell:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:-18%}.vinyl-wall-shell:before{filter:blur(26px);mix-blend-mode:screen;background:radial-gradient(at 20% 20%,#ffffff73,#0000 38%),radial-gradient(at 80% 72%,#ffffff47,#0000 42%),repeating-linear-gradient(115deg,#ffffff0b 0 1px,#0000 1px 7px)}.vinyl-wall-shell:after{opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,#342a1e09 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ffffff07 0 1px,#0000 1px 6px);background-size:180px 180px,auto,auto}.vinyl-wall-shell .sceneRoot{z-index:1;isolation:isolate;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.vinyl-wall-shell .sceneRoot:active{cursor:grabbing}.vinyl-wall-shell .sceneRoot:has(.colorspin-drag-control.is-dragging){cursor:grabbing}.colorspin-caption{z-index:4;pointer-events:none;color:#1c1814b8;font:10px var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px #ffffff59;-webkit-user-select:none;user-select:none;align-items:baseline;gap:12px;display:flex;position:absolute;bottom:18px;left:clamp(18px,3vw,42px)}.colorspin-caption small{color:#1c181485;font:9px var(--font-mono), monospace;letter-spacing:.08em;text-transform:none}@media (max-width:640px){.colorspin-caption{bottom:12px}.colorspin-caption small{display:none}}.vinyl-wall-shell .whiteEdgeGradient{z-index:3;pointer-events:none;background:radial-gradient(#0000 52%,#221c1614 100%);width:auto;height:auto;position:absolute;inset:0}.colorspin-loader{z-index:5;color:#1c1814b8;width:auto;font:10px var(--font-mono), monospace;letter-spacing:.18em;text-align:center;opacity:0;pointer-events:none;visibility:visible;will-change:opacity;background:#fafafafa;place-content:center;gap:12px;transition:opacity .68s cubic-bezier(.22,1,.36,1),visibility 0s linear .68s;display:grid;position:absolute;inset:0}.colorspin-loader.is-visible{opacity:1}.colorspin-loader.is-complete{opacity:0;visibility:hidden}.colorspin-loader-track{background:#1c181424;height:2px;overflow:hidden}.colorspin-loader-track span{background:linear-gradient(90deg,#e43d4f,#f5b83d,#59b96b,#4f75dd,#b34be4);width:36%;height:100%;animation:1.2s ease-in-out infinite colorspin-loading;display:block}@keyframes colorspin-loading{0%{transform:translate(-110%)}to{transform:translate(390%)}}@media (prefers-reduced-motion:reduce){.colorspin-loader-track span{width:100%;animation:none}.colorspin-loader{transition:opacity .18s,visibility 0s linear .18s}}