:root{font-family:Inter,Arial,sans-serif;background:#142426;color:#eceddf;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;width:100%;padding:4vw}header{display:flex;justify-content:space-between;gap:2rem;align-items:center}h1{font-size:clamp(3rem,7vw,7rem);line-height:.98;margin:1rem 0;letter-spacing:-.05em}h1 em{color:#ffcc74;font-family:Georgia,serif;font-weight:400}small{letter-spacing:.15em;color:#99d9c6}p{line-height:1.7;max-width:70ch;color:#c3d1cb}.badge{font:5rem Georgia;background:#244042;border:1px solid #64827c;border-radius:50%;padding:2rem;min-width:210px;text-align:center}.badge span{display:block;font:12px Arial;line-height:1.5}nav,.play{display:flex;gap:.6rem;flex-wrap:wrap;margin:2rem 0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #76958b;background:#20383a;color:#f1efdd;padding:.8rem 1rem;border-radius:4px}button:hover{background:#345451}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffcc74;outline-offset:3px}.primary{background:#ffcc74;color:#17262a;font-weight:700}.stage,article,footer{padding:2rem;border:1px solid #4f6963;background:#1b3032;border-radius:12px;margin:1.3rem 0}.stagehead{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}svg{width:100%;display:block;background:#142426;border-radius:8px}svg text{fill:#c3d1cb}h2{font-weight:500;letter-spacing:-.03em}.grid{display:grid;grid-template-columns:1fr 1.3fr;gap:1.5rem}label{display:block;margin:1rem 0;color:#cbd8d1}input:not([type=file]),textarea{display:block;width:100%;background:#101f22;border:1px solid #58776e;color:#fff;padding:.7rem;border-radius:3px}input[type=range]{padding:0}textarea{height:25rem;font:12px monospace;resize:vertical}table{width:100%;border-collapse:collapse}td,th{padding:.6rem;text-align:left;border-bottom:1px solid #3a5652}.table{overflow:auto}footer button{margin:.3rem}strong{padding:.8rem;color:#99d9c6}@media(max-width:750px){header{display:block}.badge{display:none}.grid{grid-template-columns:1fr}.stage,article,footer{padding:1rem}main{padding:5vw}h1{font-size:3.4rem}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}.stage{animation:enter .5s ease-out}@keyframes enter{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}}