/* Game · Pixel Forge · 🎞 Animace: editor pojmenovaných animací. Jen logické vlastnosti kvůli RTL; časová osa a náhled se nezrcadlí (čas běží zleva doprava jako v Blocks). */
.pfa{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 20%,rgba(18,26,58,.95),rgba(3,6,14,.98) 75%);color:var(--ink,#e6f1ff);min-inline-size:0;min-block-size:0}
.pfa-head{flex:0 0 auto;padding:8px 10px}
.pfa-head .btn{margin:0;padding:5px 10px;font-size:13px}
.pfa-head .btn.pfa-ico{padding:5px 9px;min-inline-size:34px}
.pfa-pick{max-inline-size:230px}
.pfa-name{inline-size:150px;max-inline-size:34vw;background:#0a1016;color:var(--ink,#e6f1ff);border:1px solid var(--line,rgba(110,160,230,.35));border-radius:999px;padding:4px 10px;font:inherit;font-size:13px}
.pfa-status{flex:1 1 180px;min-inline-size:0;font-size:12.5px;color:var(--mute,#8ea7c4);text-align:end}
.pfa-status.ok{color:#2ff5c2}.pfa-status.warn{color:#ffc14d}.pfa-status.bad{color:#ff5470;font-weight:700}
.pfa-main{flex:1 1 auto;min-block-size:0;display:flex;gap:10px;padding:8px 10px 0}
.pfa-stage{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:6px;position:relative}
.pfa-board{flex:1 1 auto;min-block-size:140px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line,rgba(110,160,230,.35));border-radius:12px;background:#0a1224;overflow:hidden;direction:ltr}
.pfa-cv{image-rendering:pixelated;image-rendering:crisp-edges;direction:ltr;outline:2px dashed rgba(142,167,196,.4);outline-offset:0;
  background-image:linear-gradient(45deg,#2a3342 25%,transparent 25%,transparent 75%,#2a3342 75%),linear-gradient(45deg,#2a3342 25%,#3a455a 25%,#3a455a 75%,#2a3342 75%);background-size:16px 16px;background-position:0 0,8px 8px}
.pfa-cv.gone{opacity:.25}
.pfa-pvtag{position:absolute;inset-block-start:8px;inset-inline-start:10px;padding:3px 10px;border-radius:999px;background:rgba(255,84,112,.18);border:1px solid #ff5470;font-size:12px;font-weight:700}
.pfa-read{text-align:center;font:600 12.5px ui-monospace,Menlo,Consolas,monospace;color:var(--mute,#8ea7c4);min-block-size:1.4em}
.pfa-tools{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.pfa-tools .btn{margin:0;padding:6px 12px;font-size:15px;min-inline-size:42px}
.pfa-tools .btn.pfa-play{min-inline-size:56px;font-weight:700}
.pfa-tools .btn.on{border-color:var(--grp,#ffb454)}
.pfa-sizes{margin:0;text-align:center;color:#ffc14d}
.pfa-side{flex:0 0 clamp(200px,28vw,280px);min-inline-size:0;display:flex;flex-direction:column;gap:6px;min-block-size:0}
.pfa-side h4{margin:0;font-size:13px}
.pfa-side .note{margin:0}
.pfa-libbar{display:flex;gap:6px}
.pfa-libbar select{margin:0;padding:4px 6px;font-size:12.5px;max-inline-size:45%}
.pfa-q{flex:1 1 60px;min-inline-size:0;background:#0a1016;color:var(--ink,#e6f1ff);border:1px solid var(--line,rgba(110,160,230,.35));border-radius:8px;padding:4px 8px;font:inherit;font-size:13px}
.pfa-side>.btn{flex:0 0 auto;margin:0;padding:5px 10px;font-size:12.5px}
.pfa-grid{flex:1 1 auto;min-block-size:70px;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:2px}
.pfa-lb{inline-size:56px;padding:3px 2px;display:flex;flex-direction:column;align-items:center;gap:1px;background:#0b1320;color:var(--mute,#8ea7c4);border:1px solid var(--line,rgba(110,160,230,.35));border-radius:6px;cursor:pointer;font:inherit;font-size:9.5px}
.pfa-lb:hover{color:var(--ink,#e6f1ff);border-color:var(--grp,#ffb454)}
.pfa-lb:focus-visible,.pfa-card:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pfa-lb span{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfa-tl{flex:0 0 auto;padding:8px 10px 0;display:flex;flex-direction:column;gap:6px;max-block-size:46vh;overflow:auto}
.pfa-tlhead{font-size:12.5px;color:var(--mute,#8ea7c4)}
.pfa-strip{display:flex;gap:4px;overflow-x:auto;padding:2px 2px 6px}
.pfa-card{--p:0;position:relative;flex:0 0 74px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 3px 6px;background:#0b1320;color:var(--ink,#e6f1ff);border:1px solid var(--line,rgba(110,160,230,.35));border-radius:8px;cursor:pointer;font:inherit}
.pfa-card.back{opacity:.55;border-style:dashed}
.pfa-card.sel{border-color:var(--grp,#ffb454);box-shadow:0 0 0 1px var(--grp,#ffb454)}
.pfa-card.now{background:color-mix(in srgb,var(--grp,#ffb454) 22%,#0b1320)}
.pfa-card.now::after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;block-size:3px;inline-size:calc(var(--p)*100%);background:#2ff5c2;border-radius:0 2px 2px 0}
.pfa-no{font:700 11px ui-monospace,monospace;color:var(--mute,#8ea7c4)}
.pfa-th{display:grid;place-items:center;min-block-size:36px}
.pfa-th canvas{max-inline-size:60px;max-block-size:60px;image-rendering:pixelated}
.pfa-miss{color:#ff5470;font-weight:700}
.pfa-len{font-size:11px;color:var(--ink,#e6f1ff)}
.pfa-bar{inline-size:90%;block-size:4px;background:rgba(120,160,230,.18);border-radius:2px;overflow:hidden;display:block}
.pfa-bar i{display:block;block-size:100%;background:var(--grp,#ffb454)}
.pfa-empty{margin:4px 0}
.pfa-empty[hidden],.pfa-frame[hidden],.pfa-pvtag[hidden],.pfa-sizes[hidden]{display:none}
.pfa-frame{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.pfa-fl{font-weight:700;font-size:13px}
.pfa-frame .btn{margin:0;padding:4px 9px;font-size:13px}
.pfa-lenin{inline-size:64px;background:#0a1016;color:var(--ink,#e6f1ff);border:1px solid var(--line,rgba(110,160,230,.35));border-radius:6px;padding:3px 6px;font:inherit;text-align:center}
.pfa-opts{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 10px 10px}
.pfa-opts .gk-grp{flex-wrap:wrap}
.pfa-modenote{flex:1 1 240px;margin:0}
.pfa-next{max-inline-size:200px}
@media (max-width:760px){.pfa-main{flex-direction:column}.pfa-side{flex:0 0 150px}.pfa-name{inline-size:110px}}
@media (prefers-reduced-motion:reduce){.pfa-card.now::after{transition:none}}