.league-settings{padding:28px 32px 40px;min-height:calc(100vh - 84px);background:var(--league-paper);color:var(--league-text);font-family:var(--league-font)}
.league-settings__header{display:flex;align-items:center;justify-content:space-between;gap:20px}.league-settings h1{margin:0 0 8px;font-size:28px}.league-settings__header p{font-size:14px;color:var(--league-subtle);margin:0;line-height:1.6}.league-settings__header .league-settings__eyebrow{font-size:11px;letter-spacing:.1em;margin:0 0 8px;color:var(--league-accent)}
.league-settings__panel{padding:24px;background:#fff;border:1px solid var(--league-border);border-radius:12px;margin-bottom:24px}.league-settings__section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.league-settings h2{font-size:20px;margin:0 0 8px}.league-settings__section-title p,.league-settings__footnote{font-size:13px;line-height:1.7;color:var(--league-subtle);margin:0}.league-settings__badge{background:var(--league-tint);color:var(--league-accent);font-size:12px;border-radius:6px;padding:7px 10px;white-space:nowrap}.league-settings__themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.league-settings__theme{display:block;position:relative;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer}.league-settings__theme.is-selected{border-color:var(--league-accent);box-shadow:0 0 0 2px var(--league-tint)}.league-settings__theme:focus-within{outline:3px solid var(--league-accent);outline-offset:3px}.league-settings__theme>input{position:absolute;right:12px;top:12px;width:22px;height:22px;accent-color:var(--league-accent);z-index:1}.league-settings__theme>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.league-settings__theme-copy{display:flex;flex-direction:column;padding:16px;gap:8px}.league-settings__theme-copy strong{font-size:16px}.league-settings__theme-copy span{font-size:12px;color:var(--league-subtle);line-height:1.6}.league-settings__theme-copy b{font-size:12px;color:var(--league-accent)}.league-settings__apply{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.league-settings__apply>span{font-size:13px;color:var(--league-subtle)}
.league-settings__password-row{display:grid;grid-template-columns:minmax(140px,1fr) 150px 112px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--league-border);max-width:780px}.league-settings__password-row>label{font-size:15px;font-weight:600}.league-settings__pin-wrap input{width:100%;height:44px;border:1px solid #8b8e94;border-radius:6px;padding:8px 12px;font:600 20px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;text-align:center;color:var(--league-text);background:#fff}.league-settings input:focus-visible,.league-settings button:focus-visible{outline:3px solid var(--league-accent);outline-offset:3px}.league-settings__pin-wrap input[aria-invalid=true]{border-color:#b42318}.league-settings__row-error{grid-column:2/-1;margin:-5px 0 0;color:#b42318;font-size:13px;line-height:1.5}.league-settings .el-button{min-height:44px;margin:0;padding:12px 16px}.league-settings__footnote{margin-top:18px}.league-settings__message{min-height:24px;margin:16px 0;color:#17634c;font-size:14px;line-height:1.6}.league-settings__error{padding:12px 16px;border:1px solid #f3beb8;border-radius:8px;background:#fff4f2;color:#a51e15;font-size:14px;line-height:1.6}
@media(max-width:1000px){.league-settings{padding:24px 20px}.league-settings__themes{gap:12px}.league-settings__theme-copy{padding:12px}.league-settings__theme-copy strong{font-size:14px}}
@media(max-width:650px){.league-settings{padding:20px 14px}.league-settings__header{align-items:flex-start;gap:12px}.league-settings h1{font-size:24px}.league-settings__panel{padding:18px 14px}.league-settings__section-title{flex-direction:column;gap:10px}.league-settings__themes{grid-template-columns:1fr}.league-settings__theme{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:128px}.league-settings__theme>img{height:100%;object-position:25% center;aspect-ratio:auto}.league-settings__theme-copy{padding:14px 12px 14px 14px}.league-settings__theme>input{right:auto;left:10px;top:10px}.league-settings__password-row{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.league-settings__password-row>label{grid-column:1/-1}.league-settings__password-row .el-button{padding:12px 8px;font-size:13px}.league-settings__pin-wrap input{width:100%;max-width:170px;text-align:left}.league-settings__row-error{grid-column:1/-1}.league-settings__apply{align-items:flex-start}.league-settings__apply>span{line-height:1.6;max-width:150px}}
/* Exact star mask prevents the native password field's last-character peek. */
.league-settings__privacy{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:none}.league-settings__reveal{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--league-border);border-radius:6px;min-height:44px;padding:9px 12px;background:#fff;color:var(--league-text);font:500 13px/1.4 var(--league-font);cursor:pointer;white-space:nowrap}.league-settings__reveal:hover{background:var(--league-tint);border-color:var(--league-accent)}.league-settings__privacy-note{font-size:12px;color:var(--league-subtle);line-height:1.5;margin:-6px 0 16px}.league-settings__pin-wrap{position:relative}.league-settings__pin-wrap.is-masked input{color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--league-accent)}.league-settings__pin-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:5px 12px 0;pointer-events:none;font:600 20px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;color:var(--league-text)}
@media(max-width:1000px){.league-settings__section-title{flex-wrap:wrap}.league-settings__privacy{justify-content:flex-start}}
@media(max-width:650px){.league-settings__privacy{width:100%;justify-content:space-between}.league-settings__pin-wrap input{max-width:none;text-align:center}}