#dc-baan{--ls-papier:#f4f1ea;--ls-vlak:#ebe5d6;--ls-inkt:#0b0d12;--ls-inkt-zacht:#6b7180;--ls-accent:#1b5e3f;--ls-accent-licht:#2d8659;--ls-donker:#0b0d12;--ls-warm:#d97706;--ls-rand:#d9d3c6;height:1000vh;position:relative}#dc-baan :focus-visible{outline:3px solid var(--ls-warm);outline-offset:2px;border-radius:3px}#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-dc-mono), Consolas, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ls-inkt-zacht);font-size:11px;font-weight:600}#dc-baan .intro .introtitel{font-family:var(--font-dc-display), 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-dc-mono), Consolas, monospace;color:var(--ls-inkt-zacht);letter-spacing:.18em;text-transform:uppercase;margin:8px 0 0;font-size:11px}#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;border-radius:14px;position:absolute;inset:0}#dc-baan .laag:hover{border-color:var(--ls-warm)}#dc-baan .laag:before{content:"";background:#c9c2b2;border-radius:14px;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%);border-radius:16px;position:absolute;inset:6% 3% -4%;transform:translateZ(-46px)}#dc-baan .laag .vlakinhoud{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0;overflow:hidden;container-type:size}#dc-baan .laag .dimmer{z-index:4;opacity:0;pointer-events:none;background:#1a1d26;border-radius:14px;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);border-radius:2px;width:30px;height:3px}#dc-toneel.nacht .laag .etiket{color:#ede9df}@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(#d9770600 30%,#d9770621 70%,#f59e0b29 100%);position:absolute;inset:0}#dc-kolom{transform-origin:top;opacity:0;background:repeating-linear-gradient(#d97706d9 0 6px,#d9770600 6px 18px) 0 0/100% 36px,linear-gradient(#d9770647,#2d865947) 0 0/100% 100%;border-radius:7px;width:14px;margin-left:-7px;animation:1.1s linear infinite dc-kolomstroom;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #d9770640}@keyframes dc-kolomstroom{0%{background-position:0 0,0 0}to{background-position:0 36px,0 0}}#dc-baan .puls{background:radial-gradient(circle, #ffe3c2 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 #d977068c}#dc-baan .puls.koel{background:radial-gradient(circle, #d9efe3 0 30%, var(--ls-accent-licht) 70%);box-shadow:0 0 16px 6px #2d865980}#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-dc-mono), Consolas, monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--ls-warm);font-size:12px;font-weight:600}#dc-laagtitel .naam{font-family:var(--font-dc-display), system-ui, sans-serif;color:var(--ls-donker);text-shadow:0 2px 18px #f4f1ea99;letter-spacing:-.02em;font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.1;display:block}#dc-toneel.nacht #dc-laagtitel .naam{color:#f1ede2;text-shadow:0 2px 18px #00000080}@media (max-width:700px){#dc-laagtitel{display:none}}#dc-vertel{z-index:5;border:1px solid var(--ls-rand);opacity:0;background:#fffdf8f5;border-radius:14px;width:min(380px,100vw - 48px);padding:16px 20px;transition:opacity .3s,transform .3s;position:absolute;bottom:26px;left:24px;transform:translateY(10px);box-shadow:0 16px 40px #0b0d1233}#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-dc-mono), Consolas, monospace;color:var(--ls-warm);letter-spacing:.06em;text-transform:uppercase;background:#d9770612;border:1px solid;border-radius:999px;margin-bottom:7px;padding:1px 11px;font-size:11px;font-weight:600;display:inline-block}#dc-vertel h3{font-family:var(--font-dc-display), system-ui, sans-serif;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:#fffdf8;border-radius:8px;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-dc-mono), Consolas, monospace;letter-spacing:.04em;color:var(--ls-inkt-zacht);background:var(--ls-vlak);border:1px solid var(--ls-rand);cursor:pointer;border-radius:999px;flex:auto;padding:3px 9px;font-size:10px;font-weight:600;transition:border-color .2s,color .2s}#dc-laagspoor button:hover{border-color:var(--ls-warm);color:var(--ls-warm)}#dc-laagspoor button.actief{background:var(--ls-warm);border-color:var(--ls-warm);color:#fff}@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}}