:root{--porcelain:#eaedef;--ink:rgba(234,237,239,.88);--ink-dim:rgba(234,237,239,.6);--ink-faint:rgba(234,237,239,.5);--hairline:rgba(255,255,255,.22);--signal:#9fd8d4;--serif:"Newsreader","Iowan Old Style",Georgia,serif;--sans:"Switzer","Helvetica Neue",-apple-system,sans-serif;--mono:"Fragment Mono",ui-monospace,"SF Mono",Menlo,monospace;}*{box-sizing:border-box;}html,body{margin:0;height:100%;background:#000;color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;}#stage{position:fixed;inset:0;overflow:hidden;cursor:ns-resize;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--mono);font-weight:400;letter-spacing:.14em;text-transform:lowercase;font-size:11px;}.corner{position:absolute;padding:18px 20px;}.tl{top:0;left:0;}.tr{top:0;right:0;text-align:right;}.bl{bottom:0;left:0;max-width:min(78vw,420px);}.depth{font-family:var(--mono);font-weight:400;text-transform:none;letter-spacing:-.04em;font-size:clamp(30px,7vw,52px);line-height:1;color:var(--porcelain);font-variant-numeric:tabular-nums;}.depth small{font-size:.34em;letter-spacing:0;color:var(--ink-dim);text-transform:lowercase;}.zone{margin-top:8px;color:var(--signal);opacity:.9;}.meta{color:var(--ink-dim);line-height:1.8;}.log{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:.005em;font-size:15px;line-height:1.65;color:var(--ink-dim);}.log p{margin:0 0 6px;opacity:0;transform:translateY(6px);transition:opacity 1.1s ease,transform 1.1s ease;}.log p.in{opacity:.85;transform:none;}.brand-bar{position:fixed;top:0;left:0;right:0;height:52px;border-bottom:1px solid var(--hairline);z-index:4;pointer-events:none;}.ruler{position:absolute;top:52px;left:32px;height:calc(100% - 52px);width:1px;background:linear-gradient(var(--hairline),transparent 60%);opacity:.5;}.tick{position:absolute;right:0;width:9px;height:1px;background:var(--hairline);}.marker{position:absolute;right:-4px;width:9px;height:9px;margin-top:-4px;border:1px solid var(--signal);border-radius:50%;background:rgba(159,216,212,.12);box-shadow:0 0 10px rgba(159,216,212,.4);transition:top .15s linear;}.intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;transition:opacity 1.4s ease;}.intro.gone{opacity:0;}.title{font-family:var(--sans);font-weight:300;font-size:clamp(40px,10vw,96px);letter-spacing:-.03em;line-height:1.04;margin:0;text-transform:lowercase;color:var(--porcelain);}.sub{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(16px,2.6vw,21px);color:var(--ink);opacity:.85;}.hint{font-family:var(--mono);font-weight:400;font-size:11px;text-transform:lowercase;letter-spacing:.16em;color:var(--ink-dim);margin-top:18px;animation:pulse 3.4s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:.9}}.fallback{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:18px;}.fallback .title{font-size:clamp(40px,11vw,90px);}.fallback p{font-family:var(--serif);font-style:italic;max-width:30ch;color:var(--ink-dim);line-height:1.5;}.vis-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}@media (prefers-reduced-motion:reduce){.hint{animation:none;}}html[lang="en"] [data-l="de"]{display:none!important}html[lang="de"] [data-l="en"]{display:none!important}#langToggle{position:fixed;bottom:1rem;right:18px;z-index:6;font-family:var(--mono);font-weight:400;font-size:.62rem;letter-spacing:.2em;text-transform:lowercase;opacity:.5;background:none;border:0;color:var(--ink-dim);cursor:pointer;pointer-events:auto;transition:opacity .15s linear;}#langToggle:hover{opacity:1;color:var(--ink);}.ruler{pointer-events:auto;cursor:ns-resize;}.marker{pointer-events:none;}.ending{position:absolute;left:0;right:0;bottom:9%;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:0 24px;opacity:0;pointer-events:none;transition:opacity 2.2s ease;}.ending.show{opacity:1;pointer-events:auto;}.ending .efin{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(16px,2.4vw,22px);color:var(--porcelain);max-width:32ch;line-height:1.55;}.ending .elinks{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:lowercase;}.ending .elinks a,.ending .elinks button{color:var(--ink-dim);text-decoration:none;background:none;border:0;cursor:pointer;font:inherit;letter-spacing:inherit;transition:color .2s;}.ending .elinks a:hover,.ending .elinks button:hover{color:var(--porcelain);}.home-link{position:fixed;top:18px;left:24px;z-index:6;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.22em;text-transform:none;opacity:.85;color:var(--porcelain);text-decoration:none;text-shadow:0 1px 12px rgba(0,0,0,.75);transition:opacity .15s;}.home-link:hover{opacity:1;color:var(--porcelain);}@media (prefers-reduced-motion:reduce){.ending{transition:opacity .01s;}}.zone{display:block;margin-top:6px;font-size:10px;letter-spacing:.14em;color:var(--ink-dim);opacity:.6;text-shadow:0 1px 12px rgba(0,0,0,.7);}.meta{display:none;}.corner.tl{padding:16px 18px 16px 46px;}.depth{font-size:clamp(13px,1.8vw,18px);letter-spacing:0;color:var(--ink-dim);opacity:.5;}.depth small{opacity:.7;}.ruler{opacity:.32;}.bl{left:0;right:0;bottom:auto;top:62%;max-width:none;padding:0 10vw;display:flex;justify-content:center;text-align:center;}.log{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(16px,2.0vw,22px);letter-spacing:0;text-transform:none;line-height:1.5;color:var(--porcelain);max-width:40ch;}.log p{margin:0;opacity:0;transition:opacity 1.2s ease;text-shadow:0 1px 18px rgba(0,0,0,.85);}.log p.in{opacity:.92;}.hud::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.30),transparent 16%,transparent 80%,rgba(0,0,0,.40));}.depth{opacity:.62;text-shadow:0 1px 14px rgba(0,0,0,.75);}.home-link{top:18px;left:24px;bottom:auto;}.corner.tl{top:42px;}.cue{position:fixed;left:50%;bottom:6%;transform:translateX(-50%);z-index:5;width:24px;height:24px;color:var(--ink-dim);opacity:0;pointer-events:none;transition:opacity 1.1s ease;}.cue svg{width:100%;height:100%;display:block;}.cue.show{opacity:.42;animation:cuebob 2.8s ease-in-out infinite;}@keyframes cuebob{0%,100%{transform:translateX(-50%) translateY(-3px);}50%{transform:translateX(-50%) translateY(5px);}}@media (prefers-reduced-motion:reduce){.cue.show{animation:none;}}@media (max-width:560px){.corner{padding:13px 14px;}.depth{font-size:14px;}.bl{top:58%;padding:0 7vw;}.log{font-size:15px;letter-spacing:0;}}.note-mono{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.14em;}
/* menu hairline matched to home + playground (token stays .22 for the ruler) */
.brand-bar{border-bottom-color:rgba(255,255,255,.08);}