:root{--bg:#f5f3ee;--ink:24, 25, 27;--glow:0 0 3px var(--bg), 0 0 6px var(--bg), 0 0 11px var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-palette=dark]{--bg:#0f1012;--ink:233, 231, 226;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-palette]){--bg:#0f1012;--ink:233, 231, 226}}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}#stage{letter-spacing:.05em;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;position:fixed;inset:0;overflow:hidden}#view{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{color:rgba(var(--ink), .62);text-shadow:var(--glow);pointer-events:none;white-space:pre;transition:color .45s;position:absolute;bottom:15px;left:18px}#sound-hint{color:rgba(var(--ink), .62);text-shadow:var(--glow);pointer-events:none;transition:color .45s;position:absolute;bottom:15px;right:44px}#sound-hint[hidden],#settings[hidden]{display:none}#gear{color:rgba(var(--ink), .55);cursor:pointer;filter:drop-shadow(0 0 3px var(--bg));background:0 0;border:none;padding:6px;transition:color .3s,transform .35s;position:absolute;bottom:9px;right:11px}#gear:hover,#gear[aria-expanded=true]{color:rgba(var(--ink), .95);transform:rotate(60deg)}#gear svg{display:block}#gear:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:1px dotted rgba(var(--ink), .6);outline-offset:2px}#settings{width:268px;color:rgba(var(--ink), .74);text-shadow:var(--glow);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(var(--ink), .14);overscroll-behavior:contain;flex-direction:column;gap:10px;max-height:calc(100% - 70px);padding:12px 14px;transition:color .45s;display:flex;position:absolute;bottom:44px;right:18px;overflow-y:auto}.set-row{align-items:center;gap:10px;min-height:16px;display:flex}.set-label{width:68px;color:rgba(var(--ink), .5);flex-shrink:0}.set-value{text-align:right;flex-shrink:0;width:42px}.seg{flex-wrap:wrap;flex:1;align-items:center;gap:2px 12px;display:flex}.seg select{font:inherit;letter-spacing:inherit;color:rgba(var(--ink), .85);cursor:pointer;background:0 0;border:none;padding:0}.seg button,.link-btn{font:inherit;letter-spacing:inherit;color:rgba(var(--ink), .45);text-shadow:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.seg button:hover,.link-btn:hover{color:rgba(var(--ink), .85)}.seg button[aria-pressed=true]{color:rgba(var(--ink), .95);text-underline-offset:3px;text-decoration:underline}.color-well{cursor:pointer;align-items:center;gap:6px;display:flex}input[type=color]{border:1px solid rgba(var(--ink), .5);cursor:pointer;appearance:none;background:0 0;width:16px;height:16px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:1px}input[type=color]::-webkit-color-swatch{border:none}input[type=color]::-moz-color-swatch{border:none}input[type=range]{appearance:none;cursor:ew-resize;touch-action:none;background:0 0;flex:1;min-width:0;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:rgba(var(--ink), .3);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bg);border:1px solid rgba(var(--ink), .74);border-radius:0;width:8px;height:8px;margin-top:-3.5px}input[type=range]::-moz-range-track{background:rgba(var(--ink), .3);height:1px}input[type=range]::-moz-range-thumb{background:var(--bg);border:1px solid rgba(var(--ink), .74);border-radius:0;width:8px;height:8px}.set-footer{color:rgba(var(--ink), .3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 10px;margin-top:2px;display:flex}