.roster-pagination{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:calc(100% - 24px);margin:16px auto 0;padding:9px 12px;border:2px solid #a47736;border-radius:9px;background:linear-gradient(180deg,#f8edcf,#e4c993);box-shadow:0 3px 0 rgba(91,55,20,.34),inset 0 0 0 1px rgba(255,249,226,.72)}.roster-pagination button{border:1px solid #9c6e31;border-radius:6px;background:linear-gradient(180deg,#f7e8bd,#d5b472);color:#553817;box-shadow:0 2px 0 rgba(94,57,20,.38);font:700 7px monospace;letter-spacing:.06em;cursor:pointer}.roster-pagination button:not(:disabled):hover,.roster-pagination button:not(:disabled):focus-visible{filter:brightness(1.08);transform:translateY(-1px);outline:2px solid rgba(112,73,28,.35);outline-offset:2px}.roster-page-step{min-width:76px;padding:8px 10px}.roster-page-center{display:grid;justify-items:center;gap:5px;padding:0 5px}.roster-page-status{min-width:94px;padding:4px 9px;border:1px solid #77501f;border-radius:4px;background:#79552a;color:#fff5d8;box-shadow:inset 0 1px rgba(255,255,255,.18);font:700 8px monospace;letter-spacing:.1em;text-align:center}.roster-page-numbers{display:flex;align-items:center;justify-content:center;gap:4px}.roster-page-number{min-width:25px;height:24px;padding:2px 6px}.roster-page-number.active{border-color:#503211;background:linear-gradient(180deg,#8a642f,#604019);color:#fff3d0;box-shadow:inset 0 0 0 1px rgba(255,230,166,.35)}.roster-page-number.active:disabled{opacity:1}.roster-page-ellipsis{min-width:auto;color:#6c491f;font:bold 10px Georgia,serif}.roster-page-step:disabled{border-color:rgba(117,84,44,.35);background:#dfcfaa;color:#9b8767;box-shadow:none;cursor:default;opacity:.7}.roster-charter-grid{margin-top:13px}@media(max-width:600px){.roster-pagination{gap:6px;padding:8px}.roster-page-step{min-width:34px;font-size:0}.roster-page-step:first-child::after{content:"\2039";font-size:14px}.roster-page-step:last-child::after{content:"\203A";font-size:14px}.roster-page-status{min-width:82px;font-size:7px}}