.piece-main{padding-top:24px}.piece-head{margin-bottom:24px}.piece-head h1{font-size:clamp(2rem,5vw,3.2rem)}.piece-head .lede{margin-bottom:0}.unity-frame{position:relative;width:100%;aspect-ratio:16 / 10;max-height:80vh;background:#000;border:1px solid var(--line);border-radius:14px;overflow:hidden}.unity-frame canvas{display:block;width:100%;height:100%;background:#000}.unity-overlay{position:absolute;inset:0;display:grid;place-content:center;gap:12px;text-align:center;color:var(--ink-dim);font-family:var(--mono);font-size:.85rem;padding:24px;background:var(--ground);transition:opacity .4s ease}.unity-overlay.hidden{opacity:0;pointer-events:none}.unity-bar{width:min(280px,60vw);height:3px;background:var(--line);border-radius:2px;overflow:hidden}.unity-bar-fill{height:100%;width:0;background:var(--accent);transition:width .2s ease}.piece-note{color:var(--ink-dim);font-size:.9rem;margin-top:12px}