*{box-sizing:border-box}canvas#output{image-rendering:pixelated}body{background:#000;margin:0;padding:0;overflow-x:hidden}span,li,label{color:#fff}#version{color:#fff;margin:6px 0 10px 5px;font:13px sans-serif}#layer-controls{width:fit-content;max-width:100%;margin-left:5px;font:13px sans-serif}#tab-bar{border-bottom:2px solid #6cf;flex-wrap:wrap;gap:2px;display:flex}#tab-bar button{color:#bbb;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-bottom:none;border-radius:4px 4px 0 0;padding:6px 10px;font:12px sans-serif}#tab-bar button.active{color:#000;background:#6cf;font-weight:700}#tab-bar button[draggable=true]{cursor:grab}#tab-bar button.dragging{opacity:.4}#tab-bar button.drag-over{border-left:3px solid #6cf}.tab-panel{background:#111;border:1px solid #333;border-top:none;padding:12px;display:none}.tab-panel.active{display:block}.tab-panel button{cursor:pointer;color:#fff;background:#222;border:1px solid #555;border-radius:4px;padding:4px 10px}.tab-panel button:hover:not(:disabled){background:#333}.tab-panel button:disabled{cursor:default;opacity:.35}.ctl-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ctl-row label{min-width:70px}.ctl-card{background:#1a1a1a;border:1px solid #333;border-radius:4px;margin:0 0 12px;padding:10px 12px 2px}.ctl-card h4{color:#6cf;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin:0 0 10px;font:700 12px sans-serif;display:flex}.ctl-card .ctl-card-highlight{cursor:crosshair;opacity:.5;-webkit-user-select:none;user-select:none;font-size:13px}.ctl-card .ctl-card-highlight:hover{opacity:1}.ctl-tag{color:#fa0;margin-left:6px;font:700 11px monospace}.ctl-note{color:#888;margin:5px 0;font-size:12px}input[type=text]{color:#fff;background:#222;border:1px solid #555;border-radius:4px;padding:4px 6px}#version a{color:#6cf}#landing{color:#fff;padding:24px;font:14px sans-serif}#landing h1{color:#6cf}#demo-nav{flex-direction:column;gap:8px;margin-top:16px;display:flex}#demo-nav a{color:#6cf;font-size:16px}#basic-controls{grid-template-columns:1fr 1fr;gap:12px;max-width:900px;font:13px sans-serif;display:grid}#scoreboard-controls{grid-template-columns:1fr 1fr 1fr;gap:12px;max-width:900px;font:13px sans-serif;display:grid}#text-info{grid-template-columns:1fr 1fr;gap:12px;max-width:1000px;margin-left:5px;font:13px sans-serif;display:grid}#text-info em{color:#ccc;font-style:italic}#text-info strong{color:#fff}#text-info code{color:#fa0;white-space:nowrap;font:12px monospace}.info-table{border-collapse:collapse;width:100%;margin:8px 0}.info-table th,.info-table td{color:#ddd;text-align:left;vertical-align:top;border-top:1px solid #333;padding:4px 8px 4px 0;font-weight:400;line-height:1.45}.info-table th{white-space:nowrap;color:#888;width:1%}.adv-section{background:#111;border:1px solid #333;border-left-width:4px;border-radius:4px;padding:12px}.adv-section h3{color:#6cf;margin:0 0 8px;font-size:14px}.adv-section button{cursor:pointer;color:#fff;background:#222;border:1px solid #555;border-radius:4px;padding:4px 10px}.adv-section button:hover:not(:disabled){background:#333}.adv-section select{color:#fff;background:#222;border:1px solid #555;border-radius:4px;padding:4px 6px}