/* The shared layer provides mechanics; each named world defines its own composition. */
@font-face{font-family:Studio;src:url('assets/plus-jakarta-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Display;src:url('assets/space-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Studio,Arial,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a{touch-action:manipulation}button,input{border-radius:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}p,h1,h2,h3{margin:0}p{color:var(--muted)}img,svg{display:block;max-width:100%}button{border:0;background:none}h1,h2,h3{font-family:Display,Arial,sans-serif;letter-spacing:-.055em;font-weight:700;line-height:1.02}h1{font-size:clamp(55px,7vw,108px);text-wrap:balance}h2{font-size:clamp(38px,4.5vw,68px);text-wrap:balance}h3{font-size:24px;letter-spacing:-.025em}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.micro,.eyebrow{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.13em}.eyebrow{color:var(--accent);margin-bottom:24px}.micro{color:var(--muted)}.skip{position:fixed;left:12px;top:12px;padding:12px 20px;z-index:200;background:var(--accent);color:var(--bg);transform:translateY(-160%)}.skip:focus{transform:none}.world-header{display:flex;justify-content:space-between;align-items:center;height:96px;gap:25px;position:relative;z-index:3}.world-logo{display:flex;align-items:center;gap:12px;font:700 22px/1.1 Display,Arial,sans-serif;letter-spacing:-.04em}.world-logo img{width:32px;height:32px}.world-logo small{font:9px/1.5 ui-monospace,monospace;letter-spacing:.12em;display:block;margin-top:5px;text-transform:uppercase;color:var(--muted)}.world-nav{display:flex;align-items:center;gap:28px;font-size:11px}.world-nav a{padding-block:10px}.world-nav a:hover{color:var(--accent)}.menu-trigger{display:none;border:1px solid var(--line);padding:10px 15px;min-height:44px;font-size:12px}.nav-setup{border:1px solid var(--line);padding:10px 17px;min-height:42px;font-size:11px}.hero{position:relative;min-height:740px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:36px;padding-block:66px 90px;isolation:isolate}.hero-copy{position:relative;z-index:2;min-width:0}.hero-lead{font-size:14px;line-height:1.9;max-width:400px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 23px;background:var(--accent);color:var(--on-accent);min-height:52px;font-size:12px;line-height:1.5;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 30%,var(--bg))}.primary:hover{transform:translateY(-3px);box-shadow:0 7px 0 color-mix(in srgb,var(--accent) 30%,var(--bg))}.secondary{font-size:11px;border-bottom:1px solid var(--line);padding-block:12px;min-height:44px}.bookmarklet,.install-echo{cursor:grab}.hero-foot{margin-top:24px;color:var(--muted);font:9px/1.6 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.hero-title .word{display:inline-block;white-space:nowrap;animation:word-enter .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*75ms)}.hero-title .accent-word{color:var(--accent)}.scene{height:580px;position:relative;perspective:1000px;transform-style:preserve-3d;min-width:0;isolation:isolate;--mx:0;--my:0;--sy:0}.scene-ground{position:absolute;inset:0;transform:translate3d(calc(var(--mx)*-15px),calc(var(--sy)*-30px),-100px);border-radius:50%;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 66%)}.scene-geometry{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,#0008,transparent 65%);transform:rotateX(54deg) rotateZ(-18deg) translateY(80px) scale(1.2);opacity:.55}.scene-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 30px #0003);transform:translate3d(calc(var(--mx)*22px),calc(var(--sy)*-55px + var(--my)*16px),45px) rotateX(calc(var(--my)*-7deg)) rotateY(calc(var(--mx)*10deg)) rotateZ(var(--rz,0deg));will-change:transform;transition:filter .3s}.scene-shell{position:absolute;inset:5%;border:1px solid var(--line);border-radius:50%;transform:translate3d(calc(var(--mx)*-30px),calc(var(--sy)*28px),80px) rotateX(65deg) rotateZ(-25deg);opacity:.45;pointer-events:none}.scene-label{position:absolute;top:12%;left:0;font:9px/1.6 ui-monospace,monospace;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;max-width:170px;transform:translate3d(calc(var(--mx)*-12px),calc(var(--sy)*-15px),100px)}.scene-label::before{content:'+';display:block;color:var(--accent);font-size:20px}.scene-label.right{top:auto;left:auto;right:0;bottom:10%;text-align:right}.scene-control{position:absolute;right:0;bottom:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:19px;z-index:3;background:var(--bg)}.scene-control:hover{background:var(--accent);color:var(--on-accent)}.scene-orbit{position:absolute;left:12%;right:12%;top:15%;bottom:15%;border:1px dashed var(--line);border-radius:50%;animation:orbit-spin 80s linear infinite;pointer-events:none}.scene-orbit::after{content:'';position:absolute;width:7px;height:7px;left:10%;top:16%;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}.scene[data-paused=true] .scene-orbit{animation-play-state:paused}.world-kicker{display:flex;align-items:center;justify-content:space-between;padding-block:22px;border-block:1px solid var(--line);gap:25px}.world-kicker .micro:last-child{max-width:430px;text-align:right}.chapter{padding-block:110px;position:relative;isolation:isolate}.chapter-head{display:flex;align-items:flex-start;gap:35px;margin-bottom:50px}.chapter-head>span{font:12px ui-monospace,monospace;color:var(--accent);padding-top:10px;min-width:30px}.chapter-head h2{max-width:850px}.chapter-copy{font-size:14px;max-width:490px;margin-top:24px;line-height:1.9}.chapter-intro{margin-bottom:40px}.chapter .micro{font-size:10px}.reveal{--reveal:1}.motion-ready .reveal{opacity:calc(.25 + var(--reveal)*.75);transform:translateY(calc((1 - var(--reveal))*45px));transition:opacity .25s linear}.display-phrase{font:700 clamp(44px,6.7vw,96px)/1.08 Display,Arial,sans-serif;letter-spacing:-.055em;max-width:1100px}.display-phrase .word{color:color-mix(in srgb,var(--ink) calc(var(--lit,1)*100%),var(--muted));transition:color .15s}.rule-list{border-top:1px solid var(--line)}.rule-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:25px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.rule-row .micro{color:var(--accent)}.rule-row p{font-size:13px}.rule-row h3{font-size:24px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.module-panel{padding:32px;background:var(--panel);border:1px solid var(--line);min-width:0;position:relative}.module-panel h3{margin:26px 0 14px}.module-panel p{font-size:12px;line-height:1.8}.module-panel .module-number{font:700 80px/1 Display,Arial,sans-serif;letter-spacing:-.06em;color:var(--accent)}.module-grid .module-panel:nth-child(2){transform:translateY(35px)}.module-grid .module-panel:nth-child(3){transform:translateY(70px)}.module-art{height:250px;object-fit:contain;width:100%;filter:drop-shadow(0 20px 15px #0002)}.module-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.module-split.reverse>div:first-child{order:2}.module-split .module-art{height:400px}.module-copy h3{font-size:38px;margin-bottom:20px}.module-copy p{font-size:14px;line-height:1.9;margin-bottom:18px}.module-copy .micro{color:var(--accent)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:30px}.timeline article{border-top:1px solid var(--accent);padding-top:25px;position:relative}.timeline article::before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.timeline h3{font-size:30px;margin-block:22px 15px}.timeline p{font-size:13px}.timeline time{font:11px ui-monospace,monospace;color:var(--accent)}.notebook{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--panel);box-shadow:10px 15px 0 color-mix(in srgb,var(--ink) 5%,transparent);transform:rotate(-1deg)}.notebook>div{padding:45px;background:repeating-linear-gradient(transparent,transparent 33px,var(--line) 34px)}.notebook>div+div{border-left:1px solid var(--line)}.notebook h3{font:italic 40px/1.2 Georgia,serif;margin-bottom:24px}.notebook p{font:17px/2 Georgia,serif;color:var(--ink)}.notebook .micro{display:block;margin-bottom:25px;background:var(--panel)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:0}.comparison>article{padding:45px;border:1px solid var(--line)}.comparison>article+article{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.comparison h3{font-size:42px;margin-bottom:30px}.comparison p{font-size:14px}.comparison>article+article p{color:inherit;opacity:.8}.comparison ul{padding-left:16px;font-size:13px;line-height:2.3}.comparison .micro{color:inherit;margin-bottom:25px;display:block}.console{background:#101415;color:#d3e4d6;border:1px solid #3b4d42;box-shadow:12px 16px 0 color-mix(in srgb,var(--accent) 12%,transparent);font:13px/2 ui-monospace,monospace}.console header{border-bottom:1px solid #3b4d42;padding:14px 24px;display:flex;justify-content:space-between;font-size:10px}.console pre{padding:30px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.console .cursor{display:inline-block;background:#b6d4ad;width:9px;height:15px;vertical-align:middle;animation:blink 1.5s steps(1) infinite}.console button{color:#d3e4d6;border:1px solid #3b4d42;margin:0 30px 25px;padding:8px 16px;min-height:44px;font:11px ui-monospace,monospace}.console p{padding:0 30px 20px;color:#b3c9b8;font-size:11px}.terrain{min-height:380px;border:1px solid var(--line);position:relative;overflow:hidden;background:var(--panel)}.terrain svg{width:100%;height:400px}.terrain .map-label{position:absolute;background:var(--bg);border:1px solid var(--line);padding:12px 16px;max-width:220px;font:11px ui-monospace,monospace}.terrain .map-label:nth-of-type(1){left:8%;top:15%}.terrain .map-label:nth-of-type(2){left:43%;top:53%}.terrain .map-label:nth-of-type(3){right:5%;top:22%}.terrain .map-label b{display:block;color:var(--accent);font-size:9px;margin-bottom:5px}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;transform:perspective(900px) rotateX(18deg) rotateZ(-3deg);padding:25px}.heatmap button{aspect-ratio:1;background:color-mix(in srgb,var(--accent) var(--intensity),var(--panel));border:1px solid var(--line);min-width:0;transition:transform .2s}.heatmap button:hover,.heatmap button[aria-pressed=true]{transform:translateY(-8px);outline:1px solid var(--accent)}.module-status{margin-top:24px;font:11px ui-monospace,monospace;color:var(--muted);min-height:20px}.scope-display{width:min(540px,100%);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative;margin:auto;background:repeating-radial-gradient(circle,transparent 0,transparent 19%,var(--line) 20%,transparent 20.4%);overflow:hidden}.scope-display::before,.scope-display::after{content:'';position:absolute;background:var(--line)}.scope-display::before{width:1px;left:50%;top:0;bottom:0}.scope-display::after{height:1px;top:50%;left:0;right:0}.scope-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 290deg,color-mix(in srgb,var(--accent) 25%,transparent) 359deg,transparent);animation:orbit-spin 14s linear infinite}.scope-dot{position:absolute;width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent)}.scope-display>span{position:absolute;inset:45%;display:grid;place-items:center;font:10px ui-monospace,monospace}.wave-strip{display:flex;align-items:center;justify-content:space-between;height:260px;gap:5px;perspective:700px}.wave-strip i{width:5px;height:var(--height);background:var(--accent);border-radius:3px;opacity:var(--opacity);transform:translateY(calc(var(--scroll)*var(--shift)));transition:height .35s}.wave-strip[data-mode=calm] i{height:calc(var(--height)*.4)}.wave-controls{display:flex;gap:8px}.wave-controls button{font:11px ui-monospace,monospace;border:1px solid var(--line);padding:10px 18px;min-height:44px}.wave-controls button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.scale{display:flex;gap:4px;align-items:flex-end;height:230px;border-bottom:1px solid var(--line);padding-bottom:20px}.scale i{flex:1;height:var(--height);background:var(--accent);opacity:var(--opacity);min-width:0}.scale-labels{display:flex;justify-content:space-between;margin-top:16px;gap:20px;font:10px ui-monospace,monospace;color:var(--muted)}.news-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:30px;border-block:3px double var(--line);padding-block:35px}.news-grid article+article{border-left:1px solid var(--line);padding-left:30px}.news-grid h3{font:38px/1.05 Georgia,serif;margin:20px 0}.news-grid p{font:15px/1.8 Georgia,serif}.news-grid article:first-child h3{font-size:52px}.quote-section{padding-block:40px}.quote-section blockquote{margin:0;max-width:1100px;font:italic clamp(40px,5.5vw,82px)/1.2 Georgia,serif;letter-spacing:-.04em}.quote-section .micro{display:block;margin-top:35px}.poster-strip{overflow:hidden;padding:35px 0;border-block:1px solid var(--line)}.poster-strip div{display:flex;gap:40px;width:max-content;animation:marquee 35s linear infinite}.poster-strip span{font:700 clamp(40px,6vw,84px)/1 Display,Arial,sans-serif;letter-spacing:-.045em;color:transparent;-webkit-text-stroke:1px var(--accent)}.poster-strip span:nth-child(2n){color:var(--accent);-webkit-text-stroke:0}.contact-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;border:1px solid var(--line);background:var(--panel)}.contact-frame{position:relative;aspect-ratio:3/4;border:1px solid var(--line);overflow:hidden}.contact-frame img{width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom)) rotate(var(--angle));filter:grayscale(var(--gray));transition:transform .5s}.contact-frame:hover img{transform:scale(calc(var(--zoom) + .1)) rotate(0deg)}.contact-frame span{position:absolute;bottom:8px;left:10px;font:9px ui-monospace,monospace;background:var(--bg);padding:3px 6px}.formula{font:clamp(26px,4.5vw,68px)/1.4 ui-monospace,monospace;padding:50px 0;border-block:1px solid var(--line);letter-spacing:-.07em}.formula b{color:var(--accent);font-weight:400}.formula-note{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:28px}.formula-note p{font-size:12px}.ladder{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:1px}.ladder article{padding:30px;background:var(--panel);border:1px solid var(--line);min-height:200px}.ladder article:nth-child(2){min-height:280px}.ladder article:nth-child(3){min-height:360px}.ladder h3{font-size:30px;margin:25px 0 15px}.ladder p{font-size:12px}.mosaic{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.mosaic>div{background:var(--panel);border:1px solid var(--line);padding:30px;overflow:hidden;position:relative}.mosaic>div:first-child{grid-row:span 2;min-height:450px}.mosaic>div:first-child img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transform:rotate(-12deg) scale(1.1)}.mosaic h3{font-size:38px;margin-top:22px}.mosaic p{font-size:13px;margin-top:15px}.museum{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.museum figure{margin:0}.museum figure img{height:290px;width:100%;object-fit:contain;background:var(--panel);transform:translateY(calc(var(--scroll)*-35px));filter:drop-shadow(15px 25px 15px #0002)}.museum figure:nth-child(2){padding-top:70px}.museum figure:nth-child(3){padding-top:140px}.museum figcaption{border-top:1px solid var(--line);padding-top:18px;font:12px/1.6 Georgia,serif}.museum figcaption b{display:block;font:10px ui-monospace,monospace;color:var(--accent);margin-bottom:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.calendar-grid div{aspect-ratio:1.3;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px;font:12px ui-monospace,monospace;background:var(--panel)}.calendar-grid .marked{background:var(--accent);color:var(--on-accent)}.calendar-grid span{display:block;font-size:9px;margin-top:14px}.scoreboard{padding:40px;border:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;text-align:center}.scoreboard strong{display:block;font:700 clamp(45px,6vw,80px) Display,Arial,sans-serif;letter-spacing:-.06em;color:var(--accent)}.scoreboard p{font:11px ui-monospace,monospace}.scoreboard>span{font:30px ui-monospace,monospace;color:var(--muted)}.balance-beam{height:250px;position:relative}.balance-beam::before{content:'';position:absolute;left:50%;top:15%;width:2px;height:80%;background:var(--accent)}.balance-arms{position:absolute;left:15%;right:15%;top:25%;display:flex;justify-content:space-between;border-top:3px solid var(--accent);transform:rotate(calc(var(--scroll)*10deg - 5deg));transform-origin:50% 0;transition:transform .1s}.balance-arms span{width:110px;height:110px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--accent);border-radius:0 0 55px 55px;font:32px Georgia,serif;padding-top:25px}.auction-list article{display:grid;grid-template-columns:70px 1fr 140px;gap:30px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.auction-list img{width:70px;height:85px;object-fit:contain;background:var(--panel)}.auction-list h3{font:30px Georgia,serif}.auction-list small{font:10px ui-monospace,monospace;color:var(--muted)}.depth-corridor{height:420px;position:relative;perspective:800px;overflow:hidden}.depth-corridor i{position:absolute;border:1px solid var(--accent);inset:calc(var(--n)*22px);opacity:calc(1 - var(--n)*.09);transform:translateZ(calc(var(--scroll)*var(--n)*10px)) rotate(calc(var(--n)*2deg));border-radius:var(--arch,0)}.depth-corridor span{position:absolute;inset:44%;display:grid;place-items:center;font:12px ui-monospace,monospace;color:var(--accent)}.network-figure svg{height:380px;width:100%}.network-figure circle{fill:var(--accent)}.network-figure line{stroke:var(--accent);opacity:.3}.chapter-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:18px;margin-top:45px;font:10px ui-monospace,monospace;color:var(--muted)}.world-close{padding:85px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:50px}.world-close h2{font-size:clamp(40px,5vw,72px);max-width:700px}.world-close .eyebrow{margin-bottom:18px}.world-close .close-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:350px}.world-footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid var(--line);font:9px ui-monospace,monospace;color:var(--muted)}.world-footer a:hover{color:var(--accent)}.scroll-meter{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(var(--progress,0));transform-origin:left;z-index:90;background:var(--accent)}.drag-hint{position:fixed;left:50%;top:15px;transform:translate(-50%,-180%);padding:12px 25px;background:var(--accent);color:var(--on-accent);z-index:100;font-size:12px;pointer-events:none}body[data-dragging] .drag-hint{transform:translate(-50%,0)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:40px;width:min(610px,calc(100% - 30px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:20px 30px 100px #0006}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}dialog[open]{animation:word-enter .3s ease both}dialog h2{font-size:38px}dialog>p{font-size:13px;margin-top:20px}dialog .eyebrow{margin-top:0;padding-right:35px}.dialog-close{position:absolute;right:15px;top:10px;font-size:26px;width:44px;height:44px}.guide-steps{padding:0;margin:25px 0;list-style:none;counter-reset:steps}.guide-steps li{counter-increment:steps;display:grid;grid-template-columns:30px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.guide-steps li::before{content:'0' counter(steps);font:11px ui-monospace,monospace;color:var(--accent)}.guide-steps h3{font-size:20px}.guide-steps p{font-size:12px;margin-top:8px}.guide-browser{border:1px solid var(--line);margin-top:25px}.guide-browser>div{padding:10px 15px;font:10px ui-monospace,monospace}.guide-browser>div+div{border-top:1px solid var(--line);color:var(--accent)}kbd{font:10px ui-monospace,monospace;border:1px solid var(--line);padding:2px 5px}.site-menu nav{display:grid;margin-top:25px}.site-menu nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:18px}
/* Typography is independent of color. */
[data-type=serif] h1,[data-type=serif] h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}[data-type=serif] .hero-title .accent-word{font-style:italic}[data-type=mono] h1,[data-type=mono] h2{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400;letter-spacing:-.075em}[data-type=mono] h1{font-size:clamp(48px,6vw,82px)}[data-type=condensed] h1{text-transform:uppercase;letter-spacing:-.075em;line-height:.94;font-size:clamp(60px,7.5vw,118px)}[data-type=condensed] .hero-title .accent-word{color:transparent;-webkit-text-stroke:1px var(--accent)}
/* Sixty-five world compositions; deliberate layout families share only mechanics. */
[data-world=arcade] .hero{grid-template-columns:1fr;text-align:center;padding-top:20px;padding-bottom:560px}[data-world=arcade] h1{text-shadow:5px 5px 0 color-mix(in srgb,var(--accent) 30%,var(--bg));font-size:clamp(55px,7vw,92px)}[data-world=arcade] .hero-lead{margin-inline:auto}[data-world=arcade] .hero-actions{justify-content:center}[data-world=arcade] .scene{position:absolute;bottom:0;left:15%;right:15%;height:570px}[data-world=arcade] .primary{box-shadow:6px 6px 0 var(--ink);border:2px solid var(--bg)}
@keyframes word-enter{from{opacity:0;transform:translateY(35px) rotateX(-15deg);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero,[data-world] .hero{gap:25px}.world-nav{gap:18px}.world-logo{font-size:19px}.hero h1,[data-world] .hero h1{font-size:70px}.hero-lead{font-size:13px}.scene{height:500px}.module-split{gap:35px}.chapter{padding-block:85px}.hero-actions{gap:16px}.primary{font-size:11px;padding-inline:18px}[data-world=monument] .hero-copy{margin-right:-60px}[data-world=gallery] h1,[data-world=portal] h1{margin-right:-50px}.chapter-head h2{font-size:52px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.world-header{height:82px;gap:15px}.world-logo{font-size:19px}.world-logo small{font-size:8px;max-width:210px}.world-logo img{width:28px;height:28px}.world-nav{display:none}.menu-trigger{display:block}.hero,[data-world] .hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:25px;min-height:0;padding:45px 0 35px;text-align:left;border-width:1px}.hero-copy,[data-world] .hero-copy{max-width:100%;width:100%;margin:0;padding:0;transform:none}.hero h1,[data-world] .hero h1{font-size:clamp(45px,12vw,76px);line-height:1.03;margin:0;max-width:100%;text-shadow:none}.hero-lead,[data-world] .hero-lead{max-width:100%;margin:24px 0 0;font-size:13px;background:none}.hero-actions,[data-world] .hero-actions{justify-content:flex-start;margin-top:25px;gap:16px}.hero-foot{font-size:8px}.eyebrow{font-size:9px;margin-bottom:20px}.scene,[data-world] .hero .scene{position:relative;inset:auto;z-index:0;height:370px;width:100%;max-width:100%;order:0;margin:0;transform:none;opacity:1;padding:0;align-self:auto;flex:none}.scene-label{font-size:8px;max-width:120px}.scene-shell{inset:8%}.scene-control{bottom:5px;right:5px}.scene-art{will-change:auto}.world-kicker,[data-world] .world-kicker{transform:none;padding:18px 0;gap:20px;background:transparent;color:var(--ink);height:auto;border-block:1px solid var(--line)}.world-kicker .micro,[data-world] .world-kicker .micro{font-size:8px;color:var(--muted);visibility:visible}.world-kicker .micro:last-child{max-width:180px}.chapter,[data-world] .chapter{padding:60px 0;margin:0;border-inline:0}.chapter-head,[data-world] .chapter-head{gap:18px;margin:0 0 30px;padding-inline:0;transform:none;flex-direction:row;text-align:left;justify-content:flex-start}.chapter-head>span,[data-world] .chapter-head>span{font:11px ui-monospace,monospace;min-width:23px;padding:7px 0;border:0}.chapter-head h2,[data-world] .chapter-head h2{font-size:clamp(33px,8.5vw,46px)}.chapter-copy{font-size:13px;margin-top:18px}.module-split,.module-grid,.comparison,.notebook,.news-grid,.mosaic{grid-template-columns:1fr;gap:25px}.module-split.reverse>div:first-child{order:0}.module-split .module-art{height:290px}.module-copy h3{font-size:31px}.module-copy p{font-size:13px}.module-grid .module-panel:nth-child(n){transform:none}.module-panel{padding:25px}.module-number{font-size:60px!important}.rule-row{grid-template-columns:30px 1fr;gap:14px}.rule-row p{grid-column:2;font-size:12px}.rule-row h3{font-size:24px}.timeline{grid-template-columns:1fr;gap:30px}.timeline h3{margin-top:15px}.notebook{gap:0;transform:none}.notebook>div{padding:28px}.notebook>div+div{border-left:0;border-top:1px solid var(--line)}.notebook h3{font-size:32px}.notebook p{font-size:15px}.comparison{gap:0}.comparison>article{padding:28px}.comparison h3{font-size:34px}.console pre{padding:22px;font-size:11px}.console header{padding:12px 20px;font-size:9px}.terrain,.terrain svg{height:310px;min-height:310px}.terrain .map-label{font-size:9px;padding:9px;max-width:130px}.terrain .map-label:nth-of-type(2){left:25%;top:65%}.heatmap{grid-template-columns:repeat(8,1fr);gap:5px;padding:10px;transform:perspective(700px) rotateX(10deg)}.heatmap button{min-height:30px}.wave-strip{height:180px;gap:3px;overflow:hidden}.wave-strip i{width:3px;max-height:160px}.news-grid{gap:30px;padding-block:25px}.news-grid article+article{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.news-grid article:first-child h3{font-size:38px}.news-grid h3{font-size:30px}.quote-section blockquote{font-size:38px}.contact-sheet{grid-template-columns:repeat(2,1fr);padding:12px;gap:10px}.formula{padding-block:30px;font-size:26px;overflow-wrap:anywhere}.formula-note{grid-template-columns:1fr;gap:18px}.ladder{grid-template-columns:1fr}.ladder article:nth-child(n){min-height:0;padding:25px}.ladder h3{font-size:28px;margin-block:18px 10px}.mosaic>div:first-child{min-height:320px;grid-row:auto}.mosaic h3{font-size:30px}.museum{gap:15px}.museum figure:nth-child(2){padding-top:35px}.museum figure:nth-child(3){padding-top:70px}.museum figure img{height:150px}.museum figcaption{font-size:10px}.museum figcaption b{font-size:8px}.calendar-grid div{padding:8px;font-size:10px;aspect-ratio:.8}.calendar-grid span{font-size:7px;margin-top:10px}.scoreboard{padding:25px;gap:16px}.scoreboard strong{font-size:45px}.scoreboard p{font-size:9px}.auction-list article{grid-template-columns:50px 1fr;gap:18px}.auction-list article>small{grid-column:2}.auction-list h3{font-size:27px}.auction-list img{width:50px;height:65px}.depth-corridor{height:330px}.depth-corridor i{inset:calc(var(--n)*16px)}.network-figure svg{height:270px}.chapter-footer{font-size:8px;margin-top:30px}.world-close,[data-world] .world-close{display:block;padding:55px 0;background:transparent;color:var(--ink)}.world-close h2{font-size:42px}.world-close .close-actions{margin-top:25px}.world-footer{font-size:8px;flex-wrap:wrap;gap:12px}.world-footer>span{max-width:70%}.display-phrase{font-size:43px}.drag-hint{width:90%;font-size:11px;text-align:center}dialog{padding:30px 22px}dialog h2{font-size:31px}.guide-steps h3{font-size:19px}.guide-steps p{font-size:11px}[data-world=poster] .hero-copy,[data-world=evidence] .hero-copy{padding:25px;box-shadow:6px 8px 0 #0002}[data-world=poster] .hero h1{font-size:52px}[data-world=contact] .hero .scene{padding:15px}[data-world=cinema] .hero{border-block:10px solid var(--ink);padding-block:35px}[data-world=notebook] .hero{padding-inline:15px}[data-world=blueprint] .hero,[data-world=engineering] .hero,[data-world=dossier] .hero,[data-world=postal] .hero{padding:25px 18px}.scene-label.right{writing-mode:initial}[data-world=atelier] .scene-label{writing-mode:initial;left:0;top:10%}[data-world=bauhaus] .hero .scene{height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.scene-art,.scene-shell,.scene-ground,.scene-label,.museum figure img,.balance-arms{transform:none!important}.primary:hover{transform:none}.display-phrase .word{--lit:1!important}}

/* Product specimens inherit the palette and typographic world of their host. */
.product-preview{position:relative;padding-block:65px 95px;isolation:isolate}.product-preview>.preview-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:35px}.preview-intro h2{font-size:clamp(32px,4vw,56px);max-width:750px}.preview-intro p{font-size:12px;max-width:320px;line-height:1.8}.preview-intro .eyebrow{display:block;margin-bottom:15px}.trading-tool{position:relative;background:var(--panel);border:1px solid var(--line);box-shadow:0 35px 65px #0002;transform:perspective(1400px) rotateX(calc(var(--tilt,0)*1deg));transform-origin:50% 70%;overflow:hidden;isolation:isolate}.trading-tool::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,0%),color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%)}.tool-header{display:flex;justify-content:space-between;align-items:center;padding:19px 26px;border-bottom:1px solid var(--line);gap:20px;font:11px ui-monospace,monospace}.tool-header>div{display:flex;align-items:center;gap:6px}.tool-header i{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.6}.tool-header>div>span{margin-left:14px}.sample-label{font-size:9px;letter-spacing:.08em;border:1px solid var(--line);padding:5px 8px;color:var(--muted);white-space:nowrap}.tool-body{padding:32px}.tool-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:16px 26px;color:var(--muted);font:9px/1.7 ui-monospace,monospace}.tool-footer>span:last-child{white-space:nowrap;color:var(--accent)}.tool-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}.tool-tabs button{min-height:40px;padding:9px 15px;border:1px solid var(--line);font:11px ui-monospace,monospace;transition:background .2s,color .2s}.tool-tabs button[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.tool-tabs button:hover{border-color:var(--accent)}.tool-label{font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted);margin-bottom:24px}.social-feed{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.social-post{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:25px 0;border-top:1px solid var(--line)}.social-post[hidden]{display:none}.avatar{width:35px;height:35px;border:1px solid var(--line);background:var(--bg);color:var(--accent);display:grid;place-items:center;border-radius:50%;font:13px Georgia,serif}.social-post header strong{display:block;font-size:13px}.social-post header span{display:block;font:10px ui-monospace,monospace;color:var(--muted);margin-top:3px}.social-post p{font-size:13px;line-height:1.8;margin-top:15px}.social-post footer{display:flex;gap:20px;align-items:center;margin-top:17px;font:9px ui-monospace,monospace;color:var(--muted)}.social-post footer span:first-child{color:var(--accent);border:1px solid var(--line);padding:4px 7px}.portfolio-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.portfolio-orbit{display:grid;place-items:center;padding:25px;perspective:900px}.allocation-donut{width:310px;aspect-ratio:1;border-radius:50%;padding:20px;background:conic-gradient(var(--accent) 0% 48%,color-mix(in srgb,var(--accent) 55%,var(--bg)) 48% 80%,color-mix(in srgb,var(--accent) 32%,var(--bg)) 80% 94%,var(--line) 94%);box-shadow:0 18px 0 color-mix(in srgb,var(--accent) 20%,var(--bg)),0 30px 35px #0002;transform:rotateX(17deg);transition:transform .4s}.allocation-donut:hover{transform:rotateX(0deg)}.allocation-donut>div{background:var(--bg);border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.allocation-donut span{font:9px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}.allocation-donut strong{font:700 43px Display,Arial,sans-serif;letter-spacing:-.05em;margin-block:10px}.allocation-donut small{font-size:11px;color:var(--muted)}.asset-row{display:grid;grid-template-columns:32px 1fr auto;gap:15px;text-align:left;align-items:center;width:100%;padding:15px 8px;border-bottom:1px solid var(--line);transition:background .2s}.asset-row:hover,.asset-row[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 7%,transparent)}.asset-symbol{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);font:11px ui-monospace,monospace}.asset-row b{font-size:12px}.asset-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.asset-row>strong{font:13px ui-monospace,monospace}.ai-note{margin-top:24px;padding-left:16px;border-left:2px solid var(--accent)}.ai-note .micro{font-size:8px}.ai-note p{font-size:12px;margin-top:12px;line-height:1.8}.tool-table-head,.wallet-event{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:20px;align-items:center}.tool-table-head{font:9px ui-monospace,monospace;color:var(--muted);padding-bottom:18px}.wallet-event{padding:20px 0;border-top:1px solid var(--line)}.wallet-event[hidden]{display:none}.wallet-event b{font:13px ui-monospace,monospace}.wallet-event small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.wallet-event .direction{font-size:11px;color:var(--accent)}.wallet-event .out{color:var(--muted)}.wallet-event>strong{font:16px ui-monospace,monospace}.planner-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.tool-slider{display:block;margin-top:26px}.tool-slider>span{display:flex;justify-content:space-between;gap:20px;font-size:12px;align-items:center}.tool-slider output{color:var(--accent);font:12px ui-monospace,monospace;text-align:right}.tool-slider input{width:100%;margin:20px 0 0;accent-color:var(--accent);cursor:pointer;min-height:28px}.tool-results{border-left:1px solid var(--line);padding-left:40px}.tool-metric{padding:18px 0}.tool-metric>span{font:10px ui-monospace,monospace;color:var(--muted);display:block}.tool-metric strong{display:block;font:700 clamp(30px,3.5vw,48px) Display,Arial,sans-serif;letter-spacing:-.05em;color:var(--ink);margin-top:9px}.tool-results .tool-metric:first-child strong{color:var(--accent)}.tool-results>p{font-size:10px;line-height:1.9;margin-top:20px}.route-line{display:flex;align-items:center;gap:12px;font:9px ui-monospace,monospace;color:var(--muted);margin-top:30px}.route-line i{flex:1;height:1px;background:var(--line)}.depth-book{display:grid;grid-template-columns:1fr 1fr;gap:30px}.depth-column[hidden]{display:none}.depth-level{position:relative;display:flex;justify-content:space-between;padding:9px 14px;gap:20px;margin-bottom:3px;font:12px ui-monospace,monospace;isolation:isolate}.depth-level::before{content:'';position:absolute;inset:0 0 0 auto;width:var(--depth);background:var(--accent);opacity:.12;z-index:-1;transition:width .4s}.asks .depth-level::before{background:var(--ink);opacity:.08;left:0;right:auto}.depth-level b{font-weight:400;color:var(--accent)}.tool-explainer{font-size:10px;margin-top:20px;line-height:1.8}.journal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:25px}.journal-summary .tool-metric strong{font-size:34px}.journal-list article{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.journal-list article[hidden]{display:none}.journal-date{font:10px ui-monospace,monospace;color:var(--muted)}.journal-list b{font-size:12px}.journal-list small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.journal-list strong{font:15px ui-monospace,monospace;color:var(--accent)}.event-calendar{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.event-item{display:grid;grid-template-columns:65px 1fr 20px;gap:20px;border-top:1px solid var(--line);padding-block:22px;align-items:start}.event-item[hidden]{display:none}.event-item time{border:1px solid var(--line);text-align:center;padding:8px 5px}.event-item time small{font:9px ui-monospace,monospace;display:block;color:var(--muted)}.event-item time strong{font:700 34px Display,Arial,sans-serif;display:block;color:var(--accent)}.event-item .micro{font-size:8px}.event-item h3{font-size:21px;margin-top:10px}.event-item p{font-size:11px;margin-top:10px}.event-item>span{color:var(--accent)}.correlation{display:grid;grid-template-columns:65px repeat(5,1fr);gap:6px;align-items:stretch}.correlation>span{display:grid;place-items:center;min-height:32px;font:10px ui-monospace,monospace;color:var(--muted)}.correlation button{aspect-ratio:1.7;background:color-mix(in srgb,var(--accent) var(--intensity),var(--bg));color:var(--ink);font:13px ui-monospace,monospace;border:1px solid var(--line);transition:transform .2s}.correlation button:hover,.correlation button[aria-pressed=true]{transform:translateY(-3px);outline:1px solid var(--accent)}.matrix-note{font:11px ui-monospace,monospace;margin-top:20px;min-height:30px}.tool-search{display:block;margin-bottom:25px}.tool-search input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:12px Studio,Arial,sans-serif;padding:14px 18px;min-height:46px}.tool-search input::placeholder{color:var(--muted);opacity:1}.tool-search input:focus-visible,.tool-slider input:focus-visible,.audit-checks input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.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}.watchlist article{display:grid;grid-template-columns:32px 1fr 80px 85px;gap:16px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.watchlist article[hidden]{display:none}.watchlist b{font-size:13px}.watchlist p{font-size:10px;margin-top:4px}.watchlist strong{font:14px ui-monospace,monospace;color:var(--accent)}.watch-status{font:9px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);padding:4px 7px;text-align:center}.tool-empty{font-size:12px;padding:25px 0}.audit-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.audit-score>strong{display:block;font:700 80px/1 Display,Arial,sans-serif;letter-spacing:-.07em;color:var(--accent)}.audit-score>span{display:block;margin-top:20px;font:9px ui-monospace,monospace;color:var(--muted)}.audit-score p{font-size:11px;max-width:230px;margin-top:20px}.audit-checks label{display:flex;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);cursor:pointer}.audit-checks input{width:18px;height:18px;accent-color:var(--accent)}.audit-checks b{display:block;font-size:12px;font-weight:500}.audit-checks small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.tool-chart{height:250px;width:100%;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 6;fill:none}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:trace-in 2s cubic-bezier(.2,.7,.3,1) forwards}.chart-area{fill:var(--accent);opacity:.065}.alert-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.alert-preview{border:1px solid var(--line);padding:30px;background:var(--bg);box-shadow:10px 12px 0 color-mix(in srgb,var(--accent) 8%,transparent)}.alert-preview h3{font-size:30px;margin-top:25px}.alert-preview>p{font-size:12px;margin-top:20px;line-height:1.8}.alert-state{display:inline-block;font:9px ui-monospace,monospace;color:var(--accent);border:1px solid var(--line);padding:7px 10px;margin-top:20px}.alert-preview .tool-explainer{font-size:9px}.replay-layout{display:grid;grid-template-columns:220px 1fr;gap:40px}.replay-track{display:flex;flex-direction:column}.replay-track button{text-align:left;padding:20px 15px;border-left:2px solid var(--line);position:relative}.replay-track button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.replay-track button>span{font:10px ui-monospace,monospace;color:var(--accent)}.replay-track b{font:14px Studio,Arial,sans-serif;display:block;margin-top:8px}.replay-track small{font:10px ui-monospace,monospace;color:var(--muted);display:block;margin-top:5px}.replay-screen h3{font-size:28px;margin-block:18px}.replay-screen p{font-size:12px;line-height:1.8}.route-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-options button{text-align:left;border:1px solid var(--line);padding:25px;position:relative;background:var(--bg);transition:transform .25s,box-shadow .25s}.route-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 6px 0 color-mix(in srgb,var(--accent) 25%,var(--bg));transform:translateY(-5px)}.route-options h3{font-size:23px;margin-top:20px}.route-options p{font-size:11px}.route-options strong{display:block;font:700 38px Display,Arial,sans-serif;color:var(--accent);margin-top:20px}.route-options small{font-size:10px;color:var(--muted)}.route-path{display:flex;align-items:center;gap:5px;margin-block:27px}.route-path i{width:13px;height:13px;border:1px solid var(--accent);border-radius:50%}.route-path span{flex:1;height:1px;background:var(--line)}.route-output{font:11px/1.8 ui-monospace,monospace;color:var(--muted);margin-top:25px}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px}.chart-toolbar .tool-tabs{margin-bottom:0}.chart-toolbar .tool-metric{padding-top:0}.chart-labels{display:flex;justify-content:space-between;gap:20px;font:9px ui-monospace,monospace;color:var(--muted)}.tool-empty[hidden]{display:none}
/* Distinct product placement and materials reinforce each world's art direction. */
[data-demo-layout=side] .product-preview{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center}[data-demo-layout=side] .preview-intro{display:block}[data-demo-layout=side] .preview-intro p{margin-top:25px}[data-demo-layout=side] .preview-intro h2{font-size:45px}[data-demo-layout=side] .social-feed,[data-demo-layout=side] .event-calendar{grid-template-columns:1fr}[data-demo-layout=side] .tool-body{padding:25px}[data-demo-layout=side] .portfolio-layout{gap:25px}[data-demo-layout=side] .allocation-donut{width:230px}[data-demo-layout=side] .allocation-donut strong{font-size:32px}[data-demo-layout=side] .planner-layout{gap:25px}[data-demo-layout=side] .tool-results{padding-left:25px}
[data-demo-layout=cinematic] .product-preview{padding:75px 50px;background:var(--panel);margin-block:60px;border-block:1px solid var(--line)}[data-demo-layout=cinematic] .trading-tool{background:var(--bg);box-shadow:20px 30px 0 color-mix(in srgb,var(--accent) 7%,transparent)}[data-demo-layout=paper] .trading-tool{transform:rotate(-1deg);box-shadow:8px 10px 0 var(--line);border:1px solid var(--ink)}[data-demo-layout=paper] .tool-header{border-bottom:3px double var(--line)}[data-demo-layout=paper] .preview-intro h2{font-family:Georgia,serif;font-style:italic}[data-demo-layout=framed] .product-preview{padding:60px;border:1px solid var(--line);margin-block:50px}[data-demo-layout=framed] .trading-tool{box-shadow:none}[data-demo-layout=immersed] .product-preview{max-width:1050px;margin-inline:auto}[data-demo-layout=immersed] .preview-intro{display:block;text-align:center}[data-demo-layout=immersed] .preview-intro h2{margin:auto}[data-demo-layout=immersed] .preview-intro p{margin:20px auto 0;max-width:500px}[data-demo-layout=immersed] .trading-tool{border-radius:16px}[data-world=terminal] .trading-tool,[data-world=control] .trading-tool{box-shadow:0 0 50px color-mix(in srgb,var(--accent) 5%,transparent)}[data-world=poster] .trading-tool{transform:rotate(1deg)}[data-world=gallery] .trading-tool,[data-world=floating] .trading-tool,[data-world=orbital] .trading-tool{border-radius:18px}
/* Light, parallax and text choreography; no background render loop. */
.scene-light{position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(ellipse at calc(50% + var(--mx)*25%) calc(40% + var(--my)*20%),color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%);mix-blend-mode:screen;opacity:.55}.scene-haze{position:absolute;inset:15%;border-radius:50%;background:var(--accent);opacity:.07;filter:blur(40px);transform:translate3d(calc(var(--mx)*-35px),calc(var(--sy)*40px),0);pointer-events:none}.scene-specks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-specks i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:var(--accent);opacity:.3;transform:translate3d(calc(var(--mx)*var(--depth)),calc(var(--sy)*var(--depth)),0);animation:speck-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.hero-title{perspective:1000px}.hero-title[data-effect=rise] .word{animation-name:word-rise}.hero-title[data-effect=focus] .word{animation-name:word-focus}.hero-title[data-effect=slice] .word{animation-name:word-slice;animation-duration:1.1s}.hero-title[data-effect=turn] .word{animation-name:word-turn;transform-origin:50% 100%}.hero-title[data-effect=ink] .word{animation-name:word-ink;animation-duration:1.3s}.magnetic-surface{transform:translate3d(var(--button-x,0px),var(--button-y,0px),0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.primary{position:relative;overflow:hidden}.primary::after{content:'';position:absolute;top:-60%;bottom:-60%;left:-40%;width:25%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:rotate(20deg);transition:left .6s;pointer-events:none}.primary:hover::after{left:125%}.chapter.reveal-ready .chapter-head h2{clip-path:inset(0 0 calc((1 - var(--reveal))*100%) 0)}.trading-tool[data-touched=true]{animation:tool-feedback .35s ease}.sample-pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);margin-right:8px}.chapter-head h2{transition:clip-path .5s cubic-bezier(.2,.8,.2,1)}
@keyframes trace-in{to{stroke-dashoffset:0}}@keyframes word-rise{from{opacity:0;transform:translateY(100%) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes word-focus{from{opacity:0;filter:blur(14px);transform:scale(1.1)}to{opacity:1;filter:blur(0);transform:none}}@keyframes word-slice{from{clip-path:inset(100% 0 0);transform:translateY(20px);opacity:0}to{clip-path:inset(0);transform:none;opacity:1}}@keyframes word-turn{from{transform:rotateX(-80deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes word-ink{from{opacity:0;letter-spacing:-.12em;filter:blur(3px)}to{opacity:1;letter-spacing:inherit;filter:blur(0)}}@keyframes speck-drift{to{opacity:.75;translate:0 -18px}}@keyframes tool-feedback{50%{border-color:var(--accent)}}
@media(max-width:1100px){[data-demo-layout=side] .product-preview{grid-template-columns:1fr;gap:30px}[data-demo-layout=side] .preview-intro{display:flex;gap:35px}[data-demo-layout=side] .preview-intro p{margin-top:0}.portfolio-layout{gap:30px}.planner-layout{gap:40px}.allocation-donut{width:270px}.tool-body{padding:26px}.route-options button{padding:20px}.route-options h3{font-size:20px}}
@media(max-width:720px){.product-preview,[data-demo-layout] .product-preview{display:block;padding:45px 0;margin:0;border-inline:0;max-width:100%;background:transparent}.product-preview>.preview-intro,[data-demo-layout] .preview-intro{display:block;text-align:left;margin-bottom:25px}.preview-intro h2,[data-demo-layout] .preview-intro h2{font-size:34px;max-width:100%}.preview-intro p,[data-demo-layout] .preview-intro p{font-size:11px;max-width:100%;margin:18px 0 0}.trading-tool,[data-demo-layout] .trading-tool{transform:none;border-radius:0;box-shadow:0 15px 30px #0002}.tool-header{padding:15px;gap:10px;font-size:9px}.tool-header>div>span{margin-left:5px}.tool-header i{display:none}.sample-label{font-size:7px;padding:4px 5px}.tool-body,[data-demo-layout] .tool-body{padding:20px 16px}.tool-footer{padding:13px 15px;font-size:8px;gap:12px}.tool-footer>span:last-child{display:none}.tool-tabs{gap:5px;margin-bottom:20px}.tool-tabs button{font-size:10px;padding:9px 12px;min-height:40px}.social-feed{grid-template-columns:1fr}.social-post{grid-template-columns:28px 1fr;gap:12px;padding:20px 0}.avatar{width:28px;height:28px}.social-post p{font-size:11px}.social-post header strong{font-size:12px}.social-post header span{font-size:9px}.social-post footer{font-size:8px;gap:12px}.portfolio-layout{grid-template-columns:1fr;gap:30px}.portfolio-orbit{padding:10px}.allocation-donut,[data-demo-layout] .allocation-donut{width:240px}.allocation-donut strong{font-size:34px}.planner-layout,[data-demo-layout] .planner-layout{grid-template-columns:1fr;gap:30px}.tool-results,[data-demo-layout] .tool-results{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.tool-slider>span{font-size:11px}.tool-slider output{font-size:11px}.tool-metric strong{font-size:36px}.tool-label{font-size:9px}.wallet-event,.tool-table-head{grid-template-columns:1.15fr 1fr .8fr;gap:10px}.wallet-event b{font-size:11px}.wallet-event small{font-size:8px}.wallet-event .direction{font-size:10px}.wallet-event>strong{font-size:12px}.tool-table-head{font-size:8px}.depth-book{gap:12px}.depth-level{font-size:10px;padding:8px}.depth-column .tool-label{font-size:8px}.journal-summary{gap:15px}.journal-summary .tool-metric strong{font-size:23px}.journal-summary .tool-metric>span{font-size:8px}.journal-list article{grid-template-columns:40px 1fr auto;gap:10px}.journal-list b{font-size:11px}.journal-list strong{font-size:12px}.journal-list small{font-size:9px}.journal-date{font-size:9px}.event-calendar{grid-template-columns:1fr;gap:5px}.event-item{grid-template-columns:50px 1fr 12px;gap:15px}.event-item h3{font-size:21px}.event-item time strong{font-size:30px}.correlation{grid-template-columns:40px repeat(5,1fr);gap:3px}.correlation>span{font-size:8px}.correlation button{font-size:10px;aspect-ratio:1;min-height:38px}.matrix-note{font-size:10px}.watchlist article{grid-template-columns:26px 1fr 55px;gap:10px}.watchlist .watch-status{display:none}.watchlist b{font-size:12px}.watchlist p{font-size:9px}.watchlist strong{font-size:12px}.watchlist .asset-symbol{width:24px;height:24px}.tool-search input{font-size:11px;padding:12px}.audit-layout{grid-template-columns:1fr;gap:25px}.audit-score>strong{font-size:56px}.audit-score p{max-width:100%}.audit-checks b{font-size:11px}.audit-checks small{font-size:9px}.alert-layout{grid-template-columns:1fr;gap:30px}.alert-preview{padding:22px;box-shadow:5px 7px 0 var(--line)}.alert-preview h3{font-size:28px}.tool-chart{height:190px}.replay-layout{grid-template-columns:1fr;gap:25px}.replay-track{flex-direction:row}.replay-track button{padding:12px 7px;border-left:0;border-bottom:2px solid var(--line);flex:1;min-width:0}.replay-track b{font-size:10px}.replay-track small{font-size:8px}.replay-track button>span{font-size:8px}.replay-screen h3{font-size:24px}.replay-screen p{font-size:11px}.route-options{grid-template-columns:1fr;gap:18px}.route-options button{padding:22px}.route-options h3{font-size:25px}.route-options strong{font-size:30px;margin-top:15px}.route-path{margin-block:20px}.chart-toolbar .tool-tabs button{padding:8px 9px}.chart-labels{font-size:7px;gap:10px}.scene-label,[data-world] .scene-label{transform:none!important;left:10px;top:8%;max-width:120px}.scene-label.right,[data-world] .scene-label.right{left:auto;right:10px;bottom:15%;top:auto}.scene-control{bottom:8px}.scene-haze{filter:blur(25px)}.scene-light{opacity:.3}.scene-specks i:nth-child(n+10){display:none}}
@media(prefers-reduced-motion:reduce){.trading-tool,.magnetic-surface,.allocation-donut,.scene-haze,.scene-specks i{transform:none!important}.hero-title .word,.chart-line,.scene-specks i{animation:none!important;opacity:1;filter:none;clip-path:none;stroke-dashoffset:0}.primary::after{display:none}.chapter.reveal-ready .chapter-head h2{clip-path:none}.correlation button:hover{transform:none}}

/* Bound decorative perspective layers to their own canvas. */
.scene{overflow:clip}.scene-light{inset:0}.scene-geometry{clip-path:inset(0)}

/* Keep explanatory labels inside the clipped perspective canvas. */
[data-world] .scene-label{transform:none;left:14px;max-width:calc(100% - 28px)}
[data-world] .scene-label.right{left:auto;right:14px;bottom:16%}

@media(min-width:761px){.heatmap{width:88%;margin-inline:auto}[data-world=motion] .scene{transform:rotate(15deg) scale(.95)}}