:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e0e6ff;background:#070a1a;margin:0;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}header{text-align:center;padding:18px 12px 6px}h1{letter-spacing:2px;color:#fff;margin:0;font-size:34px}h1 span{color:#ffd166}header p{color:#9aa3d6;margin:4px 0 0}main{max-width:980px;margin:0 auto;padding:10px}#stage{background:#0b1026;border:3px solid #2b2f55;border-radius:6px;position:relative;overflow:hidden}canvas{width:100%;height:auto;image-rendering:pixelated;display:block}#drop{background:#0b1026d9;border:3px dashed #ffd166;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.hidden{display:none!important}#controls,#actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}#scrub{accent-color:#ffd166;flex:1}button,.btn,select{color:#e0e6ff;font:inherit;cursor:pointer;background:#1b2045;border:2px solid #3a4080;border-radius:4px;padding:6px 12px}button:hover,.btn:hover{border-color:#ffd166}#play{width:52px;font-size:18px}#status{color:#9aa3d6}#help{color:#b7bee6;margin-top:18px}#help h2{color:#fff;font-size:16px}code{background:#1b2045;border-radius:3px;padding:1px 5px}.privacy{color:#80ff72}a{color:#ffd166}#stage{position:relative}#tip{z-index:5;color:#e0e6ff;pointer-events:none;word-break:break-all;background:#0a0c1eeb;border:1px solid #ffd166;max-width:250px;padding:6px 8px;font:12px/1.4 Courier New,monospace;position:absolute}#tip.hidden{display:none}#tip .bad{color:#ff6b6b}