@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f0eee7;background:#090909;font-family:Manrope,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f0eee7;--muted: #868683;--line: rgba(255, 255, 255, .13);--acid: #d8ff3f;--panel: rgba(18, 18, 18, .74)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 55% 48%,rgba(72,72,68,.16),transparent 37%),#090909}button,a{color:inherit;font:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}#app{position:relative;min-height:100vh;isolation:isolate}#app:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.11;background-image:url(/textures/sticker-vinyl.png);background-size:620px;mix-blend-mode:soft-light}.site-header{position:fixed;z-index:10;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:26px 34px;pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.12em;text-decoration:none}.brand b{color:var(--muted);font-weight:500}.brand-mark{display:grid;width:22px;height:22px;grid-template-columns:repeat(2,1fr);gap:2px;rotate:-5deg}.brand-mark i{display:block;border-radius:2px;background:#efefeb}.brand-mark i:nth-child(2){background:#e83d36}.brand-mark i:nth-child(3){background:#2460d5}.brand-mark i:nth-child(4){background:#f2ca35}.site-header>p,.site-footer{margin:0;color:#737370;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.layout{display:grid;width:100%;min-height:100vh;grid-template-columns:minmax(245px,.74fr) minmax(430px,1.5fr) minmax(250px,.72fr);align-items:stretch}.intro{z-index:3;display:flex;padding:17vh 0 10vh 5.3vw;flex-direction:column;justify-content:center}.eyebrow{display:flex;margin:0 0 28px;align-items:center;gap:10px;color:#8c8c87;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{width:19px;height:1px;background:var(--acid)}h1{margin:0;font-size:clamp(62px,6.6vw,108px);font-weight:500;letter-spacing:-.075em;line-height:.78;text-transform:uppercase;white-space:nowrap}h1 em{color:transparent;font-style:normal;font-weight:400;-webkit-text-stroke:1px rgba(240,238,231,.72)}.intro-copy{width:min(290px,85%);margin:44px 0 0;color:#92928e;font-size:12px;font-weight:500;line-height:1.9}.gesture-hint{display:flex;margin-top:46px;align-items:center;gap:14px;color:#6f6f6b;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.12em;line-height:1.75}.gesture-hint b,.gesture-hint span span{display:block}.gesture-hint b{color:#aaa9a4;font-weight:500}.mouse-icon{position:relative;display:inline-block;width:22px;height:31px;border:1px solid #555552;border-radius:14px}.mouse-icon i{position:absolute;top:6px;left:10px;width:1px;height:6px;background:var(--acid);animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%,to{translate:0 0;opacity:.35}45%{translate:0 5px;opacity:1}}.stage{position:relative;z-index:2;min-width:0;min-height:620px;cursor:grab}.stage.is-interacting{cursor:grabbing}#scene{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;touch-action:none}.halo{position:absolute;top:50%;left:50%;width:min(41vw,620px);aspect-ratio:1;translate:-50% -48%;border:1px solid rgba(255,255,255,.035);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07),rgba(70,70,67,.025) 48%,transparent 68%)}.halo:before,.halo:after{position:absolute;inset:11%;border:1px solid rgba(255,255,255,.025);border-radius:inherit;content:""}.halo:after{inset:27%}.stage-index{position:absolute;z-index:1;right:3%;bottom:7%;margin:0;color:#ffffff07;font-family:DM Mono,monospace;font-size:clamp(150px,17vw,290px);font-weight:500;line-height:1}.axis-label{position:absolute;z-index:4;bottom:31px;left:50%;margin:0;color:#5d5d59;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.22em;translate:-50% 0}.loading{position:absolute;z-index:6;top:50%;left:50%;display:flex;width:140px;flex-direction:column;gap:13px;color:#888883;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.16em;translate:-50% -50%;transition:opacity .5s ease}.loading-line{position:relative;display:block;height:1px;overflow:hidden;background:#2c2c2a}.loading-line:after{position:absolute;inset:0;content:"";background:var(--acid);transform-origin:left;animation:load 1.1s ease-in-out infinite alternate}@keyframes load{0%{scale:.05 1}to{scale:1 1}}.loading.is-complete{opacity:0}.controls{z-index:4;align-self:center;width:min(280px,calc(100% - 48px));margin:70px auto 50px;border:1px solid var(--line);background:var(--panel);box-shadow:0 28px 80px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.controls-heading{display:flex;min-height:51px;padding:0 17px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#c4c3bd;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.status-dot{display:inline-flex;align-items:center;gap:6px;color:#72726e}.status-dot i{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px #d8ff3f6b}.status-dot b{min-width:34px;font-weight:400}.status-dot.is-busy i{animation:pulse .65s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.25;scale:.65}}.face-grid{display:grid;padding:16px;grid-template-columns:repeat(3,1fr);gap:7px}.face-grid button{position:relative;display:flex;aspect-ratio:1.08;cursor:pointer;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:2px;background:#ffffff07;transition:border-color .2s ease,background .2s ease,transform .2s ease}.face-grid button:hover{border-color:#d8ff3f8c;background:#d8ff3f14;transform:translateY(-2px)}.face-grid button:active{transform:translateY(0) scale(.97)}.face-grid button span{font-size:18px;font-weight:500}.face-grid button small{position:absolute;right:5px;bottom:5px;color:#5e5e5a;font-family:DM Mono,monospace;font-size:5px;letter-spacing:.1em}.face-grid button:nth-child(1) span{color:#f1ede3}.face-grid button:nth-child(2) span{color:#ed4a3d}.face-grid button:nth-child(3) span{color:#34a96a}.face-grid button:nth-child(4) span{color:#e8c63b}.face-grid button:nth-child(5) span{color:#ee812e}.face-grid button:nth-child(6) span{color:#416edb}.key-note{margin:-2px 16px 14px;color:#565652;font-family:DM Mono,monospace;font-size:6px;letter-spacing:.08em;line-height:1.6}.key-note span{float:right}.stats{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr}.stats>div{display:flex;min-height:67px;padding:13px 16px;flex-direction:column;justify-content:space-between}.stats>div+div{border-left:1px solid var(--line)}.stats span{color:#646460;font-family:DM Mono,monospace;font-size:7px;letter-spacing:.11em;text-transform:uppercase}.stats strong{color:#c9c8c1;font-family:DM Mono,monospace;font-size:18px;font-weight:400;letter-spacing:.08em}.action-row{display:grid;padding:15px 16px 8px;grid-template-columns:1fr 42px;gap:7px}.primary-action,.icon-action,.spin-toggle{cursor:pointer;transition:filter .2s ease,opacity .2s ease,transform .2s ease}.primary-action{display:flex;height:42px;padding:0 14px;align-items:center;justify-content:space-between;background:var(--acid);color:#11120c;font-family:DM Mono,monospace;font-size:8px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.primary-action i{font-size:15px;font-style:normal}.icon-action{background:#262625;color:#b1b0aa;font-size:17px}.primary-action:hover,.icon-action:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-action:disabled,.icon-action:disabled{cursor:wait;opacity:.35;transform:none}.spin-toggle{display:flex;width:calc(100% - 32px);height:33px;margin:0 16px 15px;padding:0;align-items:center;background:transparent;color:#62625e;font-family:DM Mono,monospace;font-size:7px;letter-spacing:.12em}.spin-toggle i{width:5px;height:5px;margin-right:8px;border:1px solid #676762;border-radius:50%}.spin-toggle b{margin-left:auto;color:#777773;font-weight:400}.spin-toggle.is-active i{border-color:var(--acid);background:var(--acid)}.spin-toggle.is-active b{color:var(--acid)}.site-footer{position:fixed;z-index:8;bottom:0;left:0;display:flex;width:100%;padding:22px 34px;justify-content:space-between;pointer-events:none}.site-footer p{margin:0}@media(max-width:1020px){.layout{min-height:100vh;grid-template-columns:.72fr 1.28fr}.intro{padding-left:6vw}.stage{min-height:700px}.controls{position:absolute;z-index:7;right:25px;bottom:42px;width:240px;margin:0}.face-grid{padding:12px}.face-grid button{aspect-ratio:1.26}.key-note,.stats,.spin-toggle{display:none}}@media(max-width:700px){body{overflow-y:auto}.site-header{padding:20px}.site-header>p,.site-footer{display:none}.layout{display:block;padding-top:66px}.intro{display:block;padding:36px 24px 0}.eyebrow{margin-bottom:20px}h1{font-size:clamp(55px,18vw,82px)}.intro-copy{width:90%;margin-top:28px}.gesture-hint{display:none}.stage{width:100%;min-height:490px;margin-top:-18px}.halo{width:105vw}.axis-label{bottom:47px}.controls{position:relative;right:auto;bottom:auto;width:calc(100% - 40px);margin:-30px 20px 28px}.face-grid{grid-template-columns:repeat(6,1fr);gap:5px}.face-grid button{aspect-ratio:.8}.face-grid button small,.key-note{display:none}.stats{display:grid}.spin-toggle{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}