.pgn-wrap{margin:18px 0;display:grid;grid-gap:10px;gap:10px;justify-items:center}.pgn-shown{margin:0;font-size:.9rem;opacity:.75}.pgn{max-width:100%}.pgn,.pgn-list{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.pgn-list{list-style:none;margin:0;padding:0}.pgn-b{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line,#ccc);background:var(--surface,#fff);color:inherit;border-radius:8px;text-decoration:none;font:inherit;cursor:pointer;box-sizing:border-box}.pgn-b.cur,a.pgn-b:hover,button.pgn-b:hover{border-color:var(--red,#e0213f)}.pgn-b.cur{background:var(--red,#e0213f);color:#fff;font-weight:700;cursor:default}.pgn-b.off{opacity:.4;cursor:not-allowed}.pgn-gap{min-width:24px;text-align:center;opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pgn-of{display:none}.pgn-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:.92rem}.pgn-go label,.pgn-per{display:inline-flex;gap:8px;align-items:center}.pgn-go input[type=number]{width:84px}.pgn-go input[type=number],.pgn-per select{min-height:40px;padding:6px 10px}@media (max-width:600px){.pgn{flex-wrap:nowrap;gap:8px}.pgn-lbl,.pgn-list li:not(.pgn-cur){display:none}.pgn-of{display:inline;white-space:nowrap}.pgn-b{min-width:44px;height:44px}.pgn-tools{gap:8px}.pgn-go label{flex-wrap:wrap;justify-content:center}}