:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#141414;background:#f1f0e8;font-synthesis:none;--ink:#141414;--acid:#e4ff43;--muted:#575850;--line:#141414}*{box-sizing:border-box}body{margin:0}main{max-width:1480px;margin:auto;padding:30px 42px 28px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.wordmark{font-size:clamp(38px,6.2vw,88px);line-height:.96;letter-spacing:-.065em;font-weight:900;color:inherit;text-decoration:none}.wordmark span{display:inline-block;color:var(--ink);background:var(--acid);font-size:.72em;line-height:.85;padding:0 .12em .13em;margin-left:.15em;vertical-align:.04em;transform:rotate(-7deg)}.edition{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5;text-transform:uppercase;max-width:150px;letter-spacing:.06em;padding-bottom:3px}.drawing{height:clamp(350px,57vh,690px);position:relative;border:3px solid var(--ink);background:#191b22;overflow:hidden}canvas{display:block;width:100%;height:100%}.canvas-bottom{position:absolute;left:20px;right:20px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums}#status{background:var(--acid);color:var(--ink);padding:7px 10px;font-weight:700;line-height:1.4;max-width:72%}#time-label{color:#c0c6d4;text-align:right;padding-bottom:7px}.controls{display:flex;gap:24px;align-items:center;padding:21px 0;border-bottom:3px solid var(--ink)}button,select{font:inherit;color:inherit;cursor:pointer}button{border:2px solid var(--ink);background:transparent;border-radius:0;padding:12px 15px;font-size:13px;font-weight:750;white-space:nowrap;transition:background .12s,box-shadow .12s}button:hover{background:#fff;box-shadow:3px 3px 0 var(--ink)}button:active{box-shadow:none}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #bd39ac;outline-offset:4px}.transport{display:flex;gap:8px}#play{min-width:106px;display:flex;justify-content:space-between;gap:18px;background:var(--ink);color:var(--acid)}#play:hover{background:#373737}.icon-button{font-size:24px;line-height:19px;padding:12px}.detail{flex:1;min-width:150px;font-size:12px;font-weight:800}.detail>span{display:flex;justify-content:space-between;margin-bottom:9px;text-transform:uppercase;letter-spacing:.04em}output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);font-size:11px;letter-spacing:0;text-transform:none;font-weight:500;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;height:6px;margin:7px 0;background:var(--ink);cursor:pointer;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:22px;background:var(--acid);border:2px solid var(--ink);border-radius:0}input[type=range]::-moz-range-thumb{width:13px;height:18px;background:var(--acid);border:2px solid var(--ink);border-radius:0}.compact{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}select{padding:10px 8px;border:2px solid var(--ink);background:transparent;border-radius:0;font-size:13px;font-weight:700}.primary{margin-left:auto;background:var(--acid);padding:13px 18px;box-shadow:4px 4px 0 var(--ink)}.primary:hover{background:#edff85;box-shadow:6px 6px 0 var(--ink)}.primary span{margin-left:23px;font-size:18px}.options{display:flex;align-items:center;gap:24px;padding:17px 0;color:var(--muted);font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.options label{display:flex;align-items:center;gap:7px;cursor:pointer}.options input{accent-color:var(--ink);margin:0;width:15px;height:15px}.seed{margin-left:auto;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.seed button{font-size:11px;border:0;text-decoration:underline;text-underline-offset:3px;padding:3px 0 3px 10px;color:var(--ink);font-weight:600}.seed button:hover{background:transparent;box-shadow:none}footer{border-top:1px solid #c4c4ba;padding-top:16px;font-size:13px;line-height:1.7;color:var(--muted)}details{max-width:720px}summary{cursor:pointer;color:var(--ink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;width:fit-content}details p{margin:16px 0 0}details[open]{padding-bottom:10px}@media(max-width:1050px){main{padding:26px}.controls{gap:18px;flex-wrap:wrap}.detail{flex-basis:40%}.primary{margin-left:auto}.options{flex-wrap:wrap;gap:16px}.seed{margin-left:auto}.edition{max-width:120px;font-size:10px}}@media(max-width:600px){main{padding:20px 16px}header{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:20px}.wordmark{font-size:clamp(32px,8.3vw,49px)}.edition{max-width:none;font-size:9px}.drawing{height:50vh;min-height:330px}.canvas-bottom{left:11px;right:11px;bottom:12px;font-size:9px;gap:8px}#status{padding:6px 7px;max-width:70%}.controls{gap:16px 14px;padding:20px 0}.transport{gap:6px}#play{min-width:90px;padding:11px 12px}.icon-button{padding:11px 10px}.detail{min-width:120px;flex-basis:calc(100% - 175px)}.compact{font-size:11px;gap:7px}select{padding:9px 5px}.primary{font-size:11px;padding:11px 10px;box-shadow:3px 3px 0 var(--ink)}.primary span{margin-left:7px;font-size:15px}.options{font-size:10px;gap:14px}.seed{margin-left:0;flex-basis:100%}summary{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none}}