/* W-007: ink modules on mist, one steel module. The blinking 1 is the play button. */
.bug1024-work{box-sizing:border-box;width:100%;max-width:none;margin:0!important;padding:96px 32px!important;background:var(--brand-paper);color:var(--brand-ink)}
.bug1024-work *{box-sizing:border-box}
.bug1024-shell{max-width:1120px;margin:0 auto}
.bug1024-head{max-width:720px}
.bug1024-meta{display:flex;gap:14px;margin:0 0 18px;font:12px/1.5 "SFMono-Regular","SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--brand-slate)}
.bug1024-head h1{position:relative;margin:0;font:600 clamp(2.4rem,4.4vw,3.6rem)/1.2 "Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:-.03em}
.bug1024-head h1::before{content:"";position:absolute;left:-14px;top:calc(.5lh - 2px);width:4px;height:4px;border-radius:50%;background:var(--brand-red);pointer-events:none}
.bug1024-stage{display:block;width:100%;margin:72px 0 0;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bug1024-stage canvas{display:block;width:100%;height:auto}
.bug1024-stage:focus{outline:none}
.bug1024-stage:focus-visible{outline:2px solid var(--brand-steel);outline-offset:10px}
.is-playing .bug1024-stage{cursor:default}
.bug1024-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bug1024-fallback{display:block;width:100%;height:auto;margin-top:72px}
/* One quiet status line: progress, time, sound. Everything else is in the picture. */
.bug1024-status{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;margin:56px 0 0;font:12px/1.5 "SFMono-Regular","SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--brand-slate)}
.bug1024-track{grid-column:1/-1;position:relative;display:block;height:1px;background:var(--brand-line)}
.bug1024-track i{position:absolute;inset:0;background:var(--brand-ink);transform:scaleX(0);transform-origin:left}
.bug1024-cue{justify-self:start;padding:0;border:0;background:none;color:var(--brand-ink);font:inherit;cursor:pointer}
.bug1024-cue:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}
.bug1024-cue:focus-visible{outline:2px solid var(--brand-steel);outline-offset:4px}
.is-playing .bug1024-cue{color:var(--brand-slate);cursor:default}
.is-playing .bug1024-cue:hover{text-decoration:none}
.bug1024-sound{padding:0;border:0;background:none;color:var(--brand-slate);font:inherit;cursor:pointer}
.bug1024-sound:hover{color:var(--brand-ink)}
.bug1024-sound[aria-pressed="false"]{text-decoration:line-through;text-decoration-thickness:1px}
.bug1024-sound:focus-visible{outline:2px solid var(--brand-steel);outline-offset:4px}
.bug1024-work~.footer,.bug1024-work~#back-to-top{display:none}
@media(max-width:720px){
.bug1024-work{padding:72px 16px 64px!important}
.bug1024-stage{margin-top:48px}
.bug1024-status{margin-top:36px}
}