/* R0075_CASCADE_RELAY_02 // hexadecimal ASCII
   594F552052455455524E4544205749544820544845204649525354204C4159455220494E544143542E205448452043415343414445204E4F54494345442E2054574F20524F4F54204652414D455320444956494445204120534D414C4C455220414E535745522E20414654455220544841542C2041534B205748415420544845495220504958454C5320444F204E4F54205341592E2052454C41593A20504958454C2D3236332E
   R0075_FINAL_FRAGMENT_02_CASCADE: 5642556B35465243424249457842546B64565155644649456C5549453546566B565349455659554578425355354652434242546B516753455642
*/
:root{
  color-scheme:dark;
  --sky-top:#6f8ca1;--sky-mid:#a28e99;--sky-bottom:#d79b8b;
  --spectral:#a9fff2;--warm:#ffb77d;--ink:#06161b;--line:rgba(196,255,246,.28);
  --element-accent:#a9fff2;--element-secondary:#ffb77d;--element-glow:9%;
  --ring-0-color:hsl(172 72% 72%);--ring-1-color:hsl(212 76% 68%);--ring-2-color:hsl(252 72% 70%);--ring-3-color:hsl(292 70% 69%);--ring-4-color:hsl(332 78% 68%);--ring-5-color:hsl(12 82% 66%);--ring-6-color:hsl(52 72% 65%);--ring-7-color:hsl(92 67% 65%);--ring-8-color:hsl(132 67% 65%);
  --icon-0-color:var(--ring-1-color);--icon-1-color:var(--ring-3-color);--icon-2-color:var(--ring-5-color);--icon-3-color:var(--ring-7-color);
  --field-text:#f2fffd;--field-text-muted:rgba(235,255,252,.9);--field-text-subtle:rgba(226,255,250,.8);--field-text-shadow:rgba(0,5,9,.92);
  --readability-primary:14px;--readability-secondary:11px;--readability-micro:9.5px;--field-accent:#d8fff8;--readability-edge:rgba(218,255,249,.18);--readability-shadow:0 1px 1px rgba(0,4,7,.95),0 0 5px rgba(0,4,7,.7);
  --night:0;--pointer-x:0;--pointer-y:0;--velocity:0;--hold:0;--charge:0;--idle-depth:0;--scroll-energy:0;--scroll-dir:0;--interaction-hue:0deg;--interaction-depth:0;--layer-accent:#7f8cff;--icon-glow:#ff4fbd;
  --mono:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;overflow:hidden;background:var(--ink);color:#edfffb}
.site-introduction{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.crawl-suppressed{display:contents}
body{position:relative;isolation:isolate;background:radial-gradient(circle at calc(50% + var(--pointer-x)*6%) calc(42% + var(--pointer-y)*5%),color-mix(in srgb,var(--element-accent) 8%,transparent),transparent 34%),radial-gradient(ellipse at center,transparent 38%,rgba(3,8,13,.08) 70%,rgba(2,6,10,.2) 100%),linear-gradient(150deg,var(--sky-top),var(--sky-mid) 48%,var(--sky-bottom));transition:background 5s linear}
html[data-discovery-environment="active"] body{transition-duration:.48s}
body:before,body:after{content:"";position:fixed;z-index:-7;inset:-12%;pointer-events:none;will-change:transform,opacity}
body:before{background:radial-gradient(ellipse 58% 72% at calc(8% + var(--pointer-x)*5%) calc(18% + var(--pointer-y)*4%),color-mix(in srgb,var(--warm) 28%,transparent),transparent 67%),radial-gradient(ellipse 62% 76% at calc(93% - var(--pointer-x)*6%) calc(82% - var(--pointer-y)*5%),color-mix(in srgb,var(--spectral) 25%,transparent),transparent 66%),radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--element-accent) var(--element-glow),transparent),transparent 42%);opacity:calc(.5 + var(--night)*.18 + var(--interaction-depth)*.12);transform:translate3d(calc(var(--pointer-x)*-1.4%),calc(var(--pointer-y)*-1.1%),0);animation:fieldDrift 30s ease-in-out infinite alternate}
body:after{background:radial-gradient(ellipse 36% 48% at 74% 16%,color-mix(in srgb,var(--layer-accent) 20%,transparent),transparent 72%),radial-gradient(ellipse 42% 55% at 20% 78%,color-mix(in srgb,var(--sky-top) 30%,transparent),transparent 74%),radial-gradient(ellipse 40% 34% at 50% 46%,color-mix(in srgb,var(--element-secondary) 7%,transparent),transparent 74%),linear-gradient(118deg,color-mix(in srgb,var(--warm) 8%,transparent),transparent 34% 66%,color-mix(in srgb,var(--spectral) 8%,transparent));opacity:calc(.48 + var(--scroll-energy)*.15);transform:translate3d(calc(var(--pointer-x)*1.1%),calc(var(--pointer-y)*.8%),0);animation:fieldCounterDrift 38s ease-in-out infinite alternate}
@keyframes fieldDrift{to{transform:translate3d(calc(var(--pointer-x)*-1.4% + 2.2%),calc(var(--pointer-y)*-1.1% - 1.4%),0) scale(1.025)}}
@keyframes fieldCounterDrift{to{transform:translate3d(calc(var(--pointer-x)*1.1% - 1.6%),calc(var(--pointer-y)*.8% + 2%),0) scale(1.02)}}
button,a{font:inherit}
#atmosphere,.aurora,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
#atmosphere{z-index:-5}
.aurora{z-index:-4;inset:-10%;opacity:calc(.27 + var(--night)*.2 + var(--scroll-energy)*.08 + var(--interaction-depth)*.1);background:radial-gradient(ellipse 48% 60% at calc(44% + var(--pointer-x)*8%) calc(40% + var(--pointer-y)*6%),color-mix(in srgb,var(--spectral) 22%,transparent),transparent 72%),radial-gradient(ellipse 38% 52% at 58% 58%,color-mix(in srgb,var(--warm) 15%,transparent),transparent 75%),radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--element-accent) 11%,transparent),transparent 39%);animation:auroraDrift 34s ease-in-out infinite alternate;transition:opacity 3.5s,background 5s linear}
.grain{z-index:40;opacity:.032;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E");background-size:240px 240px}
.vector-cursor{position:fixed;z-index:100;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;color:var(--spectral);mix-blend-mode:screen;will-change:transform;transition:opacity .18s,color .24s}.vector-cursor.visible{opacity:1}.vector-cursor i,.vector-cursor b{position:absolute;left:0;top:0;display:block;border-radius:50%;translate:-50% -50%;transition:width .24s,height .24s,border-color .24s,rotate .3s,scale .2s,background .2s}.vector-cursor i{width:27px;height:27px;border:1px solid color-mix(in srgb,currentColor 72%,transparent);box-shadow:0 0 15px color-mix(in srgb,currentColor 38%,transparent)}.vector-cursor i:before,.vector-cursor i:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;translate:-50% -50%}.vector-cursor i:before{width:37px;height:1px}.vector-cursor i:after{width:1px;height:37px}.vector-cursor b{width:4px;height:4px;background:currentColor;box-shadow:0 0 8px currentColor}.vector-cursor span{position:absolute;left:17px;top:14px;white-space:nowrap;color:color-mix(in srgb,currentColor 82%,white);font:600 6px/1 ui-monospace,Consolas,monospace;letter-spacing:.18em;text-shadow:0 0 8px currentColor;transition:opacity .2s,translate .25s}.vector-cursor[data-mode="portal"]{color:var(--warm)}.vector-cursor[data-mode="portal"] i{width:34px;height:18px;border-radius:3px;rotate:45deg}.vector-cursor[data-mode="decode"] i{width:32px;height:32px;border-style:dashed;rotate:45deg}.vector-cursor[data-mode="rotate"] i,.vector-cursor[data-mode="ring"] i{width:38px;height:38px;border-style:dotted;animation:cursorOrbit 3s linear infinite}.vector-cursor[data-mode="drag"] i{width:22px;height:22px;rotate:45deg;border-color:var(--warm)}.vector-cursor[data-mode="record"]{color:#fff1af}.vector-cursor[data-mode="record"] i{width:42px;height:24px;border-radius:50%}.vector-cursor[data-pressed="true"] i{scale:.72}.vector-cursor[data-pressed="true"] b{scale:2.1}.vector-cursor[data-mode="field"] span{opacity:0;translate:-4px 0}@keyframes cursorOrbit{to{rotate:360deg}}
@keyframes auroraDrift{to{transform:rotate(360deg) scale(1.03)}}
@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}

