:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f7f2;background:#050505;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),transparent 32rem),linear-gradient(180deg,#070707,#010101 58%,#050505)}button{font:inherit}.shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;width:min(1180px,calc(100vw - 40px));min-height:100vh;margin:0 auto;padding:42px 0}.stage,.side{min-width:0}.topline,.control-row,.counter,.draw-button,.prize-row,.history-row{display:flex;align-items:center}.topline{justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow,.trust-line,.section-title,.result-panel span,.result-panel small,.empty{color:#f7f7f294}.eyebrow,.section-title,.result-panel span{margin:0 0 8px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.trust-line{max-width:620px;margin:-14px 0 26px;font-size:clamp(.88rem,1.8vw,1.02rem);line-height:1.65;word-break:keep-all}h1{margin:0;font-size:clamp(3.6rem,9vw,8.5rem);line-height:.82;letter-spacing:0}.counter{justify-content:center;gap:8px;min-width:132px;height:40px;border:1px solid rgba(255,255,255,.18);color:#ffffffd1;font-size:.86rem}.homodyne-rig{position:relative;overflow:hidden;height:min(56vh,520px);min-height:420px;border-block:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 42px),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 42px)}.homodyne-rig:after{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--focus-x, 43%) var(--focus-y, 50%),rgba(255,255,255,.12),transparent 9rem),linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);content:"";opacity:0;transition:opacity .26s ease,background .26s ease}.homodyne-rig.active:after{opacity:1}.phase-measure{--focus-x: 43%;--focus-y: 21%}.phase-balance{--focus-x: 74%;--focus-y: 50%}.phase-digitize{--focus-x: 95%;--focus-y: 31%}.phase-extract{--focus-x: 94%;--focus-y: 71%}.phase-collapse{--focus-x: 50%;--focus-y: 50%}.homodyne-rig span{color:#ffffff9e;font-size:.62rem;font-weight:800;letter-spacing:.12em}.lo-head,.vacuum-port,.beam-splitter,.photodiode,.adc-stack,.extractor,.collapse-plane,.phase-sweep{position:absolute}.phase-sweep{inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 48%,transparent 58%);opacity:0;transform:translate(-62%)}.homodyne-rig.active .phase-sweep{animation:phase-sweep 4.2s ease-in-out both}.homodyne-rig.slow .phase-sweep{animation-duration:6.2s}.lo-head{left:5.5%;top:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.86);border-radius:999px;box-shadow:0 0 32px #ffffff3d}.lo-head:after{position:absolute;inset:13px;border-radius:999px;background:#fff;content:""}.lo-head span{position:absolute;top:56px;color:#ffffff6b}.vacuum-port{left:calc(43% - 22px);top:13%;width:44px;height:86px;border:1px solid rgba(255,255,255,.42)}.vacuum-port span{position:absolute;left:50%;top:-24px;transform:translate(-50%)}.vacuum-port i{--x: calc((var(--i) * 37) % 100);--y: calc((var(--i) * 71) % 100);position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:2px;height:2px;border-radius:999px;background:#fff;opacity:.12}.homodyne-rig.active .vacuum-port i{animation:vacuum-fluctuation 1.25s calc(var(--i) * -51ms) infinite steps(4)}.homodyne-rig.phase-measure .vacuum-port,.homodyne-rig.phase-extract .vacuum-port{border-color:#ffffffdb;box-shadow:inset 0 0 32px #ffffff14}.homodyne-rig.phase-measure .vacuum-port i,.homodyne-rig.phase-extract .vacuum-port i{width:3px;height:3px}.lo-beam,.vacuum-beam,.out-beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.14;transform-origin:left center}.lo-beam{left:10.4%;top:50%;width:32.4%}.vacuum-beam{left:calc(43% - 1px);top:calc(13% + 86px);width:calc(37% - 86px);transform:rotate(90deg);transform-origin:left center}.out-beam{left:46%;width:25%;top:50%}.positive{transform:rotate(-18deg)}.negative{transform:rotate(18deg)}.homodyne-rig.active .lo-beam,.homodyne-rig.active .vacuum-beam,.homodyne-rig.active .out-beam{animation:beam-scan 2.3s infinite linear}.homodyne-rig.phase-measure .lo-beam,.homodyne-rig.phase-measure .vacuum-beam{opacity:.82;box-shadow:0 0 18px #ffffff6b}.homodyne-rig.phase-balance .out-beam,.homodyne-rig.phase-digitize .out-beam,.homodyne-rig.phase-extract .out-beam{opacity:.78;box-shadow:0 0 18px #ffffff57}.homodyne-rig.slow .lo-beam,.homodyne-rig.slow .vacuum-beam,.homodyne-rig.slow .out-beam,.homodyne-rig.slow .scope i,.homodyne-rig.slow .adc-stack i,.homodyne-rig.slow .extractor b{animation-duration:4.8s}.beam-splitter{left:43%;top:calc(50% - 34px);width:68px;height:68px;border-left:2px solid rgba(255,255,255,.8);transform:rotate(45deg)}.beam-splitter:before{position:absolute;inset:-22px;border:1px solid rgba(255,255,255,.09);border-radius:999px;content:""}.beam-splitter span{position:absolute;left:50%;bottom:-28px;transform:translate(-50%) rotate(-45deg)}.homodyne-rig.phase-balance .beam-splitter{border-left-color:#fff;box-shadow:-10px 0 24px #ffffff29}.photodiode{right:20.5%;width:74px;height:46px;border:1px solid rgba(255,255,255,.68)}.pd-plus{top:25%}.pd-minus{bottom:25%}.photodiode span{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%)}.photodiode:before,.photodiode:after{position:absolute;top:50%;width:10px;height:22px;border-block:1px solid rgba(255,255,255,.45);content:"";transform:translateY(-50%)}.photodiode:before{left:14px}.photodiode:after{right:14px}.homodyne-rig.phase-balance .photodiode,.homodyne-rig.phase-digitize .photodiode{border-color:#fffffff5;box-shadow:inset 0 0 22px #ffffff1a}.subtract-bus{position:absolute;right:16.8%;top:31%;width:1px;height:38%;background:linear-gradient(180deg,transparent,#fff,transparent);opacity:.16}.subtract-bus:before,.subtract-bus:after{position:absolute;right:0;width:54px;height:1px;background:#ffffff57;content:""}.subtract-bus:before{top:0}.subtract-bus:after{bottom:0}.homodyne-rig.active .subtract-bus{animation:differential-current 1.1s infinite steps(8)}.homodyne-rig.phase-balance .subtract-bus,.homodyne-rig.phase-digitize .subtract-bus{opacity:.88}.scope{position:absolute;right:8.4%;top:calc(50% - 84px);width:70px;height:168px;border-left:1px solid rgba(255,255,255,.26)}.scope-wave{position:absolute;left:-58px;top:28px;width:108px;height:72px;opacity:.2}.scope-wave polyline{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;vector-effect:non-scaling-stroke}.scope i{--x: calc(var(--i) * 1.34px);--jitter: calc(((var(--i) * 13) % 17 - 8) * 1px);position:absolute;left:calc(var(--x) + 2px);top:calc(50% + var(--jitter));width:2px;height:2px;background:#fff;opacity:.1}.homodyne-rig.active .scope i{animation:photocurrent .86s calc(var(--i) * -23ms) infinite steps(2)}.sample-gates{position:absolute;left:-54px;top:24px;display:grid;grid-template-columns:repeat(8,5px);gap:7px;height:82px;align-items:center;opacity:0}.sample-gates b{display:block;width:1px;height:var(--h);background:#ffffffbf}.homodyne-rig.phase-digitize .sample-gates,.homodyne-rig.phase-extract .sample-gates{opacity:1}.homodyne-rig.phase-balance .scope-wave,.homodyne-rig.phase-digitize .scope-wave,.homodyne-rig.phase-extract .scope-wave{opacity:.88;animation:trace-drift 1.1s infinite steps(5)}.homodyne-rig.phase-balance .scope i,.homodyne-rig.phase-digitize .scope i{opacity:.82}.adc-stack{right:4.6%;top:calc(50% - 116px);display:grid;grid-template-columns:12px;gap:3px}.extractor{right:4.1%;top:calc(50% + 72px);display:grid;grid-template-columns:repeat(3,12px);gap:6px}.adc-stack span,.extractor span{grid-column:1 / -1;margin-bottom:4px;color:#ffffff61}.adc-stack i,.extractor b{width:12px;height:12px;border:1px solid rgba(255,255,255,.7);opacity:.18}.adc-stack i{height:9px}.homodyne-rig.active .adc-stack i{animation:quantize 1.5s calc(var(--i) * .08s) infinite steps(5)}.homodyne-rig.phase-digitize .adc-stack i,.homodyne-rig.phase-extract .adc-stack i{border-color:#fffffff2}.homodyne-rig.active .extractor b{animation:bit-extract 1.8s calc(var(--i) * .07s) infinite linear}.homodyne-rig.phase-extract .extractor b,.homodyne-rig.phase-collapse .extractor b{border-color:#fff}.bitstream{position:absolute;right:0;top:calc(100% + 12px);display:grid;grid-template-columns:repeat(8,1ch);gap:2px 3px;color:#ffffff5c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;line-height:1;opacity:0}.bitstream em{font-style:normal;opacity:.24}.homodyne-rig.phase-extract .bitstream,.homodyne-rig.phase-collapse .bitstream{opacity:.82}.homodyne-rig.phase-extract .bitstream em,.homodyne-rig.phase-collapse .bitstream em{animation:bitstream-pulse 1.45s calc(var(--i) * 35ms) infinite steps(2)}.collapse-plane{inset:0;pointer-events:none;opacity:0}.collapse-plane i{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:1px;height:1px;background:#fff;transform:translate(0) scale(1)}.homodyne-rig.phase-collapse .collapse-plane{animation:collapse-flash .56s ease-out both}.homodyne-rig.phase-collapse .collapse-plane i{animation:collapse-point .56s calc(var(--i) * 7ms) ease-out both}.control-row{gap:18px;margin-top:28px}.draw-button{justify-content:center;gap:10px;width:172px;height:54px;border:1px solid rgba(255,255,255,.92);border-radius:0;color:#050505;background:#f8f8f3;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.draw-button:disabled{cursor:wait;opacity:.78}.draw-button:not(:disabled):hover{transform:translateY(-2px)}.meter{position:relative;overflow:hidden;flex:1;height:2px;background:#ffffff29}.meter span{position:absolute;inset:0 auto 0 0;background:#f8f8f3;transition:width .42s ease}.meter i{position:absolute;top:-5px;left:0;width:12px;height:12px;border:1px solid rgba(255,255,255,.78);opacity:0;transform:translate(0)}.meter.phase-collapse i{animation:deck-index-lock .56s ease-out both}.result-panel{min-height:148px;margin-top:30px;padding:26px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.result-panel strong{display:block;font-size:clamp(3rem,7vw,6.2rem);line-height:.92;letter-spacing:0}.result-panel small{display:block;margin-top:10px;font-size:.88rem}.tone-platinum strong{text-shadow:0 0 30px rgba(255,255,255,.45)}.error-panel strong{font-size:clamp(1.4rem,4vw,2.6rem);color:#fff}.side{display:grid;align-content:start;gap:24px;padding-top:134px}.inventory,.history{border-top:1px solid rgba(255,255,255,.16);padding-top:18px}.prize-row,.history-row{justify-content:space-between;gap:16px;min-height:34px;color:#ffffffbd;font-size:.94rem}.prize-row strong,.history-row strong{color:#fff;font-variant-numeric:tabular-nums}.empty{margin:0}@keyframes vacuum-fluctuation{0%,to{opacity:.04;transform:translateZ(0) scale(.65)}50%{opacity:.72;transform:translate3d(8px,-10px,0) scale(1.8)}}@keyframes beam-scan{0%{opacity:.08;filter:blur(1px)}45%{opacity:.92;filter:blur(0)}to{opacity:.12;filter:blur(1px)}}@keyframes differential-current{0%{opacity:.08;transform:translateY(-8px) scaleY(.72)}50%{opacity:.86;transform:translateY(8px) scaleY(1.08)}to{opacity:.16;transform:translateY(-4px) scaleY(.86)}}@keyframes bit-extract{0%,to{opacity:.16;background:transparent}50%{opacity:1;background:#fff}}@keyframes photocurrent{0%,to{opacity:.14;transform:translateY(-11px)}50%{opacity:.95;transform:translateY(13px)}}@keyframes quantize{0%,to{opacity:.14;background:transparent}40%{opacity:.82;background:#ffffffd1}65%{opacity:.42;background:transparent}}@keyframes trace-drift{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes bitstream-pulse{0%,to{opacity:.18}50%{opacity:.92}}@keyframes deck-index-lock{0%{opacity:0;transform:translate(0) scale(.5)}42%{opacity:1}to{opacity:0;transform:translate(min(52vw,520px)) scale(1.8)}}@keyframes phase-sweep{0%{opacity:0;transform:translate(-64%)}14%{opacity:.55;transform:translate(-42%)}36%{opacity:.42;transform:translate(8%)}62%{opacity:.38;transform:translate(38%)}86%{opacity:.58;transform:translate(54%)}to{opacity:0;transform:translate(68%)}}@keyframes collapse-flash{0%{opacity:0}42%{opacity:.9}to{opacity:0}}@keyframes collapse-point{0%{opacity:0;transform:translate(0) scale(.8)}35%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(7)}}@media(max-width:860px){.shell{grid-template-columns:1fr;gap:22px;width:min(100vw - 28px,680px);padding:28px 0}.topline{align-items:flex-start}.counter{min-width:112px}.homodyne-rig{height:420px;min-height:420px}.side{padding-top:0}}@media(max-width:560px){h1{font-size:clamp(3.2rem,18vw,5.4rem)}.topline{flex-direction:column}.control-row{align-items:stretch;flex-direction:column}.draw-button{width:100%}.homodyne-rig{min-height:460px}.lo-head{left:7%}.vacuum-port{left:calc(52% - 22px);top:10%}.lo-beam{left:calc(7% + 42px);width:calc(45% - 42px)}.vacuum-beam{left:calc(52% - 1px);top:calc(10% + 86px)}.beam-splitter{left:52%}.out-beam{left:calc(52% + 18px);width:19%}.photodiode{right:8%;width:54px}.subtract-bus{right:7%}.scope{right:2.5%;width:48px}.scope-wave{left:-72px;width:78px}.sample-gates{left:-68px;grid-template-columns:repeat(8,3px);gap:6px}.adc-stack{right:1.8%;top:calc(50% - 122px);transform:scale(.7);transform-origin:top right}.extractor{right:1.8%;top:calc(50% + 126px);transform:scale(.7);transform-origin:top right}}