.ranked-panel{max-width:1050px;margin:32px auto;padding:24px;border:1px solid #b79a61;border-radius:20px;background:var(--panel,#241832);color:var(--text,#fff2d7);box-sizing:border-box}.ranked-panel h2{font:28px Georgia;margin:0 0 12px}.ranked-panel p{line-height:1.5}.ranked-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ranked-controls label{display:grid;gap:6px;max-width:100%}.ranked-controls input,.ranked-controls select{min-height:42px;padding:9px;border:1px solid #b79a61;border-radius:8px;background:var(--bg,#1b1228);color:inherit;max-width:100%;box-sizing:border-box}.ranked-controls button{min-height:44px}.ranked-panel li{padding:8px;border-bottom:1px solid #b79a6133}.ranked-panel ol{padding-left:20px}.ranked-panel [role=status]{min-height:2em;color:var(--gold,#eed28b)}@media(max-width:650px){.ranked-panel{margin:25px 12px;padding:16px}.ranked-controls{display:grid;grid-template-columns:1fr 1fr}.ranked-controls>*{min-width:0}.ranked-panel h2{font-size:24px}.ranked-controls button{font-size:12px}}
.ranked-controls input,.ranked-controls select{width:100%;min-width:0}.ranked-controls label{min-width:0;grid-template-columns:minmax(0,1fr)}