@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{color:#e8ebe4;background:#101313;font-family:DM Mono,monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#101313}button,input,select{font:inherit}.viewer-shell{min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 42%,#283031 0,#15191a 35%,#090a0b)}#stage{width:100%;height:100svh;display:block;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}.grain{pointer-events:none;position:absolute;inset:0;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");mix-blend-mode:screen}.masthead,.intro,.panel,.model-note{position:absolute;z-index:1}.masthead{left:clamp(1.2rem,4vw,4rem);right:clamp(1.2rem,4vw,4rem);top:1.4rem;display:flex;justify-content:space-between;align-items:center;font-size:.67rem;letter-spacing:.13em}.brand{display:flex;align-items:center;gap:.62rem;font-family:Barlow Condensed,sans-serif;font-weight:600;letter-spacing:.22em;font-size:1.1rem}.brand-mark{display:grid;width:1.7rem;height:1.7rem;place-items:center;border:1px solid #cad137;color:#cad137;font-size:1.35rem}.masthead p{color:#9a9e98;margin:0}.intro{left:clamp(1.2rem,4vw,4rem);top:clamp(6rem,15vh,10rem);pointer-events:none}.eyebrow{color:#cad137;font-size:.62rem;letter-spacing:.16em;margin:0 0 1rem}h1{font-family:Barlow Condensed,sans-serif;font-size:clamp(3.5rem,8.4vw,8rem);font-weight:600;letter-spacing:-.06em;line-height:.76;margin:0;text-shadow:0 2px 30px #05060680}.instruction{color:#aeb4ab;font-size:.66rem;letter-spacing:.05em;margin-top:1.5rem}.panel{right:clamp(1.2rem,4vw,4rem);bottom:clamp(2rem,6vh,4rem);width:min(17rem,calc(100vw - 2.4rem));padding:1.05rem 1.1rem 1.1rem;background:#111515d6;border:1px solid #46504b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-line{color:#bdc2b9;display:flex;gap:.55rem;align-items:center;font-size:.65rem;margin-bottom:1.1rem}.status-dot{width:.46rem;height:.46rem;border-radius:50%;background:#cad137;box-shadow:0 0 12px #cad137}.has-error .status-dot{background:#df573b;box-shadow:0 0 12px #df573b}.control{display:block;margin:.8rem 0;color:#c8ccc4;font-size:.63rem}.control span{display:flex;justify-content:space-between;margin-bottom:.35rem}.control output{color:#cad137}input[type=range]{accent-color:#cad137;width:100%}select{width:100%;background:#1b2020;color:#e8ebe4;border:1px solid #566059;padding:.38rem}.view-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.9rem}.view-buttons button{margin:0}button{width:100%;color:#111313;background:#cad137;border:0;padding:.72rem;margin-top:.4rem;cursor:pointer;font-size:.69rem;letter-spacing:.06em;transition:background .18s ease,transform .18s ease}button:hover{background:#e0e857;transform:translateY(-1px)}button span{float:right;font-size:1rem;line-height:.7}.hidden{display:none}.model-note{left:clamp(1.2rem,4vw,4rem);bottom:1.5rem;color:#8b908b;font-size:.58rem;max-width:22rem;line-height:1.6}.model-note code{color:#c6cbc2}@media(max-width:620px){.intro{top:5.8rem}h1{font-size:clamp(3rem,18vw,5.5rem)}.panel{bottom:1.4rem}.model-note{top:15rem;bottom:auto;max-width:12rem}}