*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}body{background:#191630;color:#d3c5ed;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif}body[data-edition=signal]{background:#060b1a;color:#91cde9}canvas{display:block;width:100%;height:100%}header{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:start;justify-content:space-between;gap:20px;pointer-events:none;text-shadow:0 2px 12px #050819}.identity a,.compare{pointer-events:auto;color:inherit;text-decoration:none;font:9px monospace;letter-spacing:1.5px}.identity h1{font-size:16px;font-weight:400;letter-spacing:3px;margin:9px 0 0}.edition{font:9px/1.8 monospace;letter-spacing:2px;text-align:right;opacity:.8}.compare{font-size:10px;display:inline-block;margin-top:9px;border-bottom:1px solid #aaa4cb55;padding-bottom:4px}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0c0a2444,transparent 16%,transparent 80%,#090923b8)}footer{position:absolute;bottom:23px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;gap:30px}.scene-label{font:10px monospace;letter-spacing:2px}.scene-note{margin:9px 0 0;font-size:11px;letter-spacing:1px;color:#e0d8ef99}.buttons{display:flex;gap:6px;align-items:center}button{font:10px Arial,sans-serif;color:inherit;background:#0b102b88;border:1px solid #a3a4dc44;border-radius:20px;padding:10px 13px;cursor:pointer;backdrop-filter:blur(8px)}button:hover{background:#7267a977;border-color:#b4bdf5aa}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bef1fb;outline-offset:4px}.timeline{display:flex;align-items:center;gap:14px;font:9px monospace;margin-top:12px;color:#b7b7d8}.timeline input{appearance:none;height:2px;width:210px;background:#9091b54d;cursor:pointer}.timeline input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#e0c8ff}.timeline input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#e0c8ff}.timeline span{font-variant-numeric:tabular-nums}.mobile-hint{display:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#14152b;font:11px monospace;letter-spacing:3px;pointer-events:none;transition:opacity .7s}#loading.done{opacity:0}body[data-edition=signal] #loading{background:#060b1a}@media(max-width:700px){header{left:20px;right:20px;top:22px}.identity h1{font-size:12px;letter-spacing:2px}.identity a,.edition{font-size:8px;letter-spacing:1px}.compare{font-size:8px;letter-spacing:.5px}.edition{max-width:130px}footer{left:20px;right:20px;bottom:22px;display:block}.scene-label{font-size:9px}.scene-note{font-size:9px;margin-top:8px}.playback{margin-top:17px}.buttons{justify-content:space-between}button{font-size:9px;padding:10px 12px;min-height:44px;flex:1}.timeline input{flex:1;width:auto}.mobile-hint{display:block;font-size:8px;letter-spacing:1px;opacity:.6;margin-top:12px}}@media(max-height:600px) and (min-width:701px){header{top:16px}.identity h1{font-size:13px}footer{bottom:14px}.scene-note{display:none}.timeline{margin-top:6px}button{padding:8px 11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}