@font-face{font-family:PresenceMono;src:url('fonts/JetBrainsMono-Medium.ttf') format('truetype');font-display:swap;font-weight:500}
:root{--bg:#000;--surface:#060b08;--ink:#e4eee5;--muted:#8a9e91;--accent:#a8dfae;--second:#b59ad7;--line:#98c8ac29;--faint:#a3c9af0b;--alert:#eeb376;--mono:PresenceMono,Menlo,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--sans);transition:background .45s,color .35s}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a,input{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--accent)}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.6}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:1920px;margin:auto;padding:0 48px}.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:.13em;font-size:17px;min-width:200px}.wordmark svg{width:32px;height:32px;fill:none;stroke:var(--accent);stroke-width:1}.world-switch{display:flex;gap:32px}.world-switch button{font:10px var(--mono);letter-spacing:.14em;color:var(--muted);padding:15px 0;position:relative}.world-switch button[aria-pressed=true]{color:var(--ink)}.world-switch button:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .3s}.world-switch button[aria-pressed=true]:after{transform:scaleX(1)}.world-switch i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:8px}.demo-badge{font:9px var(--mono);letter-spacing:.08em;display:flex;align-items:center;gap:10px;color:var(--muted);padding:10px 0}.tiny-dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.system-line{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:11px 0;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.sample-note{opacity:.8}.chamber{height:650px;position:relative;isolation:isolate;overflow:hidden}.chamber:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,var(--bg),transparent 9%,transparent 91%,var(--bg));z-index:-1}#universe{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.ghost-title{position:absolute;left:30%;top:12%;font:600 clamp(90px,14vw,220px) var(--sans);letter-spacing:-.08em;color:var(--accent);opacity:.035;z-index:-1;pointer-events:none}.chamber-heading{position:absolute;top:50px;left:0;max-width:280px}.eyebrow{font:9px var(--mono);letter-spacing:.14em;color:var(--accent);line-height:1.7}h1{font:400 clamp(30px,3.1vw,48px)/1.12 var(--sans);letter-spacing:-.045em;margin:16px 0 18px}p{color:var(--muted);font-size:12px;line-height:1.8}.health-readout{position:absolute;left:0;bottom:75px}.health-number{font:400 58px/1.2 var(--mono);letter-spacing:-.08em;margin-top:12px}.health-number em{font:400 23px var(--mono);color:var(--muted);letter-spacing:-.06em;margin-left:7px}.health-caption{display:flex;align-items:center;gap:7px;font:10px var(--mono);color:var(--muted);margin:9px 0 20px}.status-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}.text-button{padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;font:10px var(--mono);color:var(--alert);text-align:left}.entity-zone{position:absolute;left:50%;top:47%;width:360px;height:360px;transform:translate(-50%,-50%);pointer-events:none}.entity-hit{width:76%;height:76%;border-radius:50%;position:absolute;left:12%;top:12%;pointer-events:auto}.entity-hit:hover{background:radial-gradient(ellipse,#a8dfae05,transparent 65%)}.entity-caption{position:absolute;top:100%;width:100%;text-align:center;font:9px var(--mono);letter-spacing:.15em;display:flex;flex-direction:column;gap:9px;pointer-events:none}.entity-state{color:var(--accent)}.entity-coordinate{font-size:8px;color:var(--muted)}.cloud-nodes{position:absolute;inset:0;pointer-events:none}.city-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 5px;text-align:left;z-index:2}.node-orbit{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative}.node-orbit:after{content:'';position:absolute;inset:4px;border:1px dashed var(--accent);border-radius:50%;opacity:.45}.node-core{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.city-node.slow .node-core{background:var(--alert);box-shadow:0 0 10px var(--alert)}.city-node small{display:block;font:8px var(--mono);color:var(--muted);margin-top:6px}.city-node strong{font:500 10px var(--mono);letter-spacing:.06em}.city-node:hover .node-orbit,.city-node:focus-visible .node-orbit{border-color:var(--accent);box-shadow:0 0 25px var(--faint)}.city-node:hover strong{color:var(--accent)}.signal-rail{position:absolute;right:0;top:72px;width:190px}.rail-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:8px var(--mono);margin-bottom:17px}.signal{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);text-align:left;font:10px var(--mono)}.signal:hover{color:var(--accent)}.signal span:last-child{font-size:9px;color:var(--muted)}.signal.slow span:last-child{color:var(--alert)}.signal-symbol{color:var(--accent);margin-right:8px;font-size:11px}.signal.slow .signal-symbol{color:var(--alert)}.projection-button{margin-top:15px;color:var(--accent);width:100%}.chamber-bottom{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.08em;color:var(--muted);gap:15px}.chamber-bottom button{font:8px var(--mono);color:var(--muted);padding:8px}.console{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:21px 0}.view-switch{display:flex;gap:30px}.view-switch button{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:6px;text-align:left;padding:4px 0;font:11px var(--mono);color:var(--muted)}.view-switch button>span{font-size:8px;color:var(--muted);grid-row:span 2;margin-top:1px}.view-switch small{font:9px var(--sans);letter-spacing:.03em}.view-switch button[aria-pressed=true]{color:var(--accent)}.view-switch button[aria-pressed=true]:after{content:'';position:absolute;left:20px;right:0;bottom:-22px;height:2px;background:var(--accent)}.command{max-width:410px;min-width:220px;width:36%;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:10px 0}.command-prefix{color:var(--accent);font:20px Georgia,serif}.command input{background:none;border:0;width:100%;min-width:0;color:var(--ink);font:12px var(--sans)}.command input::placeholder{color:var(--muted)}.command button{font-size:22px;color:var(--accent);padding:0 4px}.bottom-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;padding:27px 0;gap:28px}.bottom-strip>button{display:grid;grid-template-columns:1fr auto;gap:10px;position:relative;text-align:left;border-right:1px solid var(--line);padding:0 25px 0 0}.strip-label{font:8px var(--mono);color:var(--muted);grid-column:1/-1;letter-spacing:.1em}.bottom-strip strong{font:27px var(--mono);letter-spacing:-.06em;font-weight:400;align-self:center}.bottom-strip strong span{font-size:13px;color:var(--muted);margin-left:5px}.strip-detail{font:8px/1.7 var(--mono);color:var(--muted);max-width:95px;align-self:center}.strip-arrow{position:absolute;right:25px;top:0;color:var(--muted)}.mini-curve{width:100%;max-width:115px;height:32px;align-self:center;fill:none;stroke:var(--accent);stroke-width:1}.access-strip{display:flex;align-items:center;gap:15px;font:8px/1.9 var(--mono);color:var(--muted)}.access-strip small{font:11px/1.7 var(--sans)}.access-mark{font:40px var(--sans);color:var(--accent)}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}
/* FRIDAY is a white, asymmetric room. The presence lives to the left. */
body[data-world=friday]{--bg:#faf7f4;--surface:#fffaf6;--ink:#391c2c;--muted:#8b6b7b;--accent:#b7194c;--second:#73378b;--line:#92365324;--faint:#c7185e08;--alert:#a74f18}.app:has(body){color:inherit}body[data-world=friday] .wordmark{order:2;justify-content:flex-end}body[data-world=friday] .demo-badge{order:0}body[data-world=friday] .world-switch{order:1}body[data-world=friday] .ghost-title{left:1%;top:26%;font-weight:250;letter-spacing:-.1em;opacity:.048}body[data-world=friday] .chamber-heading{left:auto;right:3%;top:52px;max-width:305px}body[data-world=friday] h1{font-family:Georgia,serif;font-style:italic;font-size:60px;letter-spacing:-.065em;line-height:1.03}body[data-world=friday] .entity-zone{left:36%;top:47%;width:390px;height:390px}body[data-world=friday] .health-readout{left:auto;right:4%;bottom:68px}body[data-world=friday] .health-number{font-size:65px}body[data-world=friday] .signal-rail{right:24%;top:auto;bottom:95px;width:145px}body[data-world=friday] .signal{padding:10px 0;font-size:9px}body[data-world=friday] .signal .signal-symbol{margin-right:4px}body[data-world=friday] .projection-button{font-size:8px}body[data-world=friday] .entity-caption{top:93%}body[data-world=friday] .entity-hit:hover{background:radial-gradient(ellipse,#b7194c05,transparent 65%)}body[data-world=friday] .console{flex-direction:row-reverse}body[data-world=friday] .bottom-strip{grid-template-columns:1.1fr 1fr 1fr 1fr}body[data-world=friday] .access-strip{order:-1}body[data-world=friday] .bottom-strip>button:last-of-type{border:0;padding-right:0}
/* OUIJA is a centered ritual with a radial pentagram and a bone-colored serif. */
body[data-world=ouija]{--bg:#080203;--surface:#150709;--ink:#e8d9ba;--muted:#a58479;--accent:#f34c3d;--second:#bc8c49;--line:#b669412d;--faint:#fa3d3110;--alert:#e5b35b}body[data-world=ouija] .wordmark{font-family:Georgia,serif;letter-spacing:.2em}body[data-world=ouija] .wordmark svg{stroke:var(--second)}body[data-world=ouija] .ghost-title{left:50%;transform:translateX(-50%);top:4%;font-family:Georgia,serif;letter-spacing:.25em;font-size:160px;opacity:.045}body[data-world=ouija] .chamber-heading{left:0;top:45px;max-width:245px}body[data-world=ouija] h1{font:400 43px/1.1 Georgia,serif;letter-spacing:-.035em}body[data-world=ouija] .entity-zone{top:44%;width:315px;height:315px}body[data-world=ouija] .entity-caption{top:93%}body[data-world=ouija] .health-readout{bottom:85px}body[data-world=ouija] .health-number{font-family:Georgia,serif;font-size:68px}body[data-world=ouija] .signal-rail{top:120px}body[data-world=ouija] .city-node{flex-direction:column;text-align:center;gap:7px}body[data-world=ouija] .node-orbit{width:36px;height:36px;border-color:#bb8a4755}body[data-world=ouija] .city-node small{font-size:7px}body[data-world=ouija] .city-node strong{font-size:9px}body[data-world=ouija] .console{border-color:#b98b4c4a}body[data-world=ouija] .command-prefix{color:var(--second)}
/* Data opens in the field, with each family retaining its own identity. */
body:not([data-view=cloud]) .chamber-heading,body:not([data-view=cloud]) .health-readout,body:not([data-view=cloud]) .cloud-nodes,body:not([data-view=cloud]) .signal-rail,body:not([data-view=cloud]) .entity-zone{display:none}.database-view,.machine-view{position:absolute;inset:45px 2% 65px;animation:emerge .5s ease both}.view-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.view-heading h2{font:400 30px var(--sans);letter-spacing:-.035em;margin:8px 0}.view-note{font:8px/1.8 var(--mono);color:var(--muted);text-align:right}.database-orbits{display:grid;grid-template-columns:repeat(8,1fr);row-gap:30px;column-gap:16px}.db-orbit{color:var(--db);display:flex;flex-direction:column;align-items:center;padding:0;background:none}.db-dial{width:105px;max-width:100%;aspect-ratio:1;position:relative;display:grid;place-items:center;transition:transform .25s}.db-dial svg{position:absolute;inset:0;width:100%;height:100%;fill:none;transform:rotate(-90deg)}.db-dial .track{stroke:var(--line);stroke-width:1}.db-dial .arc{stroke:currentColor;stroke-width:1.8;stroke-dasharray:var(--dash) 252;stroke-linecap:round}.db-dial .inner{stroke:currentColor;stroke-width:.5;stroke-dasharray:1 6;opacity:.5}.db-dial strong{font:500 19px var(--mono);color:var(--ink)}.db-dial strong small{font:8px var(--mono);color:var(--muted);display:block;margin-top:6px}.db-orbit:hover .db-dial{transform:scale(1.08)}.db-name{font:9px var(--mono);color:var(--ink);margin:8px 0}.db-health{font:7px var(--mono);color:var(--muted)}.db-health:before{content:'·';font-size:12px;margin-right:5px;color:var(--db)}.db-legend{display:flex;justify-content:center;gap:24px;margin-top:32px;font:8px var(--mono);color:var(--muted);flex-wrap:wrap}.db-legend i{display:inline-block;width:4px;height:4px;background:var(--key);border-radius:50%;margin-right:7px}.machines{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:32px}.machine{padding:0 12px}.machine-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:11px var(--mono);letter-spacing:.08em}.machine-top span{font-size:8px;color:var(--accent)}.machine-orbit{display:flex;align-items:center;gap:25px;margin:25px 0}.machine-dial{width:140px;height:140px;flex-shrink:0;position:relative;display:grid;place-items:center}.machine-dial svg{width:100%;height:100%;position:absolute;inset:0;fill:none;transform:rotate(-90deg)}.machine-dial .track{stroke:var(--line);stroke-width:2}.machine-dial .cpu{stroke:var(--accent);stroke-width:2;stroke-dasharray:var(--cpu) 314}.machine-dial .ram{stroke:var(--second);stroke-width:2;stroke-dasharray:var(--ram) 264}.machine-dial strong{font:28px var(--mono);font-weight:400}.machine-dial strong small{display:block;text-align:center;font:8px var(--mono);color:var(--muted);margin-top:8px}.machine-key{font:9px/2.3 var(--mono);color:var(--muted)}.machine-key b{color:var(--ink);font-weight:400}.machine-stats{display:flex;justify-content:space-between;font:9px var(--mono);padding:12px 0;border-top:1px solid var(--line);color:var(--muted)}.machine-curve{width:100%;height:50px;fill:none;stroke:var(--accent);stroke-width:1}.machine-foot{font:8px var(--mono);color:var(--muted)}.business-line{display:flex;gap:60px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.business-line span{font:8px var(--mono);color:var(--muted)}.business-line strong{display:block;font:24px var(--mono);color:var(--ink);margin-bottom:6px;font-weight:400}
.detail-portal{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,86%);background:var(--surface);border:1px solid var(--line);padding:28px 32px;box-shadow:0 40px 100px #0004,0 0 70px var(--faint);animation:portal-in .35s ease both}.detail-portal:before,.detail-portal:after{content:'';position:absolute;width:45px;height:2px;left:0;top:-1px;background:var(--accent)}.detail-portal:after{top:auto;left:auto;right:0;bottom:-1px;width:22px}.portal-top{display:flex;justify-content:space-between;gap:20px}.close-button{font:25px var(--sans);padding:0 0 8px 12px;color:var(--muted)}.detail-portal h2{font:400 35px var(--sans);letter-spacing:-.035em;margin:14px 0 22px}.portal-foot{font:7px var(--mono);color:var(--muted);margin-top:24px;padding-top:15px;border-top:1px solid var(--line);letter-spacing:.06em}.portal-metrics{display:flex;gap:24px;margin:25px 0}.portal-metrics div{flex:1}.portal-metrics strong{font:27px var(--mono);display:block;color:var(--accent);font-weight:400}.portal-metrics span{font:8px var(--mono);color:var(--muted);display:block;margin-top:9px}.portal-row{display:flex;justify-content:space-between;font:10px var(--mono);gap:20px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.portal-row span:last-child{color:var(--ink);text-align:right}.portal-paragraph{font:14px/1.9 var(--sans);color:var(--ink)}.portal-paragraph strong{color:var(--accent);font-weight:500}.portal-caption{font:9px/1.8 var(--mono);color:var(--muted)}.projection{aspect-ratio:16/9;background:var(--bg);position:relative;overflow:hidden;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:4px}.projection i{display:block;width:3px;height:var(--bar);background:var(--accent);opacity:.55;transform-origin:center;animation:voice 1.1s ease-in-out infinite alternate;animation-delay:var(--delay)}.projection .projection-label{position:absolute;bottom:12px;left:16px;font:8px var(--mono);color:var(--muted)}.projection:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--bg) 4px);opacity:.3;pointer-events:none}body.portal-open .cloud-nodes,body.portal-open .entity-caption{opacity:.15;pointer-events:none}body.portal-open .city-node{pointer-events:none}.projection-title{font:10px var(--mono);color:var(--muted);margin-top:16px}@keyframes voice{to{transform:scaleY(.25);opacity:.25}}@keyframes portal-in{from{opacity:0;transform:translate(-50%,-45%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes emerge{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.chamber{height:740px}.entity-zone{width:440px;height:440px}body[data-world=friday] .entity-zone{width:460px;height:460px}body[data-world=ouija] .entity-zone{width:390px;height:390px}.chamber-heading{top:75px}.signal-rail{top:100px}.database-view,.machine-view{inset:70px 5% 65px}.db-dial{width:130px}}
@media(max-width:1150px){.app{padding:0 28px}.chamber-heading{max-width:220px}h1{font-size:34px}.signal-rail{width:150px}.entity-zone{width:300px;height:300px}.world-switch{gap:18px}.wordmark{min-width:170px}.chamber{height:620px}.view-switch{gap:20px}.bottom-strip{gap:20px}.strip-detail{font-size:7px}.machine-orbit{gap:12px}.machine-dial{width:110px;height:110px}.machines{gap:15px}.db-dial{width:85px}body[data-world=friday] .entity-zone{width:320px;height:320px}body[data-world=friday] .signal-rail{right:22%;width:135px}body[data-world=friday] .chamber-heading{right:0}body[data-world=friday] h1{font-size:48px}body[data-world=friday] .health-readout{right:0}}
@media(max-width:850px){.masthead{height:115px;flex-wrap:wrap;gap:0;justify-content:space-between;padding:15px 0}.world-switch{order:3!important;width:100%;justify-content:center}.wordmark{min-width:0;font-size:14px}.wordmark svg{width:25px;height:25px}.demo-badge{font-size:8px}.system-line{font-size:7px}.sample-note{display:none}.chamber{height:690px}.chamber-heading{top:27px;max-width:200px}h1{font-size:32px}.chamber-heading p{font-size:10px}.health-readout{left:auto;right:0;top:32px;bottom:auto}.health-number{font-size:36px}.health-caption{font-size:8px;margin:7px 0}.health-readout .eyebrow{font-size:7px}.health-readout .text-button{font-size:8px}.entity-zone{left:50%;top:51%;width:310px;height:310px}.signal-rail{top:auto;bottom:45px;width:100%;display:flex;gap:20px;align-items:center}.rail-title{display:none}#service-list{display:flex;flex:1;gap:17px}.signal{font-size:8px;display:block;padding:9px 0;border:0}.signal span:last-child{display:block;margin-top:8px;font-size:8px}.signal-symbol{margin-right:5px}.signal-rail .projection-button{width:auto;margin:0;font-size:8px;gap:10px}.chamber-bottom{font-size:6px;bottom:10px}.chamber-bottom button{font-size:7px}.hint{display:none}.console{gap:22px;flex-wrap:wrap}.view-switch{width:100%;justify-content:space-around}.view-switch button[aria-pressed=true]:after{bottom:-10px}.command{width:100%;max-width:none;margin-top:6px}.bottom-strip{grid-template-columns:repeat(3,1fr)}.access-strip{grid-column:1/-1;justify-content:center}.bottom-strip>button:nth-child(3){border:0}.strip-detail{display:none}.mini-curve{max-width:60px}.bottom-strip strong{font-size:23px}.access-strip{order:4!important}.strip-arrow{right:10px}footer{font-size:7px;flex-wrap:wrap;line-height:1.8}.ghost-title{left:12%;top:31%;font-size:125px}.database-orbits{grid-template-columns:repeat(4,1fr);row-gap:16px}.database-view,.machine-view{inset:25px 0 50px}.db-dial{width:80px}.db-name{font-size:8px;margin:4px 0}.db-health{font-size:6px}.db-legend{gap:12px;margin-top:18px;font-size:7px}.view-heading{margin-bottom:18px}.view-heading h2{font-size:25px}.view-note{font-size:7px}.machines{grid-template-columns:1fr;gap:15px;margin-top:15px}.machine{display:grid;grid-template-columns:145px 1fr;gap:8px 25px;padding:0;border-bottom:1px solid var(--line);padding-bottom:12px}.machine-top{grid-column:1/-1}.machine-orbit{grid-row:span 3;margin:0}.machine-dial{width:80px;height:80px}.machine-key{font-size:7px}.machine-dial strong{font-size:20px}.machine-dial strong small{font-size:6px}.machine-stats{border:0;padding:0;font-size:8px;align-self:center}.machine-curve{height:23px}.machine-foot{font-size:7px}.business-line{margin-top:20px;gap:30px}.business-line strong{font-size:20px}.business-line span{font-size:7px}body[data-world=friday] .chamber-heading{right:0;top:25px;max-width:195px}body[data-world=friday] h1{font-size:39px}body[data-world=friday] .health-readout{left:0;right:auto;top:32px;bottom:auto}body[data-world=friday] .health-number{font-size:39px}body[data-world=friday] .entity-zone{left:48%;top:52%;width:330px;height:330px}body[data-world=friday] .signal-rail{right:0;bottom:45px;width:100%}body[data-world=friday] .signal{padding:9px 0;font-size:8px}body[data-world=friday] .bottom-strip{grid-template-columns:repeat(3,1fr)}body[data-world=friday] .entity-caption{top:92%}body[data-world=ouija] .chamber-heading{top:25px;max-width:200px}body[data-world=ouija] h1{font-size:33px}body[data-world=ouija] .health-readout{bottom:auto;top:32px}body[data-world=ouija] .health-number{font-size:42px}body[data-world=ouija] .entity-zone{top:49%;width:260px;height:260px}body[data-world=ouija] .signal-rail{top:auto;bottom:45px}body[data-world=ouija] .ghost-title{font-size:110px;top:31%}}
@media(max-width:480px){.app{padding:0 18px}.system-line{letter-spacing:0}.chamber{height:740px}.chamber-heading{max-width:170px}h1{font-size:28px}.eyebrow{font-size:7px}.chamber-heading p{font-size:9px}.health-readout{max-width:126px}.health-number{font-size:32px}.health-readout .text-button{font-size:7px;gap:8px}.entity-zone{width:245px;height:245px;top:47%}.entity-caption{font-size:7px}.entity-coordinate{font-size:6px}.city-node{gap:5px}.city-node strong{font-size:7px}.city-node small{font-size:6px}.node-orbit{width:22px;height:22px}.city-node .node-orbit:after{inset:3px}.signal-rail{bottom:55px;flex-wrap:wrap;gap:7px}#service-list{gap:11px;justify-content:space-between;flex-basis:100%}.signal{font-size:7px}.signal span:last-child{font-size:7px}.signal-symbol{margin-right:2px}.projection-button{font-size:7px!important}.chamber-bottom{align-items:end;gap:6px;bottom:14px}.chamber-signature{max-width:160px}.chamber-bottom button{white-space:nowrap}.ghost-title{font-size:82px;top:34%}.view-switch{gap:12px}.view-switch button{font-size:9px;column-gap:5px}.view-switch small{font-size:8px}.view-switch button>span{font-size:7px}.bottom-strip{gap:12px}.bottom-strip>button{padding-right:12px}.strip-label{font-size:6px}.bottom-strip strong{font-size:20px}.bottom-strip strong span{font-size:10px}.strip-arrow{font-size:9px;right:8px}.mini-curve{max-width:40px}.detail-portal{padding:22px;width:94%}.detail-portal h2{font-size:29px}.portal-metrics{gap:14px}.portal-metrics strong{font-size:23px}.portal-metrics span{font-size:7px}.portal-row{font-size:8px}.portal-foot{font-size:6px}.db-dial{width:65px}.database-orbits{gap:20px 9px}.db-dial strong{font-size:14px}.db-dial strong small{font-size:6px}.view-heading h2{font-size:22px}.view-note{font-size:6px}.db-name{font-size:7px}.database-view{inset-top:30px}.machine{grid-template-columns:132px 1fr;gap:8px 12px}.business-line{gap:20px}.business-line strong{font-size:17px}body[data-world=friday] .chamber-heading{max-width:175px}body[data-world=friday] h1{font-size:34px}body[data-world=friday] .entity-zone{width:265px;height:265px;top:48%}body[data-world=friday] .health-number{font-size:36px}body[data-world=friday] .signal-rail{bottom:55px}body[data-world=friday] .signal{font-size:7px}body[data-world=ouija] h1{font-size:29px}body[data-world=ouija] .entity-zone{width:220px;height:220px;top:45%}body[data-world=ouija] .chamber-heading{max-width:170px}body[data-world=ouija] .ghost-title{font-size:75px}body[data-world=ouija] .signal-rail{bottom:55px}body[data-world=ouija] .city-node strong{font-size:7px}body[data-world=ouija] .node-orbit{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body.motion-paused .projection i{animation-play-state:paused}
/* The canvas supplies the light; the page itself remains pure OLED / pure white. */
body[data-world=friday]{--bg:#fff;--surface:#fff}body[data-world=ouija]{--bg:#000}
.glyph-field{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;overflow:hidden;max-height:56px;color:var(--accent);font:8px/1.3 var(--mono);margin:10px 0}
.glyph-field span{opacity:var(--opacity);animation:glyph-breathe 3s ease-in-out infinite alternate;animation-delay:var(--delay)}
.db-dial svg{animation:db-orbit 60s linear infinite}.db-orbit:nth-child(even) .db-dial svg{animation-direction:reverse}.db-orbit:nth-child(3n) .db-dial svg{animation-duration:85s}
.bottom-glyphs{font:12px/1.4 var(--mono);color:var(--accent);align-self:center;letter-spacing:3px;animation:glyph-breathe 4s ease-in-out infinite alternate}
@keyframes db-orbit{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes glyph-breathe{to{opacity:.14;transform:translateY(-1px)}}
body.motion-paused .glyph-field span,body.motion-paused .db-dial svg,body.motion-paused .bottom-glyphs{animation-play-state:paused}
body{min-height:100vh}
@media(max-width:850px){.glyph-field{margin:0;font-size:6px;max-height:25px;grid-template-columns:repeat(24,1fr)}.bottom-glyphs{font-size:9px;letter-spacing:1px}}