*{box-sizing:border-box}body{margin:0;background:#0c0c0d;color:#ededed;font-family:Arial,Helvetica,sans-serif}header{height:88px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29292b}.brand{font-size:27px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;color:inherit}.brand span{display:block;font-size:8px;letter-spacing:2px;font-weight:400;margin-top:6px}.tag,#state,.eyebrow,.section-label,.stage-label{font:10px monospace;letter-spacing:1.8px}#state{color:#9d9d9f}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;max-width:1900px;margin:auto}.stage{padding:30px;min-width:0}.screen{position:relative;background:#000;aspect-ratio:16/9;border:1px solid #29292b}canvas{display:block;width:100%;height:100%;object-fit:contain}.screen:fullscreen{height:100vh;width:100vw;display:grid;place-items:center}.screen:fullscreen canvas{height:100%;width:100%;object-fit:contain}.stage-label{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;color:#737378;pointer-events:none;font-size:8px}#expand{position:absolute;right:12px;top:12px;background:#141414b0;padding:6px 10px;font-size:20px}.transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #29292b}button,a#download{border:1px solid #414145;background:transparent;color:#ededed;border-radius:3px;padding:12px 15px;font-size:11px;cursor:pointer;letter-spacing:.4px;text-decoration:none}button:hover,a#download:hover{background:#29292c;border-color:#929297}button:disabled{opacity:.4;cursor:wait}.primary{background:#ededed;color:#080808;border-color:#ededed}.primary:hover{background:white}#progress{font:10px monospace;color:#999;margin-left:auto}.score{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.eyebrow{color:#888}h1{font-size:clamp(32px,5vw,78px);letter-spacing:-3px;margin:6px 0;overflow-wrap:anywhere}#morse{font:18px monospace;max-width:50%;text-align:right;line-height:2;overflow-wrap:anywhere;color:#b9b9bd}.concept{font-size:14px;color:#98989e;line-height:1.7;max-width:530px}aside{padding:28px 24px;border-left:1px solid #29292b;max-height:calc(100vh - 88px);overflow:auto;position:sticky;top:0}.section-label{color:#777780;margin-bottom:20px;margin-top:29px}.section-label:first-child{margin-top:0}label{display:block;font-size:11px;margin:17px 0;color:#c3c3c8}output{float:right;color:white;font:10px monospace}input[type=range]{display:block;width:100%;margin:14px 0 22px;accent-color:#e5e5e5;height:3px;cursor:pointer}input[type=text],input:not([type]),select{width:100%;border:1px solid #414145;color:white;background:#141416;padding:12px;font:12px monospace;border-radius:3px}.word-entry{display:flex;gap:7px}.word-entry input{min-width:0}.wide{width:100%;margin-top:10px}#source,.hint{font-size:10px;line-height:1.7;color:#85858e}#source a{color:#bbb}.check{display:flex;gap:8px;align-items:center}input[type=checkbox]{accent-color:white}#status{font:11px monospace;line-height:1.6;color:#d4d4da}#export{padding:20px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}#export[hidden]{display:none}#export video{width:200px;background:#000}#export span{font:10px monospace;color:#999}@media(max-width:900px){main{grid-template-columns:1fr}aside{position:static;max-height:none;border-left:0;border-top:1px solid #29292b;display:block}.stage{padding:18px}.tag{display:none}header{padding:0 20px;height:74px}#progress{width:100%;margin:8px 0}.score{margin-top:20px}.stage-label{bottom:9px;left:9px;right:9px;font-size:6px}h1{letter-spacing:-1px}}

.audition{display:flex;gap:5px}.audition button{flex:1;padding:10px 4px;font-size:10px}.brand span{letter-spacing:1px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:4px}

.edition{font:11px monospace;color:#aaa;letter-spacing:1px}.edition.prime{color:#eeff00;text-shadow:0 0 14px #ff1493}

.gallery-link,#print-result a{color:#eee;font:12px monospace;display:inline-block;margin:12px 0}#print-result{display:grid;gap:10px}#print-result[hidden]{display:none}.transport #print{background:#ededed;color:#111}.stage-label{font-size:10px}.hint,#source{font-size:11px}.section-label{font-size:11px}button{min-height:42px}a:focus-visible{outline:2px solid #fff}
dialog{background:#111;color:#e4f7ea;border:1px solid #4a6555;width:min(420px,90vw);padding:25px}dialog::backdrop{background:#000b}dialog input{width:100%;padding:13px;background:#080c09;border:1px solid #45634f;color:white;font:inherit}dialog h2{font-size:22px}#publish-error{color:#edb4a2;font-size:13px}#publish-name{font:13px monospace}