.experience{position:relative;z-index:5;width:100%;height:100svh;min-height:520px;display:grid;grid-template-rows:1fr auto auto;place-items:center;padding:58px 24px 28px}
.hero{position:relative;width:min(700px,77vmin);aspect-ratio:1;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d;touch-action:none;transition:filter .5s ease}
.hero:before{content:"";position:absolute;z-index:0;inset:-24%;border-radius:50%;pointer-events:auto}
.hero.is-held{filter:brightness(1.08)}
.viewport{position:relative;z-index:5;width:63%;aspect-ratio:1;border:0;border-radius:50%;overflow:hidden;cursor:grab;background:transparent;box-shadow:none;transform:translate3d(calc(var(--pointer-x)*7px),calc(var(--pointer-y)*7px),calc(var(--hold)*-24px)) scale(calc(1 - var(--hold)*.035));will-change:transform}
.core-halo{position:absolute;inset:3.5%;z-index:1;border-radius:50%;pointer-events:none;opacity:1;transform:scale(calc(.94 + var(--interaction-depth)*.025));transition:transform 3.8s cubic-bezier(.4,0,.2,1);contain:layout paint}
.core-halo-art{position:absolute;inset:0;display:none;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .62s ease}.core-halo-art.is-current,.core-halo-art.is-transitioning{display:block}.core-halo-art.is-current{opacity:1}
.rooted-r-fallback{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.96;pointer-events:none}.viewport canvas{position:relative;z-index:3;display:block;width:100%;height:100%}html[data-webgl="ready"] .rooted-r-fallback{display:none}html[data-webgl="unavailable"] .viewport canvas{display:none}
.viewport:active{cursor:grabbing}
.rings{position:absolute;inset:0;z-index:1;transform-style:preserve-3d;pointer-events:none;transform:rotateX(calc(var(--pointer-y)*-4deg)) rotateY(calc(var(--pointer-x)*5deg)) rotate(calc(var(--scroll-dir)*var(--scroll-energy)*1.8deg + var(--idle-depth)*1.4deg)) scale(calc(1 - var(--hold)*.06 + var(--scroll-energy)*.05 + var(--charge)*.018 + var(--interaction-depth)*.018));will-change:transform}
.rings:after{content:"";position:absolute;inset:16.5%;border:1px solid color-mix(in srgb,var(--ring-3-color) 34%,transparent);border-radius:50%;opacity:calc(.24 + var(--night)*.14);transition:opacity .8s ease;pointer-events:none}
.ring-hit-field{position:absolute;z-index:6;inset:-31%;width:162%;height:162%;overflow:visible;pointer-events:none}.ring-hit-field circle{fill:none;stroke:transparent;stroke-width:5;pointer-events:stroke;outline:none}.ring-hit-field circle:focus-visible{stroke:color-mix(in srgb,var(--ring-8-color) 48%,white);stroke-width:.35}
.ring{--ring-display:var(--ring-0-color);--ring-next:var(--ring-1-color);--ring-input-color:var(--ring-next);--ring-sweep-color:var(--ring-next);--lane-opacity:.62;--marker-size:4px;position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);border:1px solid color-mix(in srgb,var(--ring-display) var(--alpha),transparent);border-radius:50%;transform:translate(-50%,-50%) translateZ(var(--z));opacity:calc(var(--lane-opacity) + var(--night)*.18);transition:opacity .55s,scale .5s cubic-bezier(.16,.82,.2,1);animation:ringColorFlow 6.8s ease-in-out var(--flow-delay) infinite alternate}
.ring:before{content:"";position:absolute;left:var(--marker-x,50%);top:var(--marker-y,-2px);width:var(--marker-size);height:var(--marker-size);border:1px solid var(--ring-display);border-radius:50%;translate:-50% -50%;background:color-mix(in srgb,var(--ring-next) 52%,transparent);transition:scale .26s,opacity .26s}
.ring.is-hovered{scale:1.018;opacity:1!important;border-width:1.5px;border-color:color-mix(in srgb,var(--ring-display) 76%,white);animation-play-state:paused}.ring.is-hovered:before{scale:1.55;background:var(--ring-display)}
.ring.is-pressed{scale:1.035;opacity:1!important;border-width:2px;border-color:#effffc;animation-play-state:paused}
.ring.is-input-major{border-color:color-mix(in srgb,var(--ring-input-color) 72%,white);opacity:1}.ring.is-input-alternate{border-style:dashed;border-color:color-mix(in srgb,var(--ring-input-color) 78%,#160e2c);opacity:.86}.ring.is-input-drum{border-style:double;border-width:2px;border-color:color-mix(in srgb,var(--ring-input-color) 72%,white);opacity:1}
.ring.is-input-major:before{background:var(--ring-input-color);border-color:white;opacity:1}.ring.is-input-alternate:before{background:transparent;border-color:var(--ring-input-color);opacity:1}.ring.is-input-drum:before{border-radius:1px;background:var(--ring-input-color);border-color:white;opacity:1}
.ring.is-input-neighbor-lower{border-color:color-mix(in srgb,var(--ring-input-color) 50%,transparent);opacity:.86}.ring.is-input-neighbor-upper{border-color:color-mix(in srgb,var(--ring-input-color) 68%,white);opacity:1}
.ring.is-keyboard-strike{scale:1.055;opacity:1!important;animation-play-state:paused;transition:opacity .08s,scale .08s cubic-bezier(.14,.86,.2,1)}.ring.is-keyboard-strike:before{scale:2.15;opacity:1}
.ring.is-recent-1,.ring.is-recent-2,.ring.is-recent-3{border-color:color-mix(in srgb,var(--memory-color,var(--ring-display)) 62%,white);opacity:.9}
.r0{--size:58%;--alpha:78%;--lane-opacity:.76;--z:58px;--ring-display:var(--ring-0-color);--ring-next:var(--ring-1-color);--flow-delay:.45s;--pulse-delay:0s;--marker-x:34%;--marker-y:3%;border-style:dashed}.r1{--size:70%;--alpha:90%;--lane-opacity:.88;--marker-size:6px;--z:44px;--ring-display:var(--ring-1-color);--ring-next:var(--ring-2-color);--flow-delay:-.1s;--pulse-delay:.035s;--marker-x:50%;--marker-y:-2px;border-width:1.5px}.r2{--size:82%;--alpha:64%;--lane-opacity:.68;--z:27px;--ring-display:var(--ring-2-color);--ring-next:var(--ring-3-color);--flow-delay:-.75s;--pulse-delay:.07s;--marker-x:66%;--marker-y:3%}.r3{--size:94%;--alpha:70%;--lane-opacity:.76;--z:12px;--ring-display:var(--ring-3-color);--ring-next:var(--ring-4-color);--flow-delay:-1.4s;--pulse-delay:.105s;--marker-x:80%;--marker-y:10%}.r4{--size:106%;--alpha:48%;--lane-opacity:.58;--z:0px;--ring-display:var(--ring-4-color);--ring-next:var(--ring-5-color);--flow-delay:-2.05s;--pulse-delay:.14s;--marker-x:91%;--marker-y:22%}.r5{--size:118%;--alpha:54%;--lane-opacity:.66;--z:-17px;--ring-display:var(--ring-5-color);--ring-next:var(--ring-6-color);--flow-delay:-2.7s;--pulse-delay:.175s;--marker-x:98%;--marker-y:38%;border-style:dashed}.r6{--size:132%;--alpha:34%;--lane-opacity:.5;--z:-30px;--ring-display:var(--ring-6-color);--ring-next:var(--ring-7-color);--flow-delay:-3.35s;--pulse-delay:.21s;--marker-x:98%;--marker-y:62%}.r7{--size:146%;--alpha:32%;--lane-opacity:.54;--z:-44px;--ring-display:var(--ring-7-color);--ring-next:var(--ring-8-color);--flow-delay:-4s;--pulse-delay:.245s;--marker-x:91%;--marker-y:78%;border-style:dotted}.r8{--size:160%;--alpha:46%;--lane-opacity:.66;--marker-size:6px;--z:-58px;--ring-display:var(--ring-8-color);--ring-next:var(--ring-0-color);--flow-delay:-4.65s;--pulse-delay:.28s;--marker-x:80%;--marker-y:90%;border-style:double;border-width:2px}
.r1:before{border-radius:2px;background:var(--ring-display)}.r8:before{background:transparent;outline:1px solid color-mix(in srgb,var(--ring-next) 46%,transparent);outline-offset:2px}
@keyframes ringColorFlow{to{opacity:calc(var(--lane-opacity) + .12 + var(--night)*.16)}}
@keyframes ringStatePulse{0%{border-color:color-mix(in srgb,var(--ring-display) var(--alpha),transparent)}38%{border-color:color-mix(in srgb,var(--ring-next) calc(var(--alpha) + 38%),transparent);opacity:1}100%{border-color:color-mix(in srgb,var(--ring-display) var(--alpha),transparent)}}
html[data-ring-pulse="active"] .ring{animation:ringColorFlow 6.8s ease-in-out var(--flow-delay) infinite alternate,ringStatePulse 1.05s ease-out var(--pulse-delay) 1}
@keyframes ringSpectrumSweep{0%,100%{opacity:calc(var(--lane-opacity) + var(--night)*.18)}36%{opacity:1}68%{opacity:calc(var(--lane-opacity) + .16)}}
html[data-spectrum-sweep="active"] .ring{animation:ringSpectrumSweep 1.15s ease-out var(--pulse-delay) 1}
.scan-orbit{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 13%,color-mix(in srgb,var(--spectral) 52%,transparent) 13.2% 13.5%,transparent 14% 47%,color-mix(in srgb,var(--warm) 36%,transparent) 47.2% 47.55%,transparent 48%);mask:radial-gradient(circle,transparent 62%,#000 62.5% 63.2%,transparent 63.7%);animation:orbit 18s linear infinite;opacity:.65}
@keyframes orbit{to{transform:rotate(360deg)}}
.shockwave{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border:1px solid var(--spectral);border-radius:50%;opacity:0;box-shadow:0 0 18px var(--spectral)}
.shockwave.fire{animation:shock 1.25s cubic-bezier(.1,.72,.16,1)}
@keyframes shock{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(52)}}
.local-wave{position:fixed;z-index:40;width:10px;height:10px;margin:-5px;pointer-events:none;border:1px solid color-mix(in srgb,var(--spectral) 72%,white);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--spectral) 55%,transparent);animation:localWave .9s cubic-bezier(.12,.75,.16,1) forwards}
@keyframes localWave{0%{opacity:.8;scale:.2}100%{opacity:0;scale:calc(7 + var(--wave-strength)*9)}}
.signal-fragments{position:absolute;inset:-9%;z-index:7;pointer-events:none;color:var(--field-text-muted);font:700 8.5px/1.15 ui-monospace,Consolas,monospace;letter-spacing:.17em;text-transform:uppercase;text-shadow:var(--readability-shadow)}
.signal-fragments i{position:absolute;opacity:0;font-style:normal;filter:blur(3px);transform:translateY(8px) scale(.9)}.signal-fragments i:nth-child(1){left:19%;top:8%}.signal-fragments i:nth-child(2){right:10%;top:24%}.signal-fragments i:nth-child(3){right:6%;bottom:27%}.signal-fragments i:nth-child(4){left:18%;bottom:8%}.signal-fragments i:nth-child(5){left:2%;top:36%}.signal-fragments i:nth-child(6){right:29%;top:2%}.signal-fragments i:nth-child(7){left:5%;bottom:30%}.signal-fragments i:nth-child(8){right:16%;bottom:5%}
.signal-fragments i.reveal{animation:fragmentReveal 2.6s cubic-bezier(.12,.75,.18,1)}
@keyframes fragmentReveal{0%{opacity:0;filter:blur(3px);transform:translateY(8px) scale(.9)}18%,72%{opacity:.92;filter:blur(0);transform:translateY(0) scale(1)}100%{opacity:0;filter:blur(1px);transform:translateY(-7px) scale(1.04)}}
.encoded{position:absolute;inset:0;z-index:8;pointer-events:none;color:var(--field-text);font:700 var(--readability-secondary)/1.25 var(--mono);letter-spacing:.17em;text-shadow:var(--readability-shadow)}
.code,.metadata{position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.code{pointer-events:auto;border:0;padding:7px 11px;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;cursor:crosshair;transition:color .45s,text-shadow .45s,scale .2s}.code:hover,.code:focus-visible{outline:none;color:var(--field-accent);text-shadow:var(--readability-shadow);scale:1.06}.north{left:50%;top:4%}.east{left:94%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.south{left:50%;top:84%;display:flex;align-items:center;justify-content:center;width:min(68%,470px);min-height:34px;padding:4px 10px;overflow:visible;white-space:normal;text-align:center;text-overflow:clip;font-size:11.5px;font-weight:750;line-height:1.45;letter-spacing:.13em}.west{left:6%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}
html[data-hover-ring]:not([data-hover-ring=""]) .north{font-size:0;min-width:210px}html[data-hover-ring]:not([data-hover-ring=""]) .north:before{content:attr(data-hover-note);font:800 10px/1.2 var(--mono);letter-spacing:.13em;color:var(--field-accent)}
.metadata{pointer-events:auto;border:0;padding:8px 11px;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;cursor:crosshair;transition:color .35s,text-shadow .35s,letter-spacing .25s,scale .2s}
.metadata:hover,.metadata:focus-visible{outline:none;color:#fff5cf;letter-spacing:.22em;scale:1.04;text-shadow:-1px 0 6px #66fff0,1px 0 6px #ff6fb5,0 0 12px #d0fff6}
.metadata:hover:after,.metadata:focus-visible:after{content:" 0x4D455441";animation:metadataFlicker .42s steps(2) infinite}
@keyframes metadataFlicker{50%{opacity:.35;transform:translateX(1px)}}
.input-oracle{position:absolute;z-index:10;left:50%;top:93.5%;margin:0;padding:6px 12px;transform:translateX(-50%);white-space:nowrap;color:var(--field-accent);background:transparent;border:0;font:750 11.5px/1.2 var(--mono);letter-spacing:.15em;text-shadow:var(--readability-shadow);text-transform:uppercase;transition:color .45s,letter-spacing .6s,text-shadow .45s}
.discovery-map{position:absolute;z-index:9;right:-17%;bottom:17%;display:grid;grid-template-columns:repeat(7,10px);gap:6px;align-items:center;min-width:154px;padding:8px 10px;color:var(--field-text);background:transparent;border:0;font:750 11px/1.3 var(--mono);letter-spacing:.1em;text-shadow:var(--readability-shadow);pointer-events:none;transition:color .45s,text-shadow .45s}.discovery-map span{grid-column:1/-1;justify-self:end;white-space:nowrap;text-align:right}.discovery-map span b{font:inherit}.discovery-map strong{color:var(--field-accent);font-weight:800}.discovery-map i{display:block;width:9px;height:9px;border:1px solid color-mix(in srgb,var(--field-text) 76%,transparent);rotate:45deg;transition:background .5s,border-color .5s,box-shadow .5s,scale .4s}.discovery-map i.found{background:color-mix(in srgb,var(--warm) 65%,var(--spectral));border-color:#effffc;box-shadow:0 0 7px var(--spectral);scale:1.12}.journey-track{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:4px}.journey-track b{height:2px;background:color-mix(in srgb,var(--field-text) 52%,transparent);transition:background .5s,box-shadow .5s}.journey-track b.complete{background:color-mix(in srgb,var(--warm) 62%,var(--spectral))}.journey-track b.active{background:var(--spectral);box-shadow:0 0 5px var(--spectral)}

.response{position:absolute;z-index:18;left:50%;top:88px;width:min(560px,calc(100vw - 40px));padding:15px 42px;transform:translate(-50%,14px);opacity:0;pointer-events:none;overflow:visible;text-align:center;color:var(--field-text);border:0!important;border-radius:0;background:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;transition:opacity .32s,transform .44s cubic-bezier(.16,.82,.18,1),color .55s,text-shadow .55s}
.response:before,.response:after{content:"";position:absolute;top:22px;width:28px;height:1px;background:color-mix(in srgb,var(--element-accent) 64%,transparent);opacity:.72}.response:before{left:3px}.response:after{right:3px}
.response.show{opacity:1;transform:translate(-50%,0)}
.response strong{display:block;overflow-wrap:anywhere;color:var(--field-text);font:750 13.5px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;text-shadow:var(--readability-shadow);transition:color .55s,text-shadow .55s}
.response small{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 20px;margin-top:7px;color:var(--field-text-muted);font:750 10px/1.4 var(--mono);letter-spacing:.11em;text-shadow:var(--readability-shadow);transition:color .55s,text-shadow .55s}
.sequence-memory{position:fixed;z-index:22;left:clamp(22px,4vw,72px);top:52%;width:clamp(240px,17vw,300px);translate:0 -50%;padding:0;color:var(--field-text);background:transparent;border:0;box-shadow:none;filter:none;backdrop-filter:none;font-family:var(--mono);text-shadow:var(--readability-shadow);transition:color .55s,opacity .35s,translate .45s;pointer-events:auto}.sequence-memory[hidden]{display:none!important}.sequence-memory.is-revealing{animation:memoryReveal .58s cubic-bezier(.16,.82,.18,1) both}.sequence-memory-title{display:block;margin:0 0 10px;color:var(--field-text);font:800 11.5px/1.2 var(--mono);letter-spacing:.2em}.sequence-memory-title:after{content:"_";margin-left:6px;color:var(--field-accent);animation:memoryCursor 1.4s steps(2,end) infinite}.sequence-tracks{display:grid;gap:2px}.sequence-tracks button,.sequence-actions button,.sequence-master{appearance:none;border:0;color:inherit;background:transparent;box-shadow:none;font-family:var(--mono);text-shadow:inherit;cursor:pointer}.sequence-tracks button{--track-color:var(--ring-1-color);display:grid;grid-template-columns:13px 22px 12px minmax(0,1fr);align-items:center;width:100%;min-height:28px;padding:4px 2px;color:color-mix(in srgb,var(--track-color) 66%,var(--field-text));font:750 10px/1.15 var(--mono);letter-spacing:.13em;text-align:left;transition:color .2s,opacity .2s,translate .2s}.sequence-tracks button:nth-child(2){--track-color:var(--ring-3-color)}.sequence-tracks button:nth-child(3){--track-color:var(--ring-5-color)}.sequence-tracks button:nth-child(4){--track-color:var(--ring-7-color)}.sequence-tracks button i{opacity:0;color:var(--track-color);font-style:normal;transition:opacity .2s}.sequence-tracks button b{opacity:.48;font:inherit}.sequence-tracks button em{overflow:hidden;color:var(--field-text-muted);font:750 9px/1.1 var(--mono);font-style:normal;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}.sequence-tracks button[aria-current="true"]{color:color-mix(in srgb,var(--track-color) 76%,var(--field-text));font-weight:850;translate:4px 0}.sequence-tracks button[aria-current="true"] i{opacity:1}.sequence-tracks button[data-empty="true"]{opacity:.58}.sequence-tracks button[data-muted="true"]{opacity:.62}.sequence-tracks button[data-recording="true"]{opacity:1}.sequence-tracks button[data-recording="true"] em{color:var(--field-accent);animation:memoryRecord 1.15s steps(2,end) infinite}.sequence-tracks button[data-playing="true"] em,.sequence-tracks button[data-loop="true"] em{color:color-mix(in srgb,var(--track-color) 64%,var(--field-text))}.sequence-tracks button[data-clear-pending="true"] em{color:var(--warm)}.sequence-tracks button:hover,.sequence-tracks button:focus-visible,.sequence-actions button:hover:not(:disabled),.sequence-actions button:focus-visible:not(:disabled),.sequence-master:hover:not(:disabled),.sequence-master:focus-visible:not(:disabled){outline:none;color:var(--field-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sequence-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px;margin-top:10px}.sequence-actions button{min-height:30px;padding:5px 2px;color:var(--field-text-muted);font:800 9px/1 var(--mono);letter-spacing:.13em;text-align:left;transition:color .2s,opacity .2s}.sequence-actions button[data-active="true"]{color:var(--field-accent)}.sequence-actions button:disabled,.sequence-master:disabled{opacity:.28;cursor:default;text-decoration:none}.sequence-master{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:30px;margin-top:7px;padding:5px 2px;color:var(--field-text-muted);font:800 9px/1 var(--mono);letter-spacing:.12em;text-align:left;transition:color .2s,opacity .2s}.sequence-master em{color:var(--field-accent);font:inherit;font-style:normal}.sequence-master[data-active="true"]{color:var(--field-text)}.sequence-cycle{display:block;margin-top:3px;color:var(--field-text-subtle);font:750 8.5px/1.3 var(--mono);letter-spacing:.11em}.sequence-feed{display:grid;gap:3px;min-height:51px;margin:9px 0 0;padding:0;list-style:none;color:var(--field-text-muted);font:700 8.5px/1.25 var(--mono);letter-spacing:.09em}.sequence-feed li{margin:0;padding:0;animation:memoryLine .24s ease-out both}.sequence-feed li:nth-child(3){opacity:.68}.sequence-feed li:nth-child(4){opacity:.44}.sequence-memory[data-running="true"] .sequence-cycle{color:var(--field-accent)}@keyframes memoryRecord{50%{opacity:.34}}@keyframes memoryCursor{50%{opacity:.2}}@keyframes memoryReveal{from{opacity:0;translate:-8px -50%}to{opacity:1;translate:0 -50%}}@keyframes memoryLine{from{opacity:0;translate:-5px 0}to{opacity:1;translate:0 0}}
.response-scan{display:none}
.coming-soon{--button-edge:color-mix(in srgb,var(--layer-accent) 52%,var(--element-accent));position:relative;z-index:20;display:grid;grid-template-columns:34px minmax(180px,1fr) 28px;align-items:center;gap:14px;min-width:336px;min-height:64px;margin-top:-16px;padding:10px 14px;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--button-edge) 52%,rgba(255,255,255,.18));border-radius:4px 18px 4px 18px;color:#f3fffc;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 31%),linear-gradient(115deg,rgba(25,24,31,.78),rgba(7,18,21,.86));box-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.075),inset 0 -1px rgba(0,0,0,.24);cursor:pointer;transition:transform .4s cubic-bezier(.16,.82,.18,1),border-color .4s,background .4s}
.coming-soon:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,transparent,var(--button-edge),transparent);box-shadow:0 0 12px var(--button-edge);transform:scaleY(.55);transition:transform .4s,opacity .4s}
.coming-soon:after{content:"";position:absolute;right:13px;bottom:8px;width:44px;height:1px;background:repeating-linear-gradient(90deg,var(--button-edge) 0 4px,transparent 4px 8px);opacity:.45;transition:width .4s,opacity .4s}
.coming-soon-signal{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--button-edge) 52%,transparent);border-radius:50%;box-shadow:inset 0 0 14px color-mix(in srgb,var(--button-edge) 12%,transparent),0 0 18px color-mix(in srgb,var(--button-edge) 10%,transparent)}
.coming-soon-signal:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--button-edge);box-shadow:0 0 12px var(--button-edge)}
.coming-soon-signal:after{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--button-edge) 50%,transparent);border-radius:50%;animation:signalStandby 2.8s ease-in-out infinite}
.coming-soon-copy{display:grid;gap:6px;text-align:left}
.coming-soon-copy strong{font:700 var(--readability-primary)/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8)}
.coming-soon-copy small{color:#d2f8f2;font:700 9.5px/1.15 var(--mono);letter-spacing:.14em;text-shadow:0 1px 1px rgba(0,0,0,.9);text-transform:uppercase}
.coming-soon-index{justify-self:end;color:color-mix(in srgb,var(--button-edge) 74%,white);font:700 8.5px/1 ui-monospace,Consolas,monospace;font-style:normal;letter-spacing:.12em;text-shadow:0 1px 1px rgba(0,0,0,.9)}
.coming-soon:hover,.coming-soon:focus-visible{outline:none;transform:translateY(-3px);border-color:color-mix(in srgb,var(--button-edge) 72%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--button-edge) 9%,transparent),transparent 38%),linear-gradient(115deg,rgba(34,29,36,.9),rgba(10,22,24,.92));box-shadow:0 24px 66px rgba(0,0,0,.3),0 0 30px color-mix(in srgb,var(--button-edge) 14%,transparent),inset 0 1px rgba(255,255,255,.1)}
.coming-soon:hover:before,.coming-soon:focus-visible:before{transform:scaleY(1)}
.coming-soon:hover:after,.coming-soon:focus-visible:after{width:62px;opacity:.8}
.coming-soon:hover .coming-soon-signal:after,.coming-soon:focus-visible .coming-soon-signal:after{animation-duration:1.15s}
.coming-soon:active{transform:translateY(0) scale(.985)}
html[data-signal="active"] .coming-soon{animation:recordAcknowledged 1.25s cubic-bezier(.16,.82,.18,1)}
@keyframes recordAcknowledged{0%,100%{transform:translateY(0) scale(1)}34%{transform:translateY(-1px) scale(1.008)}}
@keyframes signalStandby{0%,100%{scale:.72;opacity:.3}50%{scale:1;opacity:.9}}
.persistence-note{z-index:8;margin:9px 0 0;padding:5px 12px;color:var(--field-text-muted);background:transparent;font:750 10.5px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.14em;text-shadow:var(--readability-shadow);text-transform:uppercase;transition:color .55s,text-shadow .55s}
.footer-data{position:fixed;z-index:20;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:18px;padding:6px 12px;color:var(--field-text-muted);background:transparent;border:0;border-radius:0;font:750 10px/1.15 ui-monospace,Consolas,monospace;letter-spacing:.12em;text-shadow:var(--readability-shadow);pointer-events:none;transition:color .55s,text-shadow .55s}

.channels{position:fixed;inset:0;z-index:25;pointer-events:none}
.discovery-clip{--clip-zoom:1;position:fixed;z-index:92;left:50%;top:50%;width:min(640px,calc(100vw - 40px));aspect-ratio:16/9;translate:-50% -50%;opacity:0;scale:.94;overflow:hidden;border:1px solid color-mix(in srgb,var(--spectral) 56%,transparent);background:#010608;box-shadow:0 24px 100px rgba(0,0,0,.58),0 0 52px color-mix(in srgb,var(--layer-accent) 28%,transparent);transition:opacity .8s ease,scale 1s cubic-bezier(.16,.82,.18,1);pointer-events:none}.discovery-clip:before{content:"RECOVERED // TRANSIENT CHANNEL";position:absolute;z-index:2;left:12px;top:10px;padding:0;color:rgba(242,255,253,.92);background:transparent;font:700 8.5px/1 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-shadow:0 1px 1px #000;pointer-events:none}.discovery-clip-viewport{position:absolute;inset:0;overflow:hidden;background:#010608}.discovery-clip iframe{position:absolute;left:50%;top:50%;display:block;width:100%;height:100%;border:0;background:#000;transform:translate(-50%,-50%) scale(var(--clip-zoom));transform-origin:50% 50%;pointer-events:none}.discovery-clip button{position:absolute;z-index:3;right:8px;top:7px;width:28px;height:28px;padding:0;border:1px solid rgba(220,255,250,.25);color:#effffc;background:rgba(2,10,13,.72);font:400 18px/1 ui-monospace,Consolas,monospace}.discovery-clip button:hover,.discovery-clip button:focus-visible{outline:0;border-color:var(--spectral);box-shadow:0 0 14px color-mix(in srgb,var(--spectral) 30%,transparent)}.discovery-clip.manifest{opacity:1;scale:1;pointer-events:auto}.discovery-clip.departing{opacity:0;scale:.97;pointer-events:none}
.channel{--icon-ring-display:var(--icon-0-color);--icon-ring-next:var(--icon-1-color);--channel:var(--icon-ring-display);--icon-pulse-delay:0s;--mag-x:0px;--mag-y:0px;--mag-force:0;--slot-x:20px;--slot-y:20px;position:absolute;left:0;top:0;display:grid;place-items:center;width:76px;height:76px;padding:0;color:var(--channel);text-decoration:none;opacity:.82;pointer-events:auto;transform:translate3d(calc(var(--slot-x) + var(--mag-x)),calc(var(--slot-y) + var(--mag-y)),0);transition:transform .78s cubic-bezier(.16,.82,.18,1),opacity .5s;will-change:transform}
.channel:hover,.channel:focus-visible{outline:none;transform:translate3d(calc(var(--slot-x) + var(--mag-x)),calc(var(--slot-y) + var(--mag-y) - 2px),0) scale(1.12)}
.channel-mark{position:relative;display:grid;place-items:center;width:68px;height:68px;color:var(--channel);background:transparent;transition:scale .35s}.channel-mark:before{content:"";position:absolute;inset:2px;border:1px solid color-mix(in srgb,var(--icon-ring-display) 72%,transparent);border-radius:50%;opacity:calc(.46 + var(--night)*.16);transition:opacity .35s,scale .35s}.channel-art{position:absolute;display:none;width:60px;height:60px;object-fit:contain;opacity:0;transition:opacity .62s ease}.channel-art.is-current,.channel-art.is-transitioning{display:block}.channel-art.is-current{opacity:1}.channel-index{position:absolute;left:50%;bottom:-10px;translate:-50% 0;opacity:0;padding:0;color:color-mix(in srgb,var(--icon-ring-display) 72%,white);background:transparent;border-radius:0;font:700 7.5px/1 var(--mono);font-style:normal;letter-spacing:.12em;text-shadow:var(--readability-shadow);transition:opacity .25s,translate .25s}.channel:hover,.channel:focus-visible{opacity:1}.channel:hover .channel-mark,.channel:focus-visible .channel-mark{scale:1.08}.channel:hover .channel-mark:before,.channel:focus-visible .channel-mark:before{border-color:color-mix(in srgb,var(--icon-ring-next) 76%,white);opacity:1;scale:1.12}.channel:hover .channel-art.is-current,.channel:focus-visible .channel-art.is-current{animation:channelArtifactPlay .88s cubic-bezier(.16,.82,.18,1)}.channel:hover .channel-index,.channel:focus-visible .channel-index{opacity:.94;translate:-50% 2px}
.twitch-live-status{position:absolute;left:calc(100% + 4px);top:50%;width:132px;color:var(--field-text);font:850 8.5px/1 var(--mono);letter-spacing:.13em;text-align:left;text-shadow:var(--readability-shadow);translate:0 -50%;opacity:0;pointer-events:none;white-space:nowrap;transition:color .35s,opacity .35s}.twitch-live-status:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border:1px solid var(--icon-ring-next);border-radius:50%;background:color-mix(in srgb,var(--icon-ring-next) 42%,transparent);vertical-align:1px}.twitch[data-corner$="east"] .twitch-live-status{right:calc(100% + 4px);left:auto;text-align:right}html[data-twitch-live="live"] .twitch{opacity:1}html[data-twitch-live="live"] .twitch .channel-mark:before{border-color:color-mix(in srgb,var(--icon-ring-next) 84%,white);opacity:1}html[data-twitch-live="live"] .twitch-live-status{opacity:1}html[data-twitch-live="live"] .twitch-live-status:before{animation:twitchLivePulse 2.8s ease-in-out infinite}@keyframes twitchLivePulse{0%,100%{opacity:.48;scale:.8}50%{opacity:1;scale:1.2}}
html[data-diagnostics="true"] .twitch[data-corner="northeast"] .twitch-live-status{right:0;left:auto;top:calc(100% + 2px);text-align:right;translate:0 0}
@media(max-width:700px){.twitch[data-corner="northwest"] .twitch-live-status{right:auto;left:0;top:calc(100% + 2px);text-align:left;translate:0 0}.twitch[data-corner="northeast"] .twitch-live-status{right:0;left:auto;top:calc(100% + 2px);text-align:right;translate:0 0}.twitch[data-corner="southwest"] .twitch-live-status{right:auto;bottom:calc(100% + 2px);left:0;top:auto;text-align:left;translate:0 0}.twitch[data-corner="southeast"] .twitch-live-status{right:0;bottom:calc(100% + 2px);left:auto;top:auto;text-align:right;translate:0 0}}
@media(max-height:520px) and (orientation:landscape){.twitch[data-corner="northwest"] .twitch-live-status,.twitch[data-corner="southwest"] .twitch-live-status{right:auto;bottom:auto;left:calc(100% + 4px);top:50%;text-align:left;translate:0 -50%}.twitch[data-corner="northeast"] .twitch-live-status,.twitch[data-corner="southeast"] .twitch-live-status{right:0;bottom:auto;left:auto;top:calc(100% - 1px);text-align:right;translate:0 0}}
@keyframes channelArtifactPlay{0%{scale:1;rotate:0}38%{scale:1.16;rotate:-5deg}68%{scale:1.06;rotate:4deg}100%{scale:1.1;rotate:0}}
@keyframes channelRingPulse{0%,100%{border-color:color-mix(in srgb,var(--icon-ring-display) 72%,transparent);opacity:calc(.46 + var(--night)*.16);scale:1}42%{border-color:color-mix(in srgb,var(--icon-ring-next) 72%,white);opacity:.92;scale:1.07}}
@keyframes channelSpectrumPulse{0%,100%{border-color:color-mix(in srgb,var(--icon-ring-display) 72%,transparent);opacity:calc(.46 + var(--night)*.16);scale:1}32%{border-color:color-mix(in srgb,var(--icon-ring-next) 74%,white);opacity:1;scale:1.09}68%{border-color:color-mix(in srgb,var(--icon-ring-display) 82%,white);opacity:.9;scale:1.05}}
html[data-ring-pulse="active"] .channel-mark:before{animation:channelRingPulse .72s ease-out var(--icon-pulse-delay) 1}
html[data-discovery="new"] .channel-mark:before,html[data-journey-transition="true"] .channel-mark:before,html[data-spectrum-sweep="active"] .channel-mark:before{animation:channelSpectrumPulse .92s ease-out var(--icon-pulse-delay) 1}
.fourthwall{--icon-ring-display:var(--icon-0-color);--icon-ring-next:var(--icon-1-color);--icon-pulse-delay:0s}.twitch{--icon-ring-display:var(--icon-1-color);--icon-ring-next:var(--icon-2-color);--icon-pulse-delay:.05s}.tcg{--icon-ring-display:var(--icon-2-color);--icon-ring-next:var(--icon-3-color);--icon-pulse-delay:.1s}.discord{--icon-ring-display:var(--icon-3-color);--icon-ring-next:var(--icon-0-color);--icon-pulse-delay:.15s}.channel[data-corner="northwest"]{--slot-x:max(18px,env(safe-area-inset-left));--slot-y:30px}.channel[data-corner="northeast"]{--slot-x:calc(100vw - 102px - env(safe-area-inset-right));--slot-y:30px}.channel[data-corner="southwest"]{--slot-x:max(18px,env(safe-area-inset-left));--slot-y:calc(100vh - 104px - env(safe-area-inset-bottom))}.channel[data-corner="southeast"]{--slot-x:calc(100vw - 102px - env(safe-area-inset-right));--slot-y:calc(100vh - 104px - env(safe-area-inset-bottom))}
.noscript{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:20px;background:transparent;color:var(--field-text);font:750 12px ui-monospace,monospace;letter-spacing:.14em;text-shadow:var(--readability-shadow)}

.data-relic{position:fixed;z-index:82;width:clamp(150px,19vw,230px);height:auto;opacity:0;border:1px solid color-mix(in srgb,var(--spectral) 78%,white);background:#173f32;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 28px color-mix(in srgb,var(--spectral) 34%,transparent),0 20px 60px rgba(0,0,0,.42);cursor:context-menu;user-select:auto;-webkit-user-drag:auto}.data-relic.manifest{animation:relicManifest 5.05s ease-in-out forwards}@keyframes relicManifest{0%{opacity:0;scale:.82;filter:contrast(1.9) saturate(1.08) brightness(.76)}12%{opacity:1;scale:1;filter:contrast(1.9) saturate(1.18) brightness(.8)}28%{opacity:.94;scale:.985;filter:contrast(1.9) saturate(1.15) brightness(.79)}46%{opacity:1;scale:1.015;filter:contrast(2) saturate(1.2) brightness(.82)}66%{opacity:.95;scale:.99;filter:contrast(1.9) saturate(1.16) brightness(.8)}82%{opacity:1;scale:1.01;filter:contrast(2) saturate(1.2) brightness(.82)}100%{opacity:0;scale:.94;filter:contrast(1.9) saturate(1.08) brightness(.76)}}
.code-gate{position:fixed;z-index:95;inset:0;display:grid;place-items:center;padding:24px;background:rgba(1,8,11,.72)}.code-gate-shell{width:min(420px,calc(100vw - 32px));padding:30px;border:1px solid color-mix(in srgb,var(--spectral) 58%,transparent);background:linear-gradient(145deg,rgba(4,22,27,.98),rgba(7,12,20,.98));box-shadow:0 24px 90px rgba(0,0,0,.5),0 0 30px color-mix(in srgb,var(--layer-accent) 12%,transparent);font-family:ui-monospace,Consolas,monospace}.code-gate p,.code-gate label,.code-gate small{display:block;margin:0;color:rgba(226,255,250,.82);font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.code-gate h2{margin:11px 0 28px;color:#f4fffd;font-size:16px;letter-spacing:.16em}.code-gate input{width:100%;margin:10px 0 8px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--spectral) 48%,transparent);outline:0;color:#effffc;background:rgba(0,0,0,.4);font:700 17px/1 ui-monospace,Consolas,monospace;letter-spacing:.28em;box-shadow:inset 0 0 12px rgba(0,0,0,.25)}.code-gate input:focus{border-color:var(--spectral);box-shadow:0 0 12px color-mix(in srgb,var(--spectral) 18%,transparent),inset 0 0 12px rgba(0,0,0,.25)}.code-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.code-gate button,.code-gate-artifact{padding:11px;border:1px solid color-mix(in srgb,var(--spectral) 48%,transparent);color:#effffc;background:rgba(11,37,43,.8);font:700 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-align:center;text-decoration:none;text-transform:uppercase}.code-gate-artifact{grid-column:1/-1}.code-gate button:hover,.code-gate button:focus-visible,.code-gate-artifact:hover,.code-gate-artifact:focus-visible{outline:0;border-color:var(--icon-glow);box-shadow:0 0 12px color-mix(in srgb,var(--icon-glow) 24%,transparent)}
[hidden]{display:none!important}

html[data-element="root"]{--element-accent:#b4dfd5;--element-secondary:#c7a675;--element-glow:7%}
html[data-element="fire"]{--element-accent:#ff9a62;--element-secondary:#ffd08e;--element-glow:12%}
html[data-element="cloud"]{--element-accent:#c8d9ef;--element-secondary:#a8b5cf;--element-glow:8%}
html[data-element="water"]{--element-accent:#7fcbd5;--element-secondary:#a7e1dc;--element-glow:9%}
html[data-element="stone"]{--element-accent:#c4b9a5;--element-secondary:#8f9a9e;--element-glow:7%}
html[data-element="growth"]{--element-accent:#9dce98;--element-secondary:#d2bd78;--element-glow:9%}
html[data-environment="day"] body{background:radial-gradient(circle at calc(50% + var(--pointer-x)*6%) calc(42% + var(--pointer-y)*5%),color-mix(in srgb,var(--element-accent) 7%,transparent),transparent 32%),radial-gradient(ellipse at center,rgba(9,17,22,.025) 25%,rgba(5,12,17,.15) 100%),linear-gradient(150deg,var(--sky-top),var(--sky-mid) 48%,var(--sky-bottom))}
html[data-environment="pre-dawn"] body:after{opacity:.6}html[data-environment="pre-dawn"] .aurora{opacity:.5}
html[data-phase="night"] .ring:not(.r1):not(.r8){border-width:1px}
html[data-phase-source="automatic"] .north:after{content:" AUTO";opacity:.72}html[data-phase-source="manual"] .north:after{content:" HOLD";color:var(--warm);opacity:.9}
html[data-interaction-tier="1"] .ring{opacity:calc(.55 + var(--night)*.28)}html[data-interaction-tier="2"] .ring{opacity:calc(.66 + var(--night)*.22)}html[data-interaction-tier="3"] .ring{opacity:calc(.78 + var(--night)*.18)}
html[data-interaction-layer="motion"] .aurora{opacity:calc(.38 + var(--night)*.24 + var(--interaction-depth)*.16)}html[data-interaction-layer="drag"] .viewport{border-color:color-mix(in srgb,var(--warm) 56%,var(--spectral))}html[data-interaction-layer="pressure"] .ring:nth-child(odd){scale:calc(1 + var(--charge)*.035)}html[data-interaction-layer="pressure"] .ring:nth-child(even){scale:calc(1 - var(--charge)*.012);opacity:calc(var(--lane-opacity) + .08)}html[data-interaction-layer="wheel"] .scan-orbit{opacity:1;animation-duration:8s}html[data-interaction-layer="ring"] .ring.is-hovered{border-color:#effffc}html[data-interaction-layer="middle"] .scan-orbit{opacity:.9}html[data-interaction-layer="secondary"] .ring{border-color:color-mix(in srgb,var(--ring-display) 72%,var(--warm))}
html[data-interaction-layer="phase"] .aurora{opacity:calc(.52 + var(--night)*.22)}html[data-interaction-layer="phase"] .core-halo{transform:scale(1.035)}html[data-interaction-layer="polarity"] .viewport{border-color:var(--warm)}html[data-interaction-layer="archive"] .discovery-map,html[data-interaction-layer="metadata"] .encoded{color:var(--field-accent)}html[data-interaction-layer="channel"] .channel{opacity:1}html[data-interaction-layer="record"] .coming-soon{box-shadow:0 16px 54px rgba(0,0,0,.3),0 0 30px color-mix(in srgb,var(--warm) 22%,transparent)}
html[data-ring-octave="high"] .ring{border-color:color-mix(in srgb,var(--ring-display) calc(var(--alpha) + 14%),white)}
html[data-ring-octave="low"] .ring{border-color:color-mix(in srgb,var(--ring-display) calc(var(--alpha) + 8%),#16112c)}
html[data-signal="active"] .hero{filter:brightness(1.1) saturate(1.06)}
html[data-signal="active"] .scan-orbit{animation-duration:2.8s;opacity:1}
html[data-hover-ring]:not([data-hover-ring=""]) .hero{cursor:pointer}
html[data-environment="dawn"] .aurora{opacity:.52}
html[data-environment="late-afternoon"] .aurora,html[data-environment="dusk"] .aurora{opacity:.66}
html[data-environment="night"] .aurora{opacity:.52}
html[data-polarity="warm"] .ring{border-color:color-mix(in srgb,var(--ring-display) 66%,var(--warm))}
html[data-polarity="warm"] .viewport{border-color:color-mix(in srgb,var(--warm) 38%,rgba(226,230,227,.28))}
html[data-polarity="spectral"] .ring{border-color:color-mix(in srgb,var(--ring-display) 72%,var(--spectral))}
html[data-scroll-direction="in"] .ring:nth-child(odd),html[data-scroll-direction="out"] .ring:nth-child(even){opacity:calc(.72 + var(--night)*.2)}
html[data-discovery="new"] .discovery-map{color:var(--field-accent);font-weight:800}
html[data-convergence-miss="true"] .viewport{border-color:rgba(255,145,102,.28)}
html[data-fire-discovery="true"] .viewport{border-color:rgba(255,176,118,.56)}html[data-fire-discovery="true"] .ring{border-color:color-mix(in srgb,var(--ring-display) 72%,white)}html[data-fire-discovery="true"] .response{color:var(--field-accent)}

.diagnostics{position:fixed;z-index:96;right:16px;top:16px;width:min(390px,calc(100vw - 32px));border:1px solid rgba(198,255,246,.42);background:rgba(4,8,10,.975);box-shadow:0 18px 52px rgba(0,0,0,.44);font-family:ui-monospace,Consolas,monospace}.diagnostics header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid rgba(198,255,246,.28)}.diagnostics header small,.diagnostics dt{color:rgba(225,255,251,.88);font-size:9px;font-weight:700;letter-spacing:.11em}.diagnostics header strong{display:block;margin-top:5px;color:#f5fffd;font-size:12px;letter-spacing:.16em}.diagnostics button{border:1px solid rgba(198,255,246,.4);color:#f5fffd;background:rgba(255,255,255,.07);font:700 9.5px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em}.diagnostics header button{width:30px;height:30px}.diagnostics-body{padding:13px}.diagnostics dl{display:grid;gap:7px;margin:0}.diagnostics dl div{display:grid;grid-template-columns:126px 1fr;gap:11px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.12)}.diagnostics dt,.diagnostics dd{margin:0}.diagnostics dd{overflow-wrap:anywhere;color:#f3fffd;font-size:10px;font-weight:650;line-height:1.45}.diagnostic-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.diagnostic-actions button{padding:10px 7px}.diagnostics.collapsed .diagnostics-body{display:none}.diagnostics.collapsed header{border-bottom:0}
.diagnostics{max-height:calc(100vh - 32px);overflow:auto}
html[data-aperture="open"] .ring:nth-child(odd){scale:1.12;border-color:color-mix(in srgb,var(--ring-display) 72%,white)}html[data-aperture="open"] .ring:nth-child(even){scale:.94;opacity:.9}html[data-aperture="open"] .viewport{transform:translate3d(calc(var(--pointer-x)*7px),calc(var(--pointer-y)*7px),38px) scale(1.075)}
html[data-idle="listening"] .input-oracle,html[data-idle="deep"] .input-oracle{color:var(--field-text);letter-spacing:.2em;text-shadow:var(--readability-shadow)}
html[data-idle="deep"] .scan-orbit{animation-duration:9s;opacity:.95}html[data-idle="deep"] .ring:nth-child(odd){animation-duration:3.7s}html[data-idle="deep"] .ring:nth-child(even){animation-duration:4.9s}
html[data-journey-layer="2"]{--layer-accent:#9f78ff}html[data-journey-layer="3"]{--layer-accent:#ff719f}html[data-journey-layer="4"]{--layer-accent:#ffb45f}html[data-journey-layer="5"]{--layer-accent:#63dfff}html[data-journey-transition="true"] body:after{opacity:.86}html[data-journey-complete="true"] .journey-track b{background:color-mix(in srgb,var(--warm) 60%,var(--spectral));box-shadow:0 0 7px var(--spectral)}

@media(max-width:700px){
  .experience{min-height:460px;padding:76px 12px 54px;grid-template-rows:1fr auto auto}
  .hero{width:min(88vw,62svh);margin-bottom:58px}.viewport{width:67%}.encoded{font-size:10px}.metadata{padding:8px 10px}.south{top:101%;width:92%;font-size:11.5px}.input-oracle{top:115%;font-size:11.5px}.discovery-map{left:50%;right:auto;top:124%;bottom:auto;min-width:154px;padding:8px 10px;transform:translateX(-50%);font-size:11px}
  .coming-soon{min-width:270px;grid-template-columns:30px minmax(160px,1fr) 24px;gap:10px;padding:8px 11px;margin-top:-4px}.coming-soon-copy strong{font-size:12px}.coming-soon-copy small{font-size:8.5px}.response{top:92px;padding-inline:32px}.response small{gap:8px}
  .channel{width:60px;height:60px}.channel-mark{width:56px;height:56px}.channel-art{width:50px;height:50px}.channel[data-corner="northwest"]{--slot-x:8px;--slot-y:22px}.channel[data-corner="northeast"]{--slot-x:calc(100vw - 68px);--slot-y:22px}.channel[data-corner="southwest"]{--slot-x:8px;--slot-y:calc(100vh - 70px)}.channel[data-corner="southeast"]{--slot-x:calc(100vw - 68px);--slot-y:calc(100vh - 70px)}.footer-data{display:none}.data-relic{width:clamp(135px,32vw,185px)}.code-gate-shell{padding:24px}.discovery-clip{width:calc(100vw - 24px)}
  .sequence-memory{left:50%;top:8px;width:min(232px,62vw);translate:-50% 0}.sequence-memory.is-revealing{animation-name:memoryRevealMobile}.sequence-memory-title{margin-bottom:4px;font-size:9.5px}.sequence-tracks{grid-template-columns:1fr 1fr;gap:0 8px}.sequence-tracks button{grid-template-columns:10px 18px 8px minmax(0,1fr);min-height:24px;padding-block:2px;font-size:8.5px}.sequence-tracks button em{font-size:7.5px}.sequence-actions{gap:0 7px;margin-top:3px}.sequence-actions button{min-height:25px;padding-block:3px;font-size:8px}.sequence-master{min-height:24px;margin-top:2px;padding-block:3px;font-size:8px}.sequence-cycle{margin-top:0;font-size:7.5px}.sequence-feed{display:none}@keyframes memoryRevealMobile{from{opacity:0;translate:calc(-50% - 8px) 0}to{opacity:1;translate:-50% 0}}
}
@media(pointer:fine){html,body,a,button,.viewport,.hero{cursor:none!important}}
@media(pointer:coarse){.vector-cursor{display:none}.channel{touch-action:none}}
@media(max-height:620px) and (orientation:landscape){
  .experience{grid-template-columns:1fr 260px;grid-template-rows:minmax(0,1fr) auto;height:100svh;min-height:0;padding:36px 68px 18px}.hero{grid-column:1;grid-row:1/3;width:min(78vh,54vw);margin-bottom:0}.coming-soon{grid-column:2;grid-row:1;align-self:center;margin:30px 0 0}.persistence-note{display:none}.response{left:64%;top:10px;bottom:auto;width:min(400px,47vw);padding:8px 24px}.response small{display:none}.encoded{font-size:9.5px}.south{top:82%;width:96%;font-size:11.5px}.input-oracle{top:99%;font-size:11.5px}.discovery-map{left:calc(100% + 210px);right:auto;top:74%;bottom:auto;min-width:154px;transform:translateX(-50%);font-size:11px}.footer-data{left:75%}
  .sequence-memory{left:calc(50% + 30px);top:7px;width:260px;translate:0 0}.sequence-memory.is-revealing{animation-name:memoryRevealLandscape}.sequence-memory-title{margin-bottom:3px}.sequence-tracks{grid-template-columns:1fr 1fr;gap-inline:8px}.sequence-tracks button{min-height:23px;padding-block:2px}.sequence-actions{margin-top:2px}.sequence-actions button{min-height:24px}.sequence-master{min-height:23px;margin-top:1px}.sequence-cycle{margin-top:0}.sequence-feed{display:none}@keyframes memoryRevealLandscape{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.grain{display:none}}

html[data-perf-center="off"] .viewport{background:none!important;border-color:transparent!important;box-shadow:none!important}
html[data-perf-elemental="off"] .core-halo{display:none!important}
html[data-perf-community="off"] .twitch .channel-art,html[data-perf-community="off"] .discord .channel-art,html[data-perf-commerce="off"] .fourthwall .channel-art,html[data-perf-commerce="off"] .tcg .channel-art{transition:none!important}
html[data-perf-rings="off"] .ring,html[data-perf-rings="off"] .scan-orbit{animation:none!important}
html[data-perf-ring-fx="off"] .rings,html[data-perf-ring-fx="off"] .ring,html[data-perf-ring-fx="off"] .ring:before{filter:none!important;box-shadow:none!important;transition-property:border-color,opacity,scale!important}
html[data-perf-pointer="off"] .viewport,html[data-perf-pointer="off"] .rings{transform:none!important}
html[data-perf-pointer="off"] .vector-cursor{display:none!important}
html[data-perf-atmosphere="off"] body:before,html[data-perf-atmosphere="off"] body:after,html[data-perf-atmosphere="off"] .aurora{display:none!important}
html[data-perf-particles="off"] #atmosphere,html[data-perf-particles="off"] .grain{display:none!important}
html[data-perf-notice="off"] .response,html[data-perf-notice="off"] .response-scan,html[data-perf-notice="off"] .coming-soon{animation:none!important;transition:none!important;filter:none!important;backdrop-filter:none!important}
.perf-harness{position:fixed;z-index:110;left:10px;top:10px;width:330px;max-height:calc(100vh - 20px);overflow:auto;padding:10px;border:1px solid rgba(175,255,239,.3);color:#dffef8;background:rgba(3,8,10,.94);font:11px/1.45 var(--mono);pointer-events:none}.perf-harness strong{display:block;margin-bottom:5px;letter-spacing:.12em}.perf-harness pre{margin:0;white-space:pre-wrap;color:#b6d8d3}.perf-harness[hidden]{display:none!important}

/* Sequence Memory keeps the live spectrum, with adaptive foreground contrast dominant. */
.sequence-tracks button{color:color-mix(in srgb,var(--track-color) 34%,var(--field-text))}
.sequence-tracks button[aria-current="true"]{color:color-mix(in srgb,var(--track-color) 46%,var(--field-text))}
.sequence-tracks button[data-empty="true"],.sequence-tracks button[data-muted="true"]{opacity:.68}
.sequence-tracks button[data-playing="true"] em,.sequence-tracks button[data-loop="true"] em{color:color-mix(in srgb,var(--track-color) 38%,var(--field-text))}

/* Summonable Sequence Memory: larger floating type, never a panel. */
.sequence-memory-hint,.sequence-memory-close{appearance:none;border:0;background:transparent;box-shadow:none;color:var(--field-text-muted);font-family:var(--mono);font-weight:850;letter-spacing:.16em;text-shadow:var(--readability-shadow);cursor:pointer;transition:color .2s,opacity .2s,translate .2s}
.sequence-memory-hint{position:fixed;z-index:22;left:clamp(22px,4vw,72px);top:52%;min-width:120px;min-height:38px;padding:9px 2px;font-size:9.5px;text-align:left;translate:0 -50%}
.sequence-memory-hint[hidden]{display:none!important}.sequence-memory-hint[aria-expanded="true"]{opacity:0;pointer-events:none;translate:-5px -50%}
.sequence-memory-hint:hover,.sequence-memory-hint:focus-visible,.sequence-memory-close:hover,.sequence-memory-close:focus-visible{outline:none;color:var(--field-accent);text-decoration:underline;text-underline-offset:4px}
.sequence-memory{left:clamp(22px,3vw,60px);top:51%;width:clamp(320px,26vw,410px);translate:0 -50%;transition:color .55s}
.sequence-memory.is-opening{animation:memoryTerminalOpen .3s cubic-bezier(.16,.82,.18,1) both}.sequence-memory.is-closing{pointer-events:none;animation:memoryTerminalClose .22s ease-in both}
.sequence-memory-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}
.sequence-memory-title{margin:0;font-size:15px;line-height:1.25;letter-spacing:.21em}.sequence-memory-close{min-width:84px;min-height:38px;padding:8px 2px;font-size:9.5px;text-align:right}
.sequence-tracks{gap:4px}.sequence-tracks button{grid-template-columns:17px 31px 18px minmax(0,1fr);min-height:44px;padding:8px 3px;font-size:13px;line-height:1.25;letter-spacing:.14em}.sequence-tracks button em{font-size:12px;line-height:1.2;letter-spacing:.12em}.sequence-tracks button[aria-current="true"]{translate:7px 0}.sequence-tracks button[data-recording="true"] em{font-weight:900;letter-spacing:.14em}
.sequence-actions{gap:5px 18px;margin-top:17px}.sequence-actions button{min-height:44px;padding:9px 3px;font-size:12px;line-height:1.15}
.sequence-master{min-height:44px;margin-top:9px;padding:9px 3px;font-size:11.5px;line-height:1.15}
.sequence-cycle{margin-top:4px;font-size:10px;line-height:1.45}.sequence-feed{gap:5px;min-height:75px;margin-top:13px;font-size:10.5px;line-height:1.4}
@keyframes memoryTerminalOpen{from{opacity:0;translate:-9px -50%}to{opacity:1;translate:0 -50%}}@keyframes memoryTerminalClose{from{opacity:1;translate:0 -50%}to{opacity:0;translate:-7px -50%}}

@media(max-width:700px){
  .sequence-memory-hint{left:50%;top:10px;min-height:42px;font-size:10px;text-align:center;translate:-50% 0}.sequence-memory-hint[aria-expanded="true"]{translate:calc(-50% - 5px) 0}
  .sequence-memory{left:50%;top:8px;width:min(390px,calc(100vw - 28px));translate:-50% 0}.sequence-memory-heading{margin-bottom:8px}.sequence-memory-title{font-size:12.5px}.sequence-memory-close{min-height:38px;font-size:9px}.sequence-tracks{grid-template-columns:1fr 1fr;gap:2px 12px}.sequence-tracks button{grid-template-columns:13px 24px 12px minmax(0,1fr);min-height:38px;padding-block:6px;font-size:10.5px}.sequence-tracks button em{font-size:9.5px}.sequence-actions{gap:2px 11px;margin-top:7px}.sequence-actions button{min-height:40px;padding-block:7px;font-size:10px}.sequence-master{min-height:38px;margin-top:3px;padding-block:6px;font-size:9.5px}.sequence-cycle{font-size:8.5px}.sequence-feed{display:none}
  .sequence-memory.is-opening{animation-name:memoryTerminalOpenMobile}.sequence-memory.is-closing{animation-name:memoryTerminalCloseMobile}
  @keyframes memoryTerminalOpenMobile{from{opacity:0;translate:calc(-50% - 9px) 0}to{opacity:1;translate:-50% 0}}@keyframes memoryTerminalCloseMobile{from{opacity:1;translate:-50% 0}to{opacity:0;translate:calc(-50% - 7px) 0}}
}
@media(max-height:520px) and (orientation:landscape){
  .sequence-memory-hint{left:calc(50% + 24px);top:8px;translate:0 0;text-align:left}.sequence-memory-hint[aria-expanded="true"]{translate:-5px 0}
  .sequence-memory{left:calc(50% + 24px);top:5px;width:340px;translate:0 0}.sequence-memory-heading{margin-bottom:3px}.sequence-memory-title{font-size:11.5px}.sequence-memory-close{min-height:30px}.sequence-tracks{gap:0 10px}.sequence-tracks button{min-height:31px;padding-block:3px;font-size:9.5px}.sequence-tracks button em{font-size:8.5px}.sequence-actions{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:2px}.sequence-actions button{min-height:34px;padding-block:4px;font-size:9px}.sequence-master{min-height:31px;margin-top:0;padding-block:4px;font-size:8.75px}.sequence-cycle{font-size:8px}
  .sequence-memory.is-opening{animation-name:memoryTerminalOpenLandscape}.sequence-memory.is-closing{animation-name:memoryTerminalCloseLandscape}
  @keyframes memoryTerminalOpenLandscape{from{opacity:0;translate:-9px 0}to{opacity:1;translate:0 0}}@keyframes memoryTerminalCloseLandscape{from{opacity:1;translate:0 0}to{opacity:0;translate:-7px 0}}
}

/* Sequence Memory Studio is an explicit, user-summoned workspace. Compact mode
   retains the approved panel-free terminal; Studio adds one inexpensive solid
   work surface so dense editing controls remain readable over every environment. */
.sequence-memory[data-studio="true"]{left:clamp(12px,2vw,32px);top:clamp(12px,2vh,28px);width:min(1040px,calc(100vw - 64px));height:min(900px,calc(100vh - 56px));max-height:calc(100vh - 32px);padding:18px 20px;overflow:auto;translate:0 0;border:1px solid color-mix(in srgb,var(--field-accent) 34%,transparent);background:rgba(4,10,15,.94);box-shadow:0 22px 70px rgba(0,0,0,.38);text-shadow:none;scrollbar-color:color-mix(in srgb,var(--field-accent) 50%,transparent) transparent}
.sequence-memory[data-studio="true"].is-opening,.sequence-memory[data-studio="true"].is-closing{animation:none;translate:0 0}
.sequence-memory[data-studio="true"] .sequence-memory-heading{margin-bottom:8px}.sequence-memory[data-studio="true"] .sequence-tracks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sequence-memory[data-studio="true"] .sequence-tracks button{min-height:34px}.sequence-memory[data-studio="true"] .sequence-actions{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:8px}.sequence-memory[data-studio="true"] .sequence-actions button{min-height:34px;text-align:center}.sequence-memory[data-studio="true"] .sequence-fx,.sequence-memory[data-studio="true"]>.sequence-volume{display:none}.sequence-memory[data-studio="true"]>.sequence-master{margin:6px 0 0;padding:6px 8px;border:1px solid rgba(198,239,232,.16);background:#091319}.sequence-memory[data-studio="true"]>.sequence-cycle{margin:4px 0 0;text-align:right}
.sequence-studio{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(330px,1fr) minmax(250px,.8fr);gap:13px;margin-top:12px;color:#eafaf7;font:800 9px/1.25 var(--mono);letter-spacing:.09em}.sequence-studio[hidden]{display:none!important}.sequence-studio button,.sequence-studio input,.sequence-studio select{font:inherit}.sequence-studio button{appearance:none;min-height:30px;padding:6px 8px;border:1px solid rgba(198,239,232,.16);color:#cfe6e2;background:#091319;letter-spacing:.08em;cursor:pointer}.sequence-studio button:hover,.sequence-studio button:focus-visible,.sequence-studio button[data-active="true"],.sequence-studio button[aria-pressed="true"]{outline:none;border-color:var(--field-accent);color:#fff;background:color-mix(in srgb,var(--field-accent) 16%,#091319)}.sequence-studio label{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:7px;color:#a9c2be}.sequence-studio input,.sequence-studio select{min-width:0;padding:5px 6px;border:1px solid rgba(198,239,232,.17);border-radius:0;color:#ecfffb;background:#081117}.sequence-studio input[type="range"]{appearance:none;height:22px;padding:0;border:0;background:transparent}.sequence-studio input[type="range"]::-webkit-slider-runnable-track{height:2px;background:rgba(206,255,247,.28)}.sequence-studio input[type="range"]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4.5px;border:1px solid white;border-radius:50%;background:var(--field-accent)}.sequence-studio output{color:var(--field-accent)}
.studio-heading{grid-column:1/-1;display:flex;justify-content:space-between;padding:3px 0 8px;border-bottom:1px solid rgba(198,239,232,.18);font-size:10px;letter-spacing:.17em}.studio-heading span{color:var(--field-accent)}.studio-transport{grid-column:1/-1;display:grid;grid-template-columns:110px repeat(2,110px) 130px repeat(3,minmax(105px,1fr)) 105px;gap:7px}.studio-transport label{grid-template-columns:auto 1fr}.studio-timeline-shell{grid-column:1;grid-row:3/7;display:grid;align-content:start;justify-items:center;gap:9px}.studio-timeline{width:min(100%,380px);aspect-ratio:1;touch-action:none}.studio-timeline line{stroke:rgba(220,255,249,.22);stroke-width:1}.studio-timeline line.beat{stroke:rgba(220,255,249,.48);stroke-width:1.4}.studio-timeline line.bar{stroke:var(--field-accent);stroke-width:2}.studio-timeline #studioPlayhead{stroke:#fff;stroke-width:1.5;pointer-events:none}.studio-beat-pulse{fill:var(--field-accent);stroke:none;opacity:.42;pointer-events:none}.studio-beat-pulse.is-beat{animation:studioBeatPulse .28s ease-out}.studio-timeline[data-downbeat="true"] .studio-beat-pulse{fill:#fff}.studio-timeline circle:not(.studio-beat-pulse){fill:var(--field-accent);stroke:#061015;stroke-width:1.5;cursor:grab}.studio-timeline circle.alternate{fill:var(--ring-6-color)}.studio-timeline circle.drum{fill:var(--ring-1-color);stroke:#fff}.studio-timeline circle.selected{stroke:#fff;stroke-width:3;cursor:grabbing}.studio-event-editor{display:grid;width:100%;gap:8px}.studio-event-editor>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.studio-event-editor>div button:nth-child(n+5){grid-column:span 2}.studio-event-editor output{min-height:14px;text-align:center}@keyframes studioBeatPulse{0%{opacity:1;scale:2.8;transform-origin:center}100%{opacity:.42;scale:1;transform-origin:center}}
.studio-drum-sequencer{grid-column:2/4;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:8px;padding-top:4px;border-top:1px solid rgba(198,239,232,.13)}#studioDrumSteps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}#studioDrumSteps button{min-width:0;padding:4px 2px;font-size:8px}#studioDrumSteps button[data-active="true"]{border-color:var(--ring-1-color);color:white;background:color-mix(in srgb,var(--ring-1-color) 35%,#091319)}
.studio-mixer{grid-column:2;display:grid;gap:7px;padding-right:9px;border-right:1px solid rgba(198,239,232,.13)}.studio-track-meters{grid-column:3;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;height:74px;padding:5px 10px;border-bottom:1px solid rgba(198,239,232,.13)}.studio-track-meters i{position:relative;height:100%;border:1px solid rgba(198,239,232,.17);background:#071016;overflow:hidden}.studio-track-meters i:after{content:"";position:absolute;inset:auto 0 0;height:calc(var(--level,0)*100%);background:linear-gradient(0deg,var(--ring-1-color),var(--field-accent));transition:height .08s linear}
.studio-clips,.studio-scenes{grid-column:2/4;display:grid;grid-template-columns:80px repeat(6,minmax(0,1fr));align-items:center;gap:5px}.studio-scenes{grid-template-columns:80px repeat(5,minmax(0,1fr))}.studio-clips>span,.studio-scenes>span,.studio-arrangement>span{color:#9bb4b0}.studio-arrangement{grid-column:2/4;display:grid;grid-template-columns:80px 1fr 160px;align-items:center;gap:7px}#studioArrangementSteps{display:grid;grid-template-columns:repeat(16,1fr);gap:2px}#studioArrangementSteps button{min-width:0;min-height:28px;padding:3px 1px;font-size:7px}.studio-projects{grid-column:1/-1;display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) repeat(9,auto);gap:5px;padding-top:9px;border-top:1px solid rgba(198,239,232,.18)}.sequence-memory[data-studio="true"] .sequence-feed{grid-column:1/-1;display:grid;min-height:0;margin:8px 0 0;grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.sequence-memory[data-studio="true"]{left:8px;top:8px;width:calc(100vw - 16px);height:calc(100svh - 16px);max-height:none;padding:12px}.sequence-memory[data-studio="true"] .sequence-tracks{grid-template-columns:1fr 1fr}.sequence-memory[data-studio="true"] .sequence-actions{grid-template-columns:repeat(4,1fr)}.sequence-studio{grid-template-columns:1fr 1fr}.studio-transport{grid-template-columns:repeat(4,1fr)}.studio-timeline-shell{grid-column:1;grid-row:auto}.studio-drum-sequencer,.studio-clips,.studio-scenes,.studio-arrangement{grid-column:1/-1}.studio-mixer{grid-column:2}.studio-track-meters{grid-column:1/-1;grid-template-columns:repeat(4,1fr);height:42px}.studio-projects{grid-template-columns:1fr 1fr repeat(3,auto)}.sequence-memory[data-studio="true"] .sequence-feed{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.sequence-memory[data-studio="true"]{background:rgba(4,10,15,.98)}.sequence-studio{grid-template-columns:1fr}.studio-transport{grid-template-columns:1fr 1fr}.studio-timeline-shell,.studio-mixer,.studio-track-meters,.studio-drum-sequencer,.studio-clips,.studio-scenes,.studio-arrangement,.studio-projects{grid-column:1}.studio-drum-sequencer{grid-template-columns:1fr}.studio-mixer{border-right:0}.studio-clips,.studio-scenes{grid-template-columns:repeat(4,1fr)}.studio-clips>span,.studio-scenes>span{grid-column:1/-1}.studio-arrangement{grid-template-columns:1fr}.studio-projects{grid-template-columns:1fr 1fr}.studio-projects input,.studio-projects select{grid-column:1/-1}.sequence-memory[data-studio="true"] .sequence-feed{grid-template-columns:1fr}}
@media(max-width:700px) and (min-height:521px){html[data-sequence-memory-visible="open"] #phaseCode,html[data-sequence-memory-visible="open"] .channel[data-corner="northwest"],html[data-sequence-memory-visible="open"] .channel[data-corner="northeast"]{opacity:0;pointer-events:none}}
@media(max-height:520px) and (orientation:landscape){html[data-sequence-memory-visible="open"] .channel[data-corner="northeast"]{opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.sequence-memory.is-opening,.sequence-memory.is-closing{animation-duration:.01ms!important}.sequence-tracks button[data-recording="true"] em,.sequence-memory-title:after{animation:none!important}}
.sequence-tracks button{color:color-mix(in srgb,var(--track-color) 22%,var(--field-text))}.sequence-tracks button[aria-current="true"]{color:color-mix(in srgb,var(--track-color) 34%,var(--field-text))}.sequence-tracks button[data-empty="true"]{opacity:.76}.sequence-tracks button[data-muted="true"]{opacity:.72}.sequence-tracks button[data-playing="true"] em,.sequence-tracks button[data-loop="true"] em{color:color-mix(in srgb,var(--track-color) 26%,var(--field-text))}

/* Recorded-sound controls remain part of the open terminal typography: no backing plate. */
.sequence-tracks button{grid-template-columns:17px 31px 18px minmax(0,1fr) auto}.sequence-tracks button small{color:var(--field-text-subtle);font:800 8px/1 var(--mono);letter-spacing:.08em;white-space:nowrap}.sequence-tracks button[aria-current="true"] small{color:var(--field-accent)}
.sequence-fx{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:8px;margin-top:8px;color:var(--field-text-subtle);font:800 8.5px/1 var(--mono);letter-spacing:.1em}.sequence-fx button{appearance:none;min-height:30px;padding:5px 0;border:0;background:transparent;color:var(--field-text-muted);font:800 8.5px/1 var(--mono);letter-spacing:.08em;text-align:center;text-shadow:var(--readability-shadow);cursor:pointer;transition:color .2s,opacity .2s,transform .2s}.sequence-fx button[data-active="true"]{color:var(--field-accent)}.sequence-fx button:hover,.sequence-fx button:focus-visible{outline:none;color:var(--field-text);text-decoration:underline;text-underline-offset:3px}.sequence-fx button:active{transform:translateY(1px)}
.sequence-volume{display:grid;grid-template-columns:88px minmax(90px,1fr) 28px;align-items:center;gap:10px;min-height:30px;color:var(--field-text-muted);font:800 8.5px/1 var(--mono);letter-spacing:.1em;text-shadow:var(--readability-shadow)}.sequence-volume output{color:var(--field-accent);font:850 9px/1 var(--mono);text-align:right}.sequence-volume input{appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer}.sequence-volume input::-webkit-slider-runnable-track{height:2px;background:color-mix(in srgb,var(--field-text) 34%,transparent)}.sequence-volume input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-5.5px;border:1px solid var(--field-text);border-radius:50%;background:var(--field-accent);box-shadow:none}.sequence-volume input::-moz-range-track{height:2px;border:0;background:color-mix(in srgb,var(--field-text) 34%,transparent)}.sequence-volume input::-moz-range-thumb{width:13px;height:13px;border:1px solid var(--field-text);border-radius:50%;background:var(--field-accent);box-shadow:none}.sequence-volume input:focus-visible{outline:1px solid color-mix(in srgb,var(--field-accent) 70%,transparent);outline-offset:2px}.sequence-track-volume{margin-top:1px}.sequence-master-volume{margin-top:-3px}.sequence-master{margin-top:3px}
@media(max-width:700px){.sequence-tracks button{grid-template-columns:13px 24px 10px minmax(0,1fr) auto}.sequence-tracks button small{font-size:7px}.sequence-fx{gap:5px;margin-top:2px;font-size:7.5px}.sequence-fx button{min-height:27px;font-size:7.5px}.sequence-volume{grid-template-columns:76px minmax(70px,1fr) 24px;gap:7px;min-height:26px;font-size:7.5px}.sequence-volume output{font-size:8px}.sequence-volume input{height:21px}.sequence-master{margin-top:0}}
@media(max-height:520px) and (orientation:landscape){.sequence-memory{width:370px}.sequence-tracks button{grid-template-columns:10px 18px 8px minmax(0,1fr) auto;min-height:25px;padding-block:1px}.sequence-tracks button small{font-size:6.5px}.sequence-fx{gap:4px;margin-top:0}.sequence-fx button{min-height:22px;padding:2px 0;font-size:7px}.sequence-volume{grid-template-columns:72px minmax(70px,1fr) 22px;min-height:21px;font-size:7px}.sequence-volume input{height:18px}.sequence-master{min-height:24px}.sequence-cycle{display:none}}

/* Direct instrument level: one open, spectral control attached to the ring field. */
.live-volume{position:absolute;z-index:12;right:-17%;top:22%;width:230px;grid-template-columns:72px minmax(96px,1fr) 30px;min-height:40px;color:var(--field-text);font-size:10.5px;letter-spacing:.13em;pointer-events:auto;transition:color .45s,text-shadow .45s}.live-volume output{font-size:10.5px}.live-volume input::-webkit-slider-runnable-track{background:linear-gradient(90deg,color-mix(in srgb,var(--ring-2-color) 76%,transparent),color-mix(in srgb,var(--ring-6-color) 76%,transparent))}.live-volume input::-moz-range-track{background:linear-gradient(90deg,color-mix(in srgb,var(--ring-2-color) 76%,transparent),color-mix(in srgb,var(--ring-6-color) 76%,transparent))}
@media(max-width:700px){.live-volume{left:50%;right:auto;top:-15%;width:min(250px,74vw);translate:-50% 0;grid-template-columns:72px minmax(90px,1fr) 27px;font-size:9.5px}.live-volume output{font-size:9.5px}}
@media(max-height:520px) and (orientation:landscape){.live-volume{left:8%;right:auto;top:-6%;width:210px;translate:0 0;grid-template-columns:65px minmax(82px,1fr) 25px;font-size:8.5px}.live-volume output{font-size:8.5px}}

/* Owner spatial correction: distribute peripheral controls into dedicated open-field zones. */
.input-oracle[hidden]{display:none!important}
@media(min-width:701px){
  .sequence-memory-hint{left:clamp(24px,3.1vw,60px);top:clamp(112px,13vh,142px);text-align:left;translate:0 0}
  .sequence-memory-hint[aria-expanded="true"]{translate:-5px 0}
  .sequence-memory{left:clamp(32px,3.4vw,66px);top:50%;translate:0 -50%}
  .live-volume{position:absolute;left:calc(50vw + 50% - clamp(24px,7vw,140px) - 230px);right:auto;top:clamp(18px,5vh,46px);translate:0 0}
  .discovery-map{right:-25%;bottom:2%}
}
@media(max-width:700px) and (min-height:621px){
  .discovery-map{top:115%;bottom:auto}
}
@media(max-height:520px) and (orientation:landscape){
  html[data-sequence-memory-visible="open"] .channel[data-corner="northwest"],
  html[data-sequence-memory-visible="open"] .rings,
  html[data-sequence-memory-visible="open"] .ring-hit-field,
  html[data-sequence-memory-visible="open"] .signal-fragments,
  html[data-sequence-memory-visible="open"] .encoded,
  html[data-sequence-memory-visible="open"] .viewport{opacity:0;pointer-events:none}
}

/* First-minute guidance: stronger essentials without adding informational panels. */
.code,.metadata{font-weight:800}.south{font-weight:850}.discovery-map{font-size:11.5px;font-weight:850}.discovery-map strong{font-weight:900}.discovery-map i{border-width:1.5px;border-color:color-mix(in srgb,var(--field-text) 88%,transparent)}.journey-track b{background:color-mix(in srgb,var(--field-text) 68%,transparent)}.persistence-note,.footer-data,.live-volume,.sequence-memory-hint{font-weight:850}
.channel-destination{position:absolute;left:calc(100% + 7px);top:50%;max-width:130px;translate:-4px -50%;opacity:0;color:var(--field-text);font:850 9.5px/1 var(--mono);letter-spacing:.15em;text-align:left;text-shadow:var(--readability-shadow);white-space:nowrap;pointer-events:none;transition:opacity .22s,translate .3s,color .35s}.channel[data-corner$="east"] .channel-destination{right:calc(100% + 7px);left:auto;translate:4px -50%;text-align:right}.channel:hover .channel-destination,.channel:focus-visible .channel-destination{translate:0 -50%;opacity:1}.twitch .channel-destination{top:35%}
.coming-soon[data-acknowledged="true"]{border-color:color-mix(in srgb,var(--button-edge) 82%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--button-edge) 18%,transparent),transparent 42%),linear-gradient(115deg,rgba(38,32,39,.94),rgba(8,25,28,.96))}.coming-soon[data-acknowledged="true"] .coming-soon-signal:before{scale:1.55}.coming-soon[data-acknowledged="true"] .coming-soon-copy small{color:#fff}
.code-gate p,.code-gate label,.code-gate small{color:rgba(238,255,252,.94);font-size:9px;font-weight:800}.code-gate[data-preview="true"] p{color:color-mix(in srgb,var(--spectral) 54%,white)}