.progression-page{padding-bottom:4rem}.progression-section{margin:0 0 3rem;scroll-margin-top:6rem}.progression-track-grid,.progression-stage-grid,.progression-rank-grid{display:grid;gap:1rem}.progression-track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.progression-track-grid article,.progression-stage-grid article,.progression-rank-grid article{padding:1.2rem;border:1px solid var(--border,#354047);border-radius:.55rem;background:var(--surface,#151b20);min-width:0}.progression-number{display:block;color:var(--accent,#eab66b);font-weight:800;font-size:1.7rem;letter-spacing:.04em}.progression-track-grid h3{margin:.7rem 0}.progression-flow,.progression-timeline{display:grid;list-style:none;margin:1.5rem 0;padding:0;gap:.75rem}.progression-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.progression-flow li{padding:.85rem;border-top:3px solid var(--accent,#eab66b);background:var(--surface,#151b20)}.progression-timeline{grid-template-columns:repeat(7,minmax(0,1fr))}.progression-timeline li{display:flex;flex-direction:column;gap:.6rem;padding:1rem;border-left:2px solid var(--accent,#eab66b);background:var(--surface,#151b20)}.progression-timeline a{font-size:.85rem}.progression-rank-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.progression-rank-grid article{padding:.7rem}.progression-rank-grid img{max-width:100%;height:auto;object-fit:contain}.progression-rank-grid h3{font-size:1rem}.progression-rank-grid p{font-size:.9rem}.progression-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progression-stage-badge{display:inline-grid;place-items:center;border:1px solid var(--accent,#eab66b);border-radius:50%;width:2.5rem;height:2.5rem;font-weight:800;color:var(--accent,#eab66b)}.progression-cost{font-size:1.3rem;color:var(--accent,#eab66b)}.progression-stage-grid ul{padding-left:1.1rem}.progression-stage-grid li{margin:.5rem 0}.progression-caution{border-left:3px solid var(--accent,#eab66b);padding:.9rem 1rem;background:#262117}.progression-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.progression-form-grid label{display:flex;flex-direction:column;gap:.5rem;font-weight:600;min-width:0}.progression-form-grid input,.progression-form-grid select{width:100%;min-width:0;padding:.8rem;color:inherit;border:1px solid #54616a;background:#11181e;border-radius:.25rem;font:inherit}.progression-form-grid input:focus-visible,.progression-form-grid select:focus-visible,.progression-actions button:focus-visible{outline:3px solid #efc280;outline-offset:3px}.progression-page fieldset{border:1px solid var(--border,#354047);border-radius:.4rem;padding:1rem;margin:1.3rem 0}.progression-page legend{padding:0 .5rem;font-weight:700}.progression-actions{display:flex;gap:1rem;flex-wrap:wrap}.progression-actions button{padding:.8rem 1.2rem;min-height:44px;border:1px solid #ba8e50;background:#e5b56b;color:#171914;font:inherit;font-weight:700;border-radius:.3rem;cursor:pointer}.progression-actions button[type=reset]{background:transparent;color:inherit}.progression-result{margin-top:1.4rem;padding:1rem;border:1px solid #48565c;border-radius:.4rem}.progression-result li{margin:.7rem 0}.progression-result [data-check-state=unmet] strong{color:#ffa69a}.progression-result [data-check-state=unknown] strong{color:#edc27d}.progression-result [data-check-state=matched] strong{color:#9bd3b5}.progression-table-scroll{overflow-x:auto;max-width:100%;margin:1.2rem 0}.progression-table-scroll table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}.progression-table-scroll caption{text-align:left;font-weight:700;padding:.8rem 0}.progression-table-scroll td,.progression-table-scroll th{padding:.8rem;border-bottom:1px solid #354047;vertical-align:top}.progression-table-scroll th{color:#edc27d}.progression-page details{padding:1rem;border:1px solid #354047;border-radius:.4rem;margin:1rem 0}.progression-page summary{cursor:pointer;font-weight:700;min-height:28px}.progression-page a{overflow-wrap:anywhere}@media(max-width:1100px){.progression-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progression-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.progression-stage-grid,.progression-form-grid{grid-template-columns:1fr}.progression-timeline,.progression-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-track-grid{grid-template-columns:1fr}.progression-section{margin-bottom:2rem}}@media(prefers-reduced-motion:reduce){.progression-page *{scroll-behavior:auto!important}}
