.landing{max-width:1240px;margin:auto;padding:32px 40px}.landing header{display:flex;justify-content:space-between;align-items:center}.test-label,.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--teal)}.test-label{letter-spacing:.03em}.intro{padding:76px 0 48px;position:relative}.intro h1{font-family:Clafoutis,sans-serif;font-size:clamp(48px,7vw,86px);font-weight:400;line-height:1.08;color:var(--teal);margin:18px 0 22px}.intro h1 span{background:var(--lime);padding:0 12px;border-radius:16px}.intro>p:not(.eyebrow){color:#67675a}.theme-select{max-width:380px;margin-top:28px}select,textarea{width:100%;font:inherit;border:2px solid #e3e1d4;border-radius:10px;padding:13px;background:white;color:var(--inkt)}select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:2px}.studio{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:46px;border-top:1px solid #d5d6c7;padding-top:38px}#gegevens{align-content:start;gap:19px;position:sticky;top:24px}#gegevens h2{margin:0;font-size:29px;line-height:1.3}.hint{font-size:13px;color:#66695d;line-height:1.6}.result{background:#fff;border:1px solid #e3e1d4;border-radius:20px;padding:22px;margin-bottom:24px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.result a{font-size:13px;color:var(--teal)}#previewImg{display:block;width:100%;max-height:610px;object-fit:contain;margin:20px 0;border-radius:10px}#video{display:block;width:100%;background:#182422;border-radius:10px;margin:18px 0}.video-actions{display:flex;align-items:center;gap:20px;margin-top:15px}.video-actions button{font-size:17px;padding:12px 18px}.landing footer{padding:40px 0;font-size:13px;color:var(--teal)}@media(max-width:760px){.landing{padding:24px 20px}.test-label{display:none}.intro{padding:45px 0 32px}.studio{grid-template-columns:1fr;gap:28px}#gegevens{position:static}.result{padding:16px}.result-head{flex-wrap:wrap}}
.video-stage{position:relative;margin:18px 0;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#182422}.video-stage #video{margin:0;height:100%}.video-busy{position:absolute;inset:0;z-index:1;background:#eef6cdf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:16px;color:var(--teal)}.video-busy strong{font-family:Clafoutis,sans-serif;font-size:22px}.video-busy span{font-size:13px}.video-busy progress{width:75%;height:10px;accent-color:var(--teal)}.video-spinner{width:28px;height:28px;border:3px solid #b8c89e;border-top-color:var(--teal);border-radius:50%;animation:video-spin .8s linear infinite}#videoStatus[data-state="error"]{background:#fbeaea;color:#8f2727;padding:12px;border-radius:8px}#videoStatus[data-state="ready"]{color:var(--teal);font-weight:600}@keyframes video-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.video-spinner{animation:none}}

.game-preview-link{display:inline-flex;align-items:center;gap:16px;padding:13px 20px;background:var(--teal);color:white!important;border-radius:10px;text-decoration:none;font-weight:700}.game-preview-link:focus-visible{outline:3px solid var(--teal);outline-offset:4px}