.vlc-wrap{max-width:1100px;margin:24px auto;color:inherit}.vlc-panel{padding:26px;border:1px solid #dbe2e9;border-radius:14px;background:var(--theme-palette-color-8,#fff)}.vlc-panel h2{margin:0 0 14px}.vlc-panel h3{margin:18px 0 8px}.vlc-muted{color:#64748b;font-size:.89em;line-height:1.5}.vlc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vlc-wrap label{display:block;font-size:.93em;font-weight:600;margin:12px 0}.vlc-wrap label input:not([type=checkbox]),.vlc-wrap label select,.vlc-wrap label textarea{display:block;width:100%;min-width:0;padding:11px 12px;margin-top:6px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#172339;box-sizing:border-box}.vlc-checks label{font-weight:400}.vlc-checks input{margin-right:7px}.vlc-account-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;padding:8px 12px;margin:9px 0;border:1px solid #e2e8f0;border-radius:10px}.vlc-account-row>small{grid-column:1/-1}.vlc-button{display:inline-block;padding:11px 17px;border:0;border-radius:8px;background:#164b79;color:#fff;text-decoration:none;font-weight:600;cursor:pointer}.vlc-button:hover{background:#0d3455;color:#fff}.vlc-button-light{background:#e5eaf0;color:#12263a}.vlc-alert{padding:12px;border-radius:8px}.vlc-alert-success{background:#e9f8ed;color:#155c2f}.vlc-alert-error{background:#fff0f0;color:#932020}.vlc-directory-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin:14px 0}.vlc-directory-filters .vlc-button{min-height:43px}.vlc-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vlc-player{padding:18px;border:1px solid #e2e8f0;border-radius:12px;background:var(--theme-palette-color-8,#fff)}.vlc-player h3{margin:0 0 6px;font-size:1.1em;overflow-wrap:anywhere}.vlc-player p{margin:7px 0}.vlc-player-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.vlc-status{font-size:.76em;padding:5px 8px;border-radius:20px;background:#dcfce7;color:#166534;white-space:nowrap}.vlc-pagination{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.vlc-pagination .page-numbers{padding:6px 9px}.vlc-pagination .current{font-weight:700}@media(max-width:820px){.vlc-directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.vlc-panel{padding:17px}.vlc-fields,.vlc-account-row,.vlc-directory-filters,.vlc-directory-grid{grid-template-columns:1fr}.vlc-player-top{flex-direction:column}.vlc-account-row>small{grid-column:1}.vlc-wrap{margin:12px auto}}

/* v0.4.0 - cached ranking preview for administrators only. Custom, non-Riot rank shields. */
.vlc-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 8px}
.vlc-rank{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#f4f6fa;border:1px solid #e6eaf1;min-width:0}
.vlc-rank>div{display:flex;flex-direction:column;min-width:0;gap:1px}
.vlc-rank strong{font-size:.91em;line-height:1.2}
.vlc-rank small{color:#55657a;font-size:.72em;line-height:1.5}
.vlc-rank-label{color:#68788e;font-size:.71em;text-transform:uppercase;letter-spacing:.04em}
.vlc-rank-shield{display:flex;align-items:center;justify-content:center;flex:none;width:39px;height:44px;color:#fff;font-weight:800;font-size:1.05em;clip-path:polygon(50% 0,94% 18%,94% 72%,50% 100%,6% 72%,6% 18%);background:linear-gradient(140deg,#566579,#263242)}
.vlc-tier-iron{background:linear-gradient(135deg,#847b78,#423e3b)}
.vlc-tier-bronze{background:linear-gradient(135deg,#b98556,#6d4228)}
.vlc-tier-silver{background:linear-gradient(135deg,#9cb5c5,#687c93)}
.vlc-tier-gold{background:linear-gradient(135deg,#e7c363,#a57c25)}
.vlc-tier-platinum{background:linear-gradient(135deg,#83baa9,#2b756e)}
.vlc-tier-emerald{background:linear-gradient(135deg,#69bb8e,#146f49)}
.vlc-tier-diamond{background:linear-gradient(135deg,#8dccf4,#397ebf)}
.vlc-tier-master{background:linear-gradient(135deg,#c39ee8,#673b9b)}
.vlc-tier-grandmaster{background:linear-gradient(135deg,#ed8d96,#9d3448)}
.vlc-tier-challenger{background:linear-gradient(135deg,#f8d997,#b28430)}
.vlc-alert-info{background:#eef5ff;color:#264568}
.vlc-sync-label{font-size:.77em!important}
@media(max-width:650px){.vlc-ranks{grid-template-columns:1fr}}

/* v0.6.0 — Looking for Group board and creator. */
.vlc-lfg-wrap{display:grid;gap:20px}
.vlc-lfg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vlc-lfg-card h3{margin:0;font-size:1.12em}
.vlc-lfg-card .vlc-muted{font-size:.84em}
.vlc-lfg-card .vlc-lfg-message{white-space:normal;overflow-wrap:anywhere;margin:12px 0;padding:12px;background:#f6f8fb;border-radius:8px;color:#25364a}
.vlc-lfg-card .vlc-lfg-expiry{border-top:1px solid #e2e8f0;margin-top:15px;padding-top:9px}
.vlc-lfg-create{max-width:100%}
.vlc-lfg-roles{border:1px solid #dbe2e9;border-radius:10px;padding:12px 14px;margin:18px 0}
.vlc-lfg-roles legend{padding:0 6px;font-weight:600}
.vlc-lfg-roles label{display:inline-flex;align-items:center;margin:5px 18px 5px 0;gap:6px;font-weight:400}
.vlc-lfg-voice{font-weight:400!important}
.vlc-lfg-mine{display:grid;gap:9px;margin-top:12px}
.vlc-lfg-my-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dbe2e9;border-radius:9px}
.vlc-lfg-my-row form{margin:0}
.vlc-lfg-my-row .vlc-button{padding:7px 13px}
@media(max-width:650px){.vlc-lfg-grid{grid-template-columns:1fr}.vlc-lfg-my-row{flex-wrap:wrap}}

/* v0.7.0 — member applications and group-owner decisions. */
.vlc-join-form{margin-top:14px;padding-top:12px;border-top:1px solid #e2e8f0}
.vlc-join-form label{font-size:.84em!important;margin:0 0 9px!important}
.vlc-join-form textarea{min-height:62px;font-size:.95em}
.vlc-join-note{margin-top:13px!important;padding-top:10px;border-top:1px solid #e2e8f0}
.vlc-join-owner-apps{padding:12px;margin:0 0 14px 0;border:1px solid #e2e8f0;border-radius:9px}
.vlc-join-owner-apps h4{margin:0 0 9px;font-size:1em}
.vlc-join-request-row,.vlc-join-my-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e2e8f0}
.vlc-join-request-row:last-child,.vlc-join-my-row:last-child{border-bottom:0}
.vlc-join-request-row>div,.vlc-join-my-row>div{min-width:0;overflow-wrap:anywhere}
.vlc-join-request-row form,.vlc-join-my-row form{margin:0;display:flex;gap:7px;flex-shrink:0;flex-wrap:wrap}
.vlc-join-request-row .vlc-button,.vlc-join-my-row .vlc-button{padding:7px 11px;font-size:.85em}
.vlc-join-request-row p{font-size:.85em;margin:5px 0;white-space:pre-wrap}
.vlc-join-my-apps{margin-top:0}
@media(max-width:650px){.vlc-join-request-row,.vlc-join-my-row{align-items:start;flex-direction:column}.vlc-join-request-row form,.vlc-join-my-row form{width:100%}}