#dc-baan{--ls-papier:#f1f4f6;--ls-vlak:#e4e8eb;--ls-inkt:#0b0d12;--ls-inkt-zacht:#5f656d;--ls-accent:#9d331e;--ls-accent-licht:#b84630;--ls-donker:#0b0d12;--ls-warm:#b84630;--ls-rand:#cdd2d6;height:1000vh;position:relative}#dc-baan :focus-visible{outline:3px solid var(--ls-warm);outline-offset:2px}#dc-baan .intro{z-index:5;text-align:center;pointer-events:none;padding:0 24px;position:absolute;top:52px;left:0;right:0}#dc-baan .intro .eyebrow{font-family:var(--font-chivo-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--ls-inkt-zacht);font-size:12.8px;font-weight:500}#dc-baan .intro .introtitel{font-family:var(--font-archivo), system-ui, sans-serif;color:var(--ls-donker);letter-spacing:-.02em;max-width:42ch;margin:6px auto 4px;font-size:clamp(18px,2.2vw,25px);font-weight:700;line-height:1.2}#dc-baan .intro .scrollhint{font-family:var(--font-chivo-mono), ui-monospace, monospace;color:var(--ls-inkt-zacht);letter-spacing:.02em;margin:8px 0 0;font-size:12px}#dc-baan .intro .pijl{border-right:3px solid var(--ls-warm);border-bottom:3px solid var(--ls-warm);width:13px;height:13px;margin:8px auto 0;animation:1.6s ease-in-out infinite dc-wenk;display:block;transform:rotate(45deg)}@keyframes dc-wenk{0%,to{transform:rotate(45deg)translate(0)}50%{transform:rotate(45deg)translate(5px,5px)}}#dc-toneel{background:var(--ls-papier);place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}#dc-wereld{perspective:1350px;z-index:2;width:min(700px,92vw,118vh);position:relative}#dc-scene{transform-style:preserve-3d;aspect-ratio:16/10;width:100%;position:relative}#dc-baan .laag{border:1px solid var(--ls-rand);transform-style:preserve-3d;will-change:transform, opacity;cursor:pointer;background:#fffdf8;position:absolute;inset:0}#dc-baan .laag:hover{border-color:var(--ls-warm)}#dc-baan .laag:before{content:"";background:#c3c9ce;position:absolute;inset:0;transform:translateZ(-7px)}#dc-baan .laag.donkerplaat:before{background:#05070a}#dc-baan .laag:after{content:"";filter:blur(6px);opacity:.5;background:radial-gradient(#0b0d1259,#0b0d1200 70%);position:absolute;inset:6% 3% -4%;transform:translateZ(-46px)}#dc-baan .laag .vlakinhoud{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;container-type:size}#dc-baan .laag .dimmer{z-index:4;opacity:0;pointer-events:none;background:#1a1d26;position:absolute;inset:0}#dc-baan .laag .etiket{white-space:nowrap;color:var(--ls-donker);opacity:0;align-items:center;gap:8px;font-size:13.5px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:50%;right:calc(100% + 20px);transform:translateY(-50%)}#dc-baan .laag .etiket .draadje{background:var(--ls-accent-licht);width:30px;height:3px}#dc-toneel.nacht .laag .etiket{color:#f1f4f6}@media (max-width:900px){#dc-baan .laag .etiket{display:none}}#dc-sterren{pointer-events:none;opacity:0;position:absolute;inset:0}#dc-dageraad{pointer-events:none;opacity:0;background:linear-gradient(#b8463000 30%,#b846301f 70%,#9d331e29 100%);position:absolute;inset:0}#dc-kolom{transform-origin:top;opacity:0;background:repeating-linear-gradient(#b84630d9 0 6px,#b8463000 6px 18px) 0 0/100% 36px,linear-gradient(#b8463047,#5f656d47) 0 0/100% 100%;width:14px;margin-left:-7px;animation:1.1s linear infinite dc-kolomstroom;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #b8463040}@keyframes dc-kolomstroom{0%{background-position:0 0,0 0}to{background-position:0 36px,0 0}}#dc-baan .puls{background:radial-gradient(circle, #f0cfc6 0 30%, var(--ls-warm) 70%);opacity:0;pointer-events:none;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px 7px #b8463080}#dc-baan .puls.koel{background:radial-gradient(circle,#e4e8eb 0 30%,#5f656d 70%);box-shadow:0 0 16px 6px #5f656d80}#dc-laagtitel{z-index:5;text-align:right;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;position:absolute;top:84px;right:30px;transform:translateY(-8px)}#dc-laagtitel.zichtbaar{opacity:1;transform:none}#dc-laagtitel .nummer{font-family:var(--font-chivo-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--ls-accent);font-size:12.8px;font-weight:600}#dc-laagtitel .naam{font-family:var(--font-archivo), system-ui, sans-serif;font-variation-settings:"wdth" 112;color:var(--ls-donker);text-shadow:0 2px 18px #f1f4f699;letter-spacing:-.02em;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.1;display:block}#dc-toneel.nacht #dc-laagtitel .naam{color:#f1f4f6;text-shadow:0 2px 18px #00000080}#dc-toneel.nacht #dc-laagtitel .nummer{color:#f1f4f6}@media (max-width:700px){#dc-laagtitel{display:none}}#dc-vertel{z-index:5;border:2px solid var(--ls-inkt);opacity:0;background:#f1f4f6f7;width:min(380px,100vw - 48px);padding:16px 20px;transition:opacity .3s,transform .3s;position:absolute;bottom:26px;left:24px;transform:translateY(10px)}#dc-vertel.zichtbaar{opacity:1;transform:none}#dc-vertel .binnenkant{transition:opacity .16s,transform .16s}#dc-vertel.wissel .binnenkant{opacity:0;transform:translateY(7px)}#dc-vertel .klok{font-family:var(--font-chivo-mono), ui-monospace, monospace;color:var(--ls-accent);letter-spacing:.02em;background:#b846300f;border:1px solid;margin-bottom:7px;padding:1px 9px;font-size:11.5px;font-weight:600;display:inline-block}#dc-vertel h3{font-family:var(--font-archivo), system-ui, sans-serif;font-variation-settings:"wdth" 112;color:var(--ls-donker);letter-spacing:-.02em;margin:0 0 6px;font-size:19px;font-weight:700;line-height:1.3}#dc-vertel p{color:#3c4149;margin:0 0 10px;font-size:13.5px;line-height:1.55}#dc-vertel .links{flex-wrap:wrap;gap:6px;display:flex}#dc-vertel .links a{border:1px solid var(--ls-rand);color:var(--ls-inkt);background:#f1f4f6;align-items:center;gap:7px;padding:5px 10px;font-size:12px;text-decoration:none;display:inline-flex}#dc-vertel .links a:hover{border-color:var(--ls-accent)}#dc-laagspoor{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}#dc-laagspoor button{font:inherit;font-family:var(--font-chivo-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--ls-inkt-zacht);background:var(--ls-vlak);border:1px solid var(--ls-rand);cursor:pointer;flex:auto;padding:3px 9px;font-size:10.5px;font-weight:600;transition:border-color .2s,color .2s}#dc-laagspoor button:hover{border-color:var(--ls-warm);color:var(--ls-accent)}#dc-laagspoor button.actief{background:var(--ls-warm);border-color:var(--ls-warm);color:#f1f4f6}@media (prefers-reduced-motion:reduce){#dc-baan .intro .pijl,#dc-kolom{animation:none}#dc-baan{height:auto}#dc-toneel{height:auto;padding:40px 0 20px;position:static}#dc-vertel{opacity:1;margin:20px auto 0;position:static;transform:none}#dc-laagtitel{display:none}}