.pixel-btn{font-family:var(--sm);color:var(--tx);background:var(--surf3);border:2px solid var(--line2);box-shadow:3px 3px 0 var(--line2);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));border-radius:0;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:no-preference){.pixel-btn{transition:transform 50ms linear}}.pixel-btn:active{box-shadow:0 0 0 var(--line2);transform:translate(3px,3px)}.pixel-btn.g{border-color:var(--g3);color:var(--g);box-shadow:3px 3px 0 var(--g3)}.pixel-btn.b{border-color:var(--blue);color:var(--blue);box-shadow:3px 3px 0 var(--g3)}.pixel-btn.w{border-color:var(--warn);color:var(--warn);box-shadow:3px 3px 0 var(--g3)}.pixel-btn:disabled,.pixel-btn[aria-disabled=true]{color:var(--dim2);border-color:var(--line);box-shadow:3px 3px 0 var(--line);cursor:default}.pixel-panel{border:2px solid var(--line2);background:var(--surf);box-shadow:4px 4px 0 var(--line2);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.pixel-bar{--n:6;--done:0;grid-template-columns:repeat(var(--n), 1fr);gap:3px;height:12px;display:grid}.pixel-bar>span{background:var(--line2)}.pixel-bar>span.on{background:var(--g)}