:root{font-family:Arial,sans-serif;color:#e9e4d8;background:#151d20;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{font:inherit}button{background:none;border:1px solid #5d6767;color:inherit;border-radius:3px;padding:10px 13px;cursor:pointer}button:hover{background:#f47852;color:#11191c;border-color:#f47852}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #eac36a;outline-offset:3px}a{color:inherit;text-decoration:none}header{padding:30px 4vw;display:flex;justify-content:space-between;border-bottom:1px solid #435052;font-size:12px;letter-spacing:.12em}.intro{padding:65px 4vw 45px;display:flex;justify-content:space-between;align-items:end}.intro small,small{font-size:10px;letter-spacing:.12em;color:#b5bdbb}h1{font-size:clamp(38px,5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:20px 0 0}h1 em{font-family:Georgia,serif;color:#f47852;font-weight:400}p{font-size:14px;line-height:1.65;color:#b7c0bd}h2{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.13}.studio{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);margin:0 4vw;border:1px solid #435052}.stage{background:#11191c;padding:23px}.stagehead{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.viewport{height:min(60vw,540px);display:flex;align-items:center;justify-content:center}.viewport canvas{width:auto!important;height:100%!important;max-width:100%;aspect-ratio:1;object-fit:contain}.ruler{display:flex;justify-content:space-between;border-top:1px solid #435052}.ruler button{border:0;font-family:Georgia,serif}.scrub{display:block;font-size:12px}.scrub input{width:100%;accent-color:#f47852;margin:18px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.small{font-size:11px;line-height:1.6}aside{padding:38px;border-left:1px solid #435052}aside>button{margin:6px 0;display:block;width:100%}.score{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid #435052;font-size:12px}.score b{font-size:28px;font-family:Georgia,serif;font-weight:400;color:#f47852}.score span:nth-child(2){flex:1}.score small{display:block;font-size:9px;letter-spacing:0;margin-top:5px}.status{margin:20px 4vw;color:#eac36a}.author{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:45px 4vw 65px}.object{display:flex;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #435052;font-size:12px;flex-wrap:wrap}.object strong{flex:1}.object small{display:block;margin-top:5px}.object input{width:70px;background:#11191c;color:inherit;border:1px solid #596361;padding:8px}.editorhead{font-size:11px;display:flex;justify-content:space-between;margin-bottom:16px}textarea{width:100%;height:460px;background:#0e171a;color:#c8d7ce;border:1px solid #435052;padding:20px;font-family:monospace;font-size:12px;line-height:1.5;resize:vertical}.keep{border-block:1px solid #435052;margin:0 4vw;padding:35px 0;display:flex;gap:40px;justify-content:space-between;align-items:center}.keep .actions{max-width:440px}footer{display:flex;justify-content:space-between;gap:8vw;padding:40px 4vw}footer>div{max-width:560px}footer p{font-size:10px}footer button{font-size:10px;margin-right:8px}@media(max-width:800px){header span:nth-child(2){display:none}.intro{display:block;padding-top:35px}.intro p{margin-top:25px}.studio,.author{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #435052;padding:25px}.viewport{height:80vw}.author{gap:35px}.keep,footer{display:block}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}main{min-height:100vh}.stagehead>span:first-child,.object strong{overflow-wrap:anywhere;max-width:65%}
