:root{--bg:#101310;--panel:#191d18;--line:#343a30;--muted:#a0a799;--text:#eef0e7;--lime:#d4f58a;--orange:#eeb480}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{height:90px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700}.brand-icon{background:var(--lime);color:var(--bg);width:33px;height:33px;display:grid;place-items:center;border-radius:50%}.division,.utility,.eyebrow,.intro-bottom,.terminal-top,.rail,.terminal-bottom,.status-label,footer,.meta,.choice-number,.stamp,.file-label,.drawer-head+ p,h3{font-family:monospace;font-size:10px;letter-spacing:1px}.division{margin-left:14px;color:var(--muted)}.utility{color:var(--text);background:none;border:1px solid var(--line);padding:12px 16px}.utility span{color:var(--lime);margin-left:14px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{position:relative;padding:58px 0 28px}.eyebrow{color:var(--muted);display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d4f58a55}.intro h1{font-size:clamp(72px,10vw,142px);font-weight:500;line-height:.89;letter-spacing:-8px;margin:33px 0 25px;position:relative;width:max-content}.intro em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.asterisk{color:var(--lime);font-size:110px;position:absolute;left:105%;top:12px;animation:spin 35s linear infinite}.intro>p{position:absolute;right:4%;top:120px;font-size:20px;line-height:1.6;color:var(--muted)}.intro-bottom{display:flex;justify-content:space-between;color:var(--muted);margin-top:40px}.terminal{background:var(--panel);border:1px solid var(--line);margin-top:20px;box-shadow:0 20px 70px #0002}.terminal-top,.terminal-bottom{padding:17px 24px;display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.terminal-top{border-bottom:1px solid var(--line)}.terminal-top i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.story-layout{display:flex;min-height:370px}.rail{width:115px;flex-shrink:0;padding:35px 24px;border-right:1px solid var(--line);color:var(--muted);line-height:1.8;display:flex;flex-direction:column;align-items:flex-start}.rail-number{font-size:40px;color:var(--lime);letter-spacing:-3px;margin-bottom:18px}.rail-line{width:1px;background:var(--line);min-height:35px;flex:1;margin:20px 0}article{padding:35px 40px 40px;flex:1;min-width:0;animation:arrive .3s ease}article:focus{outline:none}.meta{color:var(--lime);text-transform:uppercase;display:flex;justify-content:space-between;gap:15px}.stamp{border:1px solid #a0a79966;padding:5px 8px;color:var(--muted);transform:rotate(-3deg)}article h2{font-size:clamp(27px,3vw,40px);font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin:24px 0 18px;max-width:700px}.body-copy{color:#bec4b7;font-size:16px;line-height:1.8;max-width:740px;white-space:pre-line}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.choice{padding:18px;text-align:left;background:transparent;border:1px solid #454d3e;color:var(--text);display:flex;align-items:center;gap:15px;font-size:14px;transition:background .18s,transform .18s}.choice:first-child{background:var(--lime);border-color:var(--lime);color:#1b2510}.choice:hover{transform:translateY(-2px);background:#30382b}.choice:first-child:hover{background:#e3ffb1}.choice-number{opacity:.6}.arrow{margin-left:auto;font-size:19px}.terminal-bottom{border-top:1px solid var(--line)}.terminal-bottom button,footer button{border:0;padding:0;background:none;color:var(--muted);font:inherit}.status-strip{display:flex;gap:65px;padding:32px 0;border-bottom:1px solid var(--line)}.status-strip>div:first-child{width:210px}.status-label{display:block;color:var(--muted);margin-bottom:12px}.status-strip strong{font-family:monospace;font-weight:400;font-size:22px}.meter{height:3px;background:var(--line);margin-top:14px}.meter span{display:block;height:100%;background:var(--lime);transition:width .3s}.rabbit-mark{margin-left:auto;font-family:monospace;color:var(--lime);font-size:15px;line-height:1.1;transform:rotate(-8deg)}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0 40px;color:var(--muted);line-height:1.8;letter-spacing:.3px}footer>div{display:flex;align-items:flex-start;gap:24px}footer button:first-child{color:var(--lime)}.puzzle{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:10px}.puzzle label{width:100%;font-family:monospace;color:var(--muted);font-size:12px}.puzzle input{background:var(--bg);border:1px solid var(--line);padding:14px;color:var(--text);font:inherit;min-width:0;flex:1}.puzzle button,.cta{padding:14px 20px;background:var(--lime);border:1px solid var(--lime);color:var(--bg);font-size:14px}.feedback{color:var(--orange);font-size:13px;width:100%;margin:0}.cta{display:inline-flex;gap:45px;text-decoration:none;margin:16px 0 0;font-weight:700}.reveal-note{font-family:monospace;font-size:11px;color:var(--muted);line-height:1.6}.file-label{color:var(--muted);margin-top:25px}#drawer{position:fixed;inset:0 0 0 auto;width:min(440px,100%);background:#1a2017;border-left:1px solid var(--line);padding:30px;overflow:auto;z-index:10;box-shadow:-30px 0 90px #0009}#drawer[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:30px;font-weight:400;letter-spacing:-1px}.drawer-head button{background:none;border:1px solid var(--line);color:var(--text);padding:10px}.drawer-head+p{line-height:1.8;color:var(--muted)}h3{color:var(--lime);margin-top:30px}#drawer ul{padding-left:18px;color:#c1c9b7;font-size:14px;line-height:2}#room-list{display:grid;gap:6px}#room-list button{padding:10px;text-align:left;color:var(--text);background:none;border:1px solid var(--line);font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--bg);padding:14px 22px;box-shadow:0 8px 30px #0005;z-index:20;opacity:0;pointer-events:none;font-size:13px;max-width:90vw;width:max-content;transition:opacity .2s}#toast.show{opacity:1}.skip{position:fixed;top:-60px;z-index:30;background:var(--lime);color:var(--bg);padding:16px}.skip:focus{top:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1500px){.intro{padding-top:75px}}@media(max-width:760px){header{height:72px}.division{display:none}.brand{font-size:20px}.intro{padding-top:35px}.intro h1{font-size:clamp(53px,13.7vw,86px);letter-spacing:-3px}.asterisk{font-size:clamp(38px,10vw,67px);left:105%;top:20px}.intro>p{position:static;font-size:16px;line-height:1.5;margin:20px 0}.intro>p br{display:none}.intro-bottom{margin-top:26px;font-size:8px}.terminal{margin-top:10px}.terminal-top{padding:14px;font-size:8px}.terminal-top>span:last-child{max-width:120px;text-align:right}.rail{width:57px;padding:25px 10px;font-size:7px}.rail-number{font-size:27px;letter-spacing:-2px}article{padding:25px 20px 28px}.meta{font-size:9px}.stamp{display:none}article h2{margin-top:20px;font-size:29px}.body-copy{font-size:15px;line-height:1.75}.choices{grid-template-columns:1fr}.choice{padding:16px 12px;gap:10px}.terminal-bottom{padding:14px;font-size:8px}.status-strip{gap:20px;flex-wrap:wrap;padding:24px 0}.status-strip>div:first-child{width:100%}.status-strip strong{font-size:20px}.status-label{font-size:9px}.rabbit-mark{align-self:center}footer{flex-direction:column;font-size:9px}footer>div{gap:25px}.puzzle{flex-direction:column}.cta{gap:25px;font-size:13px}#drawer{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:400px){.eyebrow{font-size:8px;letter-spacing:.7px}.intro h1{font-size:13.5vw}.asterisk{font-size:9vw}.intro-bottom{font-size:7px;letter-spacing:.2px}.terminal-top{font-size:7px;letter-spacing:.5px}.rail{width:45px;padding:22px 7px}article{padding:24px 14px}article h2{font-size:25px}.file-label{font-size:8px;overflow-wrap:anywhere}.terminal-bottom{font-size:7px;letter-spacing:.2px}.utility{padding:10px;font-size:9px}.brand{gap:7px;font-size:18px}.brand-icon{width:28px;height:28px}.choice{font-size:13px}.status-strip{gap:14px}}
/* Reactive lab layer. Native shapes and CSS keep this independent of services. */
:root{--accent:#d4f58a;--accent-rgb:212,245,138;--secondary:#bfa1ff}
body[data-zone="research"]{--accent:#c6aaff;--accent-rgb:198,170,255;--secondary:#8ae9e8}
body[data-zone="archive"]{--accent:#f3bb82;--accent-rgb:243,187,130;--secondary:#d4f58a}
body[data-zone="unlisted"]{--accent:#8ae9e8;--accent-rgb:138,233,232;--secondary:#c6aaff}
body{isolation:isolate}header,main{position:relative;z-index:1}body:before{z-index:6}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#a8d27108 1px,transparent 1px),linear-gradient(90deg,#a8d27108 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(transparent,#0006 50%,transparent)}.ambient-orb{position:absolute;width:70vw;height:70vw;border-radius:50%;opacity:.09;background:radial-gradient(circle,var(--accent),transparent 65%);transition:background 1s}.orb-one{right:-35vw;top:-20vw;animation:orb-drift 23s ease-in-out infinite alternate}.orb-two{left:-45vw;bottom:-30vw;background:radial-gradient(circle,var(--secondary),transparent 65%);animation:orb-drift 30s ease-in-out infinite alternate-reverse}.ghost{position:absolute;width:160px;opacity:.055;filter:drop-shadow(0 0 10px var(--accent));animation:ghost-drift 35s ease-in-out infinite alternate}.ghost-one{right:1%;top:62%;transform:rotate(12deg)}.ghost-two{left:1%;top:5%;width:85px;animation-delay:-17s}
.intro{min-height:425px}.intro h1{z-index:2}.intro>p{right:auto;left:0;position:relative;top:auto;font-size:17px;margin:0;color:#b4bbaa}.intro-bottom{position:relative;z-index:2;margin-top:30px}.specimen-display{position:absolute;right:2%;top:35px;width:390px;height:350px;display:grid;place-items:center}.specimen-rabbit{position:relative;background:none;border:0;color:var(--accent);width:210px;padding:0;animation:specimen-float 7s ease-in-out infinite;filter:drop-shadow(0 0 13px #d4f58a1c);transition:filter .4s}.specimen-rabbit img{display:block;width:100%;transition:transform .4s}.specimen-rabbit:hover img{transform:rotate(-5deg) scale(1.04)}.specimen-rabbit:hover{filter:drop-shadow(0 0 20px #d4f58a52)}.specimen-rabbit:focus-visible{outline-offset:8px;border-radius:50%}.rabbit-badge{position:absolute;right:28px;bottom:29px;background:var(--lime);color:var(--bg);font:9px monospace;padding:4px 6px;transform:rotate(-12deg);opacity:0;transition:opacity .6s}body[data-deep="true"] .rabbit-badge{opacity:1}.orbit{position:absolute;width:300px;height:300px;border:1px solid #d4f58a25;border-radius:50%;pointer-events:none}.orbit:after{content:'';position:absolute;top:44px;left:36px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}.orbit-one{animation:spin 30s linear infinite}.orbit-two{width:360px;height:180px;transform:rotate(-20deg);border-color:#bfa1ff28}.orbit-two:after{background:var(--secondary);box-shadow:0 0 16px var(--secondary);left:auto;right:15px;top:46px}.specimen-grid{position:absolute;inset:20px;background:linear-gradient(90deg,transparent 49.8%,#d4f58a14 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#d4f58a14 50%,transparent 50.2%);pointer-events:none}.specimen-coordinate,.specimen-label{position:absolute;font:9px monospace;letter-spacing:1px;color:var(--muted);pointer-events:none}.specimen-coordinate{top:3px;right:0}.specimen-label{bottom:3px;left:50%;transform:translateX(-50%);width:max-content;display:flex;align-items:center;gap:7px}.specimen-hint{font-size:8px;color:var(--lime);display:none}.specimen-display:hover .specimen-hint,.specimen-display:focus-within .specimen-hint{display:inline}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font:9px monospace;letter-spacing:1px;padding:15px 0 5px}.controls>div{display:flex;gap:8px}.controls button{padding:10px 12px;border:1px solid var(--line);background:#161b13;color:var(--text);font:10px monospace;letter-spacing:.2px}.controls button[aria-pressed="true"]{border-color:#d4f58a4b;color:var(--lime)}
.terminal{position:relative;background:linear-gradient(135deg,#1c221bf5,#151a16f5);border-color:#555f47;transition:box-shadow .5s;isolation:isolate;overflow:hidden}.terminal:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 0,rgba(var(--accent-rgb),.07),transparent 50%);z-index:-1}.terminal-top{color:var(--accent)}.terminal-top i{background:var(--accent);box-shadow:0 0 9px var(--accent)}.rail-number,.meta{color:var(--accent)}.rail-line{background:linear-gradient(var(--line),var(--accent),var(--line));background-size:100% 300%;animation:rail-energy 8s ease-in-out infinite}.choice{position:relative;overflow:hidden;isolation:isolate;min-height:54px;background:#10161080;border-color:#5b6650;transition:transform .2s,box-shadow .2s,border-color .2s}.choice:first-child{background:var(--lime);color:#15210c}.choice:hover{border-color:var(--accent);box-shadow:0 0 22px rgba(var(--accent-rgb),.13);transform:translateY(-3px)}.choice:active{transform:scale(.985)}.choice .arrow{transition:transform .2s}.choice:hover .arrow{transform:translate(2px,-2px)}.terminal.energized{box-shadow:0 0 45px rgba(var(--accent-rgb),.19)}.lab-console{position:relative;border:1px solid var(--line);border-top:0;background:#0c110c;padding:18px 24px;min-height:96px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 15px}.console-label{font:9px monospace;letter-spacing:.8px;color:var(--accent);display:flex;align-items:center;gap:8px;width:100%}.console-label .live-dot{background:var(--accent)}#lab-message{display:inline;font:12px/1.7 monospace;color:#b6c6ad;margin:0}.console-cursor{color:var(--accent);font:14px monospace;animation:cursor-pulse 2s ease infinite}.lab-console.thinking #lab-message{animation:console-in .45s ease}.lab-console.thinking .console-label{color:var(--text)}
.ending-card{border:1px solid #525e40;margin-top:26px;padding:22px;background:radial-gradient(ellipse at top right,#d4f58a13,transparent 70%)}.ending-card .eyebrow{color:var(--lime);font-size:9px}.ending-card h3{font:25px/1.2 Georgia,serif;color:var(--text);letter-spacing:0;margin:12px 0}.ending-card p{font:12px/1.6 monospace;color:var(--muted)}.card-actions{display:flex;flex-wrap:wrap;gap:9px}.card-actions button{padding:12px 15px;background:transparent;border:1px solid #5b6650;color:var(--text);font:12px monospace;min-height:44px}.card-actions button:first-child{color:var(--lime)}.local-stats{font:13px/1.9 monospace;color:var(--text);white-space:pre-line}.privacy-note{font:11px/1.8 monospace;color:var(--muted)}#room-list button{min-height:44px}#drawer-close{min-width:44px;min-height:44px}footer button{min-height:36px}
dialog#universe{width:min(960px,92vw);max-height:90dvh;padding:0;border:1px solid #8ae9e877;color:var(--text);background:#0a1212;overflow:auto;box-shadow:0 0 100px #8ae9e822}dialog#universe::backdrop{background:#050806e8;backdrop-filter:blur(6px)}.universe-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#8ae9e8;font:9px monospace;letter-spacing:1px;border-bottom:1px solid #8ae9e826}.universe-top button{border:1px solid #8ae9e833;color:var(--text);background:none;width:44px;height:44px}.constellation{position:relative;height:250px;margin:20px 25px;perspective:800px;display:grid;place-items:center}.constellation img{width:140px;filter:drop-shadow(0 0 20px #d4f58a4a);animation:universe-rabbit 8s ease-in-out infinite}.constellation-orbit{position:absolute;width:70%;height:140px;border:1px solid #8ae9e833;border-radius:50%;transform:rotate(-10deg)}.constellation-orbit:after{content:'';position:absolute;inset:20px -20px;border:1px solid #c6aaff33;border-radius:50%;transform:rotate(24deg)}.floating-file{position:absolute;left:5%;top:10%;padding:18px;border:1px solid #8ae9e84a;color:#8ae9e8;font:9px/1.7 monospace;background:#101d1c;transform:rotate(-8deg);animation:file-float 7s ease-in-out infinite}.floating-file:nth-of-type(2){left:auto;right:4%;top:12%;border-color:#c6aaff44;color:#c6aaff;animation-delay:-3s;transform:rotate(8deg)}.floating-file:nth-of-type(3){left:10%;top:auto;bottom:4%;border-color:#f3bb8244;color:#f3bb82;animation-delay:-5s;transform:rotate(6deg)}.floating-file:nth-of-type(4){left:auto;right:10%;top:auto;bottom:7%;animation-delay:-1s;transform:rotate(-6deg)}.universe-copy{padding:10px 40px 35px;text-align:center}.universe-copy .eyebrow{display:block;font-size:9px}.universe-copy h2{font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.05;letter-spacing:-2px;margin:22px 0}.universe-copy h2 em{font-family:Georgia,serif;color:#8ae9e8;font-weight:400}.universe-copy>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:500px;margin:0 auto}.universe-copy .cta{margin-top:22px}
@keyframes specimen-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes ghost-drift{to{transform:translate(20px,-80px) rotate(-12deg)}}@keyframes orb-drift{to{transform:translate(-7vw,10vh)}}@keyframes rail-energy{50%{background-position:0 100%}}@keyframes cursor-pulse{50%{opacity:.2}}@keyframes console-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes universe-rabbit{50%{transform:translateY(-12px) rotate(6deg)}}@keyframes file-float{50%{translate:0 -14px}}
@media(min-width:1100px){.specimen-display{right:8%;width:420px}.intro h1{font-size:clamp(100px,9vw,130px)}}
@media(max-width:950px) and (min-width:761px){.specimen-display{width:300px;right:0}.specimen-rabbit{width:170px}.orbit-one{width:250px;height:250px}.orbit-two{width:280px;height:140px}.intro h1{font-size:88px;letter-spacing:-5px}.asterisk{font-size:70px}}
@media(max-width:760px){.intro{min-height:0;padding-top:32px}.intro h1{font-size:clamp(62px,12vw,86px);letter-spacing:-4px}.asterisk{font-size:40px;left:100%;top:14px}.intro>p{font-size:15px;max-width:70%;line-height:1.6;margin:0}.specimen-display{right:-8px;top:66px;width:34%;height:145px}.specimen-rabbit{width:100px}.orbit-one{width:140px;height:140px}.orbit-two{width:155px;height:75px}.orbit:after{width:4px;height:4px;top:16px;left:17px}.orbit-two:after{top:14px;right:5px;left:auto}.specimen-coordinate{display:none}.specimen-label{font-size:6px;letter-spacing:.3px;bottom:-15px;gap:3px;display:block;text-align:center}.specimen-label .live-dot{display:none}.specimen-hint{display:block!important;line-height:1.6;font-size:6px}.rabbit-badge{font-size:5px;bottom:15px;right:15px;padding:2px}.specimen-grid{inset:0}.intro-bottom{margin-top:29px}.controls{font-size:7px;letter-spacing:.3px}.controls button{padding:11px 8px;font-size:9px;min-height:36px}.ghost-one{width:110px}.ghost-two{display:none}.lab-console{padding:17px 15px;min-height:110px}.console-label{font-size:8px}#lab-message{font-size:11px}.ending-card{padding:16px}.ending-card h3{font-size:23px}.universe-copy{padding:8px 22px 25px}.universe-copy h2{letter-spacing:-1px}.constellation{height:205px;margin:15px 10px}.constellation img{width:100px}.floating-file{font-size:6px;padding:10px;left:0}.floating-file:nth-of-type(2){right:0}.floating-file:nth-of-type(3){left:0}.floating-file:nth-of-type(4){right:0}.universe-top{font-size:7px;padding:8px 12px}.cta{max-width:100%;white-space:normal;line-height:1.5}.universe-copy .cta{font-size:12px}.ending-card .eyebrow{font-size:8px}.specimen-display:hover .specimen-hint{display:block}}
@media(max-width:400px){.intro h1{font-size:15.5vw;letter-spacing:-3px}.specimen-display{top:66px;right:-6px;width:28%}.specimen-rabbit{width:76px}.orbit-one{width:105px;height:105px}.orbit-two{width:120px;height:60px}.specimen-label{bottom:0;font-size:5px}.specimen-hint{font-size:5px}.asterisk{font-size:24px;left:101%;top:8px}.intro>p{font-size:13px;max-width:75%}.controls>span{max-width:85px;line-height:1.6}.intro-bottom{font-size:6px}.body-copy{font-size:14px}.card-actions{flex-direction:column}.card-actions button{text-align:left}.lab-console{padding:15px 12px}.universe-copy h2{font-size:31px}.universe-copy .eyebrow{font-size:7px}}
body[data-motion="off"] *,body[data-motion="off"] *:before,body[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient-orb{opacity:.05}}
/* SVG perimeter paths keep the beams crisp across browser mask implementations. */
.terminal:before,.choice:before{display:none}.edge-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.edge-frame rect{fill:none;stroke:var(--accent);stroke-width:1.4px;vector-effect:non-scaling-stroke;stroke-dasharray:12 88;animation:perimeter-run 9s linear infinite}.edge-frame .edge-tip{stroke:#f5fff2;stroke-width:1.5px;stroke-dasharray:1 99;opacity:.8}.choice .edge-frame rect{stroke-width:1px;stroke-dasharray:15 85;animation-duration:5s;opacity:.6}.choice:first-child .edge-frame rect{stroke:#fff;opacity:.9}.choice:nth-child(2) .edge-frame rect{animation-direction:reverse;animation-delay:-2s}.choice:nth-child(3) .edge-frame rect{animation-duration:7s;animation-delay:-1s}.terminal.energized>.edge-frame rect{animation-duration:2s}.card-preview{display:block;width:100%;max-width:400px;margin:20px auto 0;border:1px solid var(--line)}@keyframes perimeter-run{to{stroke-dashoffset:-100}}@media(max-width:760px){.intro{overflow:hidden}}@media(prefers-reduced-motion:reduce){.edge-frame rect{animation:none!important}}
/* A guided mission and a useful, optional payoff. */
.mission-progress{padding:0 0 20px;margin-bottom:23px;border-bottom:1px solid var(--line);font:9px/1.6 monospace;letter-spacing:.8px;color:var(--muted)}.mission-chapters{display:flex;gap:7px;margin-top:12px}.mission-chapters span{padding:6px 10px;border:1px solid var(--line);color:var(--muted)}.mission-chapters .active{color:var(--lime);border-color:#d4f58a66;background:#d4f58a0b}.payoff-panel{margin-top:28px;padding:26px;border:1px solid #d4f58a55;background:linear-gradient(145deg,#d4f58a0d,#131b14);border-radius:2px}.payoff-panel>.eyebrow{color:var(--lime);font-size:9px}.payoff-panel h3{font:400 clamp(26px,3vw,35px)/1.15 Georgia,serif;color:var(--text);letter-spacing:-.6px;margin:18px 0 12px}.payoff-copy{font-size:15px;line-height:1.7;color:#bcc7b3;max-width:620px}.payoff-panel>.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 24px;box-shadow:0 0 28px #d4f58a15;margin-top:9px}.payoff-panel>.cta:hover{background:#e4ffb1;box-shadow:0 0 32px #d4f58a25}.reward-invitation{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.reward-invitation strong{font-size:16px;font-weight:500}.reward-invitation p{font-size:13px;line-height:1.7;color:var(--muted);max-width:550px}.reward-button{border:1px solid #8ae9e866;color:#a7e8e5;background:#8ae9e807;padding:14px 17px;text-align:left;font-size:13px;min-height:48px}.reward-button:hover{background:#8ae9e815;border-color:#8ae9e8}.final-route .choices .choice:first-child{background:transparent;color:var(--muted);border-color:var(--line)}.final-route .choices .edge-frame{display:none}.final-route .choice:hover{background:#232c1f}.final-route .ending-card{background:none;border-color:var(--line)}
.concept-dialog{width:min(760px,94vw);max-height:92dvh;border:1px solid #8ae9e866;padding:0;background:#111a16;color:var(--text);overflow:auto;box-shadow:0 0 80px #8ae9e811}.concept-dialog::backdrop{background:#080e0ded;backdrop-filter:blur(5px)}.concept-content{padding:30px 35px}.concept-content>.eyebrow{color:#8ae9e8;font-size:9px;line-height:1.7}.concept-content h2{font-size:clamp(27px,4vw,38px);line-height:1.15;letter-spacing:-1px;font-weight:500;margin:19px 0 14px}.concept-content h2:focus{outline:0}.concept-aside{color:var(--muted);font-size:14px;line-height:1.7}.concept-content fieldset{border:0;padding:0;margin:22px 0}.concept-content legend{font:10px monospace;color:var(--muted);margin-bottom:10px}.concept-option{display:flex;align-items:center;gap:14px;border:1px solid #485442;margin-bottom:9px;padding:16px;cursor:pointer;min-height:68px;background:#0c120db3}.concept-option:has(input:checked){border-color:var(--lime);background:#d4f58a0b}.concept-option:focus-within{outline:2px solid var(--lime);outline-offset:2px}.concept-option input{accent-color:var(--lime);width:18px;height:18px;flex-shrink:0;margin:0}.concept-option strong{display:block;font-size:14px;font-weight:500}.concept-option small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.concept-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}.concept-actions button{background:transparent;border:1px solid #5b6650;color:var(--text);padding:13px 17px;min-height:46px;font-size:12px}.concept-actions .cta{background:var(--lime);color:#18200f;margin:0;border-color:var(--lime);font-size:13px}.concept-actions .cta:disabled{background:#252f21;color:#acb4a5;border-color:var(--line);cursor:default;box-shadow:none}.concept-headline{margin:24px 0;padding:22px;border:1px solid #d4f58a44;background:#d4f58a08}.concept-headline blockquote{font:28px/1.3 Georgia,serif;margin:10px 0 0;color:var(--lime)}.concept-plan{margin:25px 0}.concept-plan dt{font:10px/1.7 monospace;color:#8ae9e8;text-transform:uppercase;letter-spacing:.6px;margin-top:22px}.concept-plan dd{margin:8px 0 0;color:#c4cfbc;font-size:14px;line-height:1.8}.concept-invitation{border-top:1px solid var(--line);padding-top:23px;font-size:16px;line-height:1.6}.concept-feedback{font:12px/1.7 monospace;color:var(--lime);margin-top:20px}
@media(max-width:760px){.mission-progress{font-size:8px;letter-spacing:.3px}.mission-chapters{gap:4px;flex-wrap:wrap}.mission-chapters span{padding:6px 7px}.payoff-panel{padding:19px 16px}.payoff-panel>.eyebrow{font-size:8px;line-height:1.6}.payoff-panel h3{font-size:28px}.payoff-copy{font-size:14px}.payoff-panel>.cta{display:flex;width:100%;font-size:13px}.reward-button{width:100%;font-size:12px;line-height:1.6}.reward-invitation strong{line-height:1.5;display:block;font-size:15px}.concept-content{padding:22px}.concept-headline{padding:17px}.concept-headline blockquote{font-size:25px}.concept-actions{align-items:stretch;flex-direction:column}.concept-actions .cta,.concept-actions button{width:100%;text-align:center}.concept-option{padding:13px;gap:10px}.concept-option strong{font-size:13px}.concept-option small{font-size:11px}.concept-content h2{font-size:28px}.concept-content>.eyebrow{font-size:8px}.concept-plan dd{font-size:13px}.payoff-panel>.reveal-note{font-size:10px}}
@media(max-width:400px){.payoff-panel{padding:16px 12px}.payoff-panel h3{font-size:25px}.payoff-panel>.cta{padding:13px 10px;font-size:12px}.concept-content{padding:19px 14px}.concept-content h2{font-size:26px}.mission-chapters{font-size:7px}.mission-progress{font-size:7px}.payoff-copy{font-size:13px}}
#saved-concept .utility{min-height:46px;width:100%;text-align:left;line-height:1.6}
/* Chromatic lab: full-spectrum light, calm typography, no external effects engine. */
:root{--bg:#090c19;--panel:#14182b;--line:#34384e;--muted:#adb0c7;--text:#f0f0fa;--lime:#9feaff;--accent:#64e8ff;--accent-rgb:100,232,255;--secondary:#ff83da}
body[data-zone="research"]{--accent:#d39bff;--accent-rgb:211,155,255;--secondary:#ff85be}body[data-zone="archive"]{--accent:#ffc282;--accent-rgb:255,194,130;--secondary:#a49bff}body[data-zone="unlisted"]{--accent:#8effe1;--accent-rgb:142,255,225;--secondary:#fc87ff}
body{background:radial-gradient(ellipse at 75% 10%,#35234933,transparent 55%),var(--bg)}.terminal{background:linear-gradient(135deg,#171b30f5,#111626f5);border-color:#5c6380;box-shadow:0 0 28px #669dff0c,0 20px 70px #0005}.terminal-top,.terminal-bottom{background:#171a2a55}.terminal:after{background:radial-gradient(ellipse at 0 0,#61e5ff0e,transparent 45%),radial-gradient(ellipse at 100% 100%,#ff75d911,transparent 45%)}.lab-console{background:#0d1020;border-color:#3a3e5b}.console-label{color:#d09dff}#lab-message{color:#bdc4df}.choice{background:#11172b;border-color:#4e587c}.choice:first-child{background:linear-gradient(115deg,#a5edff,#c1bbff);border-color:#c4d2ff;color:#101733}.choice:first-child:hover{background:linear-gradient(115deg,#c4f6ff,#e1ccff)}.choice:hover{background:#21233d;border-color:#b4bbff;box-shadow:0 0 22px #bc8cff30}.choice:nth-child(2){border-color:#885f943f}.choice:nth-child(3){border-color:#f4b77744}.choice:nth-child(4){border-color:#63e5d344}.final-route .choices .choice:first-child{background:#15192d;color:var(--muted)}
.ambient-orb{opacity:.18}.orb-one{background:radial-gradient(circle,#9654ff,transparent 65%)}.orb-two{background:radial-gradient(circle,#ff54b5,transparent 65%)}.ambient-grid{background-image:linear-gradient(#87b2ff0c 1px,transparent 1px),linear-gradient(90deg,#bf8cff0c 1px,transparent 1px);animation:grid-drift 22s ease-in-out infinite alternate}.aurora{position:absolute;width:85vw;height:70vh;opacity:.2;border-radius:50%;background:radial-gradient(ellipse,#2a95ff,transparent 65%);animation:aurora-drift 18s ease-in-out infinite alternate;will-change:transform}.aurora-one{right:-20vw;top:-15vh}.aurora-two{left:-30vw;bottom:-15vh;background:radial-gradient(ellipse,#e152bd,transparent 65%);animation-delay:-8s;animation-duration:25s}.ambient-stars{position:absolute;inset:0;opacity:.6;background:radial-gradient(circle at 14% 20%,#81ddff 0 1px,transparent 2px),radial-gradient(circle at 80% 15%,#ea97ff 0 1px,transparent 2px),radial-gradient(circle at 38% 60%,#ffcd83 0 1px,transparent 2px),radial-gradient(circle at 90% 75%,#a599ff 0 2px,transparent 3px),radial-gradient(circle at 70% 45%,#73efff 0 1px,transparent 2px),radial-gradient(circle at 8% 84%,#ff8ed3 0 1px,transparent 2px);animation:star-drift 15s ease-in-out infinite alternate}.radar-sweep{position:absolute;width:140vw;height:140vw;right:-50vw;top:-30vw;background:conic-gradient(from 0deg,transparent 0deg 315deg,#72b3ff09 340deg,transparent 360deg);animation:spin 38s linear infinite;border-radius:50%}.ghost{opacity:.09;animation:ghost-drift 28s ease-in-out infinite alternate,hologram-color 18s linear infinite}.specimen-rabbit{animation:specimen-float 6s ease-in-out infinite,hologram-color 18s linear infinite;filter:drop-shadow(0 0 16px #79cfff45)}.portal-ring{position:absolute;width:87%;height:87%;border:1px solid #a4a7ff33;border-top:2px solid #fd83ceaa;border-bottom:2px solid #73dcffaa;border-radius:50%;transform:rotate(-25deg);animation:portal-roll 18s linear infinite;pointer-events:none}.portal-ring:after{content:'';position:absolute;inset:15px;border:1px solid #8987ff44;border-left:2px solid #ffc18499;border-radius:50%;animation:spin 23s linear infinite reverse}.orbit-one{border-color:#80cbff44}.orbit-two{border-color:#ff80c44a;animation:orbit-wobble 16s ease-in-out infinite}.orbit:after{animation:neon-fill 13s linear infinite;box-shadow:0 0 18px #ff8adc80}.specimen-grid{background:linear-gradient(90deg,transparent 49.8%,#8999ff22 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#db84ff22 50%,transparent 50.2%)}.rabbit-badge{background:#ffc1f0;color:#261433}.intro em{background:linear-gradient(100deg,#9feaff,#d5a4ff,#ffb1de,#9feaff);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-spectrum 14s ease-in-out infinite}.asterisk{color:#efacff}.rail-number{color:#b6bcff}.rail-line{background:linear-gradient(#678dff,#ed87d9,#ffc386,#73ead9,#678dff);background-size:100% 400%;animation:rail-energy 7s ease-in-out infinite}.edge-frame rect,.choice .edge-frame rect,.choice:first-child .edge-frame rect{stroke:#77eaff;stroke-width:1.8px;stroke-dasharray:20 80;opacity:.9;animation:perimeter-run 7s linear infinite,neon-stroke 15s linear infinite}.edge-frame .edge-tip{stroke-width:2.2px;stroke-dasharray:2 98;animation:perimeter-run 7s linear infinite,neon-stroke 15s linear infinite reverse}.edge-frame .edge-tail{stroke-dasharray:10 90;stroke-width:1.4px;animation:perimeter-run 11s linear infinite reverse,neon-stroke 17s linear infinite;animation-delay:-5s,-6s;opacity:.8}.choice:nth-child(2) .edge-frame rect{animation-direction:reverse,normal;animation-delay:-2s,-4s}.choice:nth-child(3) .edge-frame rect{animation-duration:8s,16s;animation-delay:-1s,-8s}.choice:nth-child(4) .edge-frame rect{animation-delay:-3s,-11s}.terminal.energized>.edge-frame rect{animation-duration:2s,7s}.terminal.energized{box-shadow:0 0 45px #d391ff33,0 0 70px #59deff1c}.terminal-top i,.live-dot{background:#87d9ff;box-shadow:0 0 12px #8d9bff55;animation:neon-fill 16s linear infinite}.brand-icon{background:linear-gradient(125deg,#a2edff,#dbb2ff);color:#0f1530}.controls button{background:#151a2e;border-color:#414960}.controls button[aria-pressed="true"]{color:#d4bcff;border-color:#b298ff66}.meter span{background:linear-gradient(90deg,#81dcff,#c393ff,#ff96c9);background-size:200%;animation:title-spectrum 12s ease infinite}
.payoff-panel{border-color:#bf9af85c;background:linear-gradient(135deg,#5c4b921c,#141b2d)}.payoff-panel>.eyebrow{color:#d9b7ff}.payoff-panel>.cta,.cta,.concept-actions .cta{background:linear-gradient(115deg,#a7eaff,#dcc2ff);color:#121a36;border-color:#c3ceff;box-shadow:0 0 25px #a788ff19}.payoff-panel>.cta:hover,.cta:hover{background:linear-gradient(115deg,#d5f4ff,#f0d7ff);box-shadow:0 0 30px #c29bff29}.reward-button{border-color:#fb94d466;color:#ffc4ed;background:#ec83e809}.reward-button:hover{border-color:#e5afff;background:#9e75dd15}.mission-chapters .active{background:#9b91ff12;border-color:#b3a4ff66;color:#d7c9ff}.concept-dialog{background:#111729;border-color:#b6a1ff66}.concept-headline{border-color:#b795ff55;background:#b592ff0a}.concept-headline blockquote{color:#d0b5ff}.concept-option{background:#12172b;border-color:#464c6c}.concept-option:has(input:checked){background:#bd96ff0c;border-color:#cfaaff}.concept-option input{accent-color:#c7a5ff}.concept-plan dd{color:#c6cbe0}.concept-option small,.concept-aside{color:#aeb5d0}.ending-card{background:radial-gradient(ellipse at top right,#b38aff10,transparent 70%);border-color:#716290}.reward-button,.choice,.cta,.utility,.controls button{position:relative;overflow:hidden}.click-ripple{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#fff8,#b399ff44,transparent 70%);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:ripple-expand .8s ease-out forwards;z-index:4}.choice:after{content:'';position:absolute;top:-100%;left:-70%;width:28%;height:300%;background:linear-gradient(90deg,transparent,#b9caff0e,transparent);transform:rotate(25deg);pointer-events:none;animation:button-sheen 12s ease-in-out infinite}.choice:nth-child(2):after{animation-delay:-4s}.choice:nth-child(3):after{animation-delay:-8s}
@keyframes neon-stroke{0%,100%{stroke:#76eaff}25%{stroke:#ed82ed}50%{stroke:#ad95ff}75%{stroke:#ffd18b}}@keyframes neon-fill{0%,100%{background:#79e8ff}33%{background:#f39bea}66%{background:#c1a1ff}}@keyframes title-spectrum{50%{background-position:100% 50%}}@keyframes hologram-color{0%,100%{filter:hue-rotate(25deg) drop-shadow(0 0 15px #7bdcff45)}33%{filter:hue-rotate(140deg) drop-shadow(0 0 18px #c998ff45)}66%{filter:hue-rotate(225deg) drop-shadow(0 0 15px #ff98dc45)}}@keyframes aurora-drift{to{transform:translate(-12vw,14vh) scale(1.2)}}@keyframes grid-drift{to{transform:translateY(-35px)}}@keyframes star-drift{to{transform:translateY(-20px);opacity:.3}}@keyframes portal-roll{to{transform:rotate(335deg)}}@keyframes orbit-wobble{50%{transform:rotate(12deg) scale(.92)}}@keyframes ripple-expand{to{transform:translate(-50%,-50%) scale(12);opacity:0}}@keyframes button-sheen{0%,70%,100%{left:-70%}88%{left:140%}}
@media(max-width:760px){.aurora{opacity:.14}.radar-sweep{display:none}.edge-frame rect{stroke-width:1.4px}.portal-ring{width:95%;height:90%}.click-ripple{animation-duration:.6s}.choice:after{animation-duration:16s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.click-ripple{display:none}.intro em{background-position:30% 50%}}body[data-motion="off"] .click-ripple{display:none}
.payoff-panel,.ending-card{position:relative;isolation:isolate}.payoff-panel>.edge-frame rect{animation-duration:13s,18s;animation-delay:-5s,-3s;opacity:.65}.ending-card>.edge-frame rect{animation-direction:reverse,normal;animation-duration:16s,20s;opacity:.45}.lab-console>.edge-frame rect{animation-duration:12s,19s;stroke-width:1px;opacity:.6}
/* Twelve alternating button celebrations. Overlay never captures input. */
.click-theatre{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:50}.click-show{position:absolute;width:0;height:0;pointer-events:none}.fx-particle{position:absolute;display:block;width:var(--size);height:var(--size);background:var(--color);color:var(--color);border-radius:2px;box-shadow:0 0 9px var(--color);animation:fx-scatter .85s cubic-bezier(.13,.7,.2,1) both;animation-delay:var(--delay);pointer-events:none}.fx-starburst .fx-particle,.fx-carrots .fx-particle,.fx-rabbits .fx-particle{width:auto;height:auto;background:none;box-shadow:none;font-size:22px}.fx-starburst .fx-particle{font-size:24px;text-shadow:0 0 10px var(--color)}.fx-portal .fx-particle,.fx-prism .fx-particle{width:40px;height:40px;background:none;border:2px solid var(--color);border-radius:50%;animation:fx-ring .85s ease-out both;animation-delay:calc(var(--i)*40ms)}.fx-prism .fx-particle{border-radius:4px;animation-name:fx-prism}.fx-bubbles .fx-particle{border-radius:50%;background:transparent;border:1px solid var(--color);width:22px;height:22px;animation-name:fx-bubble}.fx-fireworks .fx-particle{width:3px;height:18px;border-radius:3px;animation-name:fx-firework}.fx-comets .fx-particle{width:45px;height:2px;transform-origin:left;background:linear-gradient(90deg,var(--color),transparent);box-shadow:0 0 8px var(--color)}.fx-pixel-pop .fx-particle{border-radius:0;animation-timing-function:steps(6,end)}.fx-orbit .fx-particle{border-radius:50%;width:8px;height:8px;animation:fx-orbit 1s ease-out both;animation-delay:calc(var(--i)*20ms)}.fx-paperwork .fx-particle{width:auto;height:auto;padding:4px 6px;background:#17223b;color:var(--color);border:1px solid var(--color);font:8px monospace;box-shadow:none}.choices.is-transitioning .choice{cursor:wait}.choices.is-transitioning .choice:disabled{opacity:.8}.choices.is-transitioning{pointer-events:none}
@keyframes fx-scatter{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%)) scale(.8) rotate(var(--turn))}}@keyframes fx-ring{0%{opacity:.8;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}@keyframes fx-prism{0%{opacity:.8;transform:translate(-50%,-50%) scale(.4) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(6) rotate(90deg)}}@keyframes fx-bubble{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) - 80px)) scale(1.2)}}@keyframes fx-firework{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--turn)) scale(.2)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.6)}}@keyframes fx-orbit{0%{opacity:1;transform:rotate(0) translateX(10px)}100%{opacity:0;transform:rotate(var(--turn)) translateX(170px)}}
@media(max-width:760px){.fx-paperwork .fx-particle{font-size:7px}.fx-starburst .fx-particle,.fx-carrots .fx-particle,.fx-rabbits .fx-particle{font-size:19px}}@media(prefers-reduced-motion:reduce){.click-theatre{display:none}}body[data-motion="off"] .click-theatre{display:none}
.click-theatre[popover]{margin:0;padding:0;border:0;background:transparent;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;pointer-events:none}.click-theatre::backdrop{background:transparent;pointer-events:none}
