/* V147 — Rita claim workflow, compact MVP and highlighted trophy showcase,
   partial traditional drafts and online-preview section. */
#app .v147-legacy-hidden{display:none!important}
#app #drawTab .draw-options-panel .v147-legacy-hidden{display:none!important}
#app #drawTab .draw-options-panel .option input:disabled:not([checked]){
 opacity:.45!important;
}
#app .v147-online-page[hidden]{display:none!important}
#app .v147-online-shell{
 padding:clamp(26px,5vw,58px)!important;min-height:490px!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 align-items:center!important;text-align:center!important;
 border:1px solid #4c7784!important;background:
 radial-gradient(circle at 50% 25%,#1a4657 0%,#0c2334 68%)!important;
}
#app .v147-online-shell>span{
 color:#94e4d0!important;font:850 11px var(--rift-text,Inter,sans-serif)!important;
 letter-spacing:.12em!important;
}
#app .v147-online-shell h1{
 margin:13px 0!important;color:#fff!important;
 font:700 clamp(42px,5vw,80px)/1 var(--rift-display,Teko,sans-serif)!important;
}
#app .v147-online-shell h1 em{color:#ffbc8a!important;font-style:normal!important}
#app .v147-online-shell p{
 max-width:540px!important;color:#accbd1!important;font:600 15px/1.5 var(--rift-text,Inter,sans-serif)!important;
}
#app .v147-online-coming{
 border:1px solid #e2a87e!important;padding:13px 24px!important;margin-top:22px!important;
 color:#ffd2a9!important;font-weight:950!important;letter-spacing:.16em!important;
}
/* Password field: icon inside input, never replaces browser validation. */
#v146AuthOverlay .v147-password-field{display:flex!important;position:relative!important;width:100%!important}
#v146AuthOverlay .v147-password-field #v146AuthPassword{padding-right:54px!important}
#v146AuthOverlay #v147TogglePassword{
 position:absolute!important;z-index:2!important;right:3px!important;top:50%!important;
 transform:translateY(-50%)!important;display:grid!important;place-items:center!important;
 width:44px!important;height:39px!important;background:transparent!important;
 border:0!important;color:#c9ede8!important;cursor:pointer!important;
}
#v146AuthOverlay #v147TogglePassword:focus-visible{
 outline:2px solid #f9c99c!important;outline-offset:-3px!important;
}
/* Riot ID suggestions, distinct from password/registration field. */
#v146AuthOverlay .v147-riot-entry[hidden]{display:none!important}
#v146AuthOverlay .v147-riot-entry{
 display:flex!important;flex-direction:column!important;gap:7px!important;
 padding:10px 12px!important;margin:8px 0!important;
 border:1px solid #527c7b!important;background:#0b2b39!important;
}
#v146AuthOverlay .v147-riot-entry label{
 color:#b9e7db!important;font:850 11px var(--rift-text,Inter,sans-serif)!important;
}
#v146AuthOverlay .v147-riot-entry input{
 box-sizing:border-box!important;width:100%!important;
 border:1px solid #507c84!important;background:#0a1f2a!important;
 padding:10px!important;min-height:40px!important;color:#f7fffa!important;
 font:650 12px var(--rift-text,Inter,sans-serif)!important;
}
#v146AuthOverlay .v147-riot-entry>small{
 color:#a6cbd0!important;font:600 10px/1.45 var(--rift-text,Inter,sans-serif)!important;
}
#v146AuthOverlay .v147-riot-suggestions{
 display:flex!important;flex-direction:column!important;gap:3px!important;
 max-height:140px!important;overflow:auto!important;
}
#v146AuthOverlay .v147-riot-suggestions>button{
 display:flex!important;gap:9px!important;align-items:center!important;
 justify-content:space-between!important;padding:8px 10px!important;text-align:left!important;
 border:1px solid #3b676a!important;background:#123b47!important;
 color:#f5fff8!important;cursor:pointer!important;
}
#v146AuthOverlay .v147-riot-suggestions>button:hover{background:#26505b!important}
#v146AuthOverlay .v147-riot-suggestions span{
 font-size:10px!important;color:#c2e4e1!important;
 overflow-wrap:anywhere!important;
}
#v146AuthOverlay [data-v147-submit-claim]{
 padding:11px!important;min-height:39px!important;border:1px solid #b7f1dc!important;
 background:#a5e8d0!important;color:#0a2a35!important;font-weight:900!important;
 cursor:pointer!important;
}
#app #v145AdminAccounts .v147-admin-identity{
 display:flex!important;flex-direction:column!important;gap:4px!important;min-width:190px!important;
}
#app #v145AdminAccounts .v147-admin-riot{
 font-weight:900!important;color:#eed4a5!important;
}
/* Header showcase, previously occupied by the large MVP block. */
#app #statsTab .player-profile-hero{
 align-items:center!important;flex-wrap:wrap!important;gap:12px!important;
}
#app #statsTab .player-profile-hero-meta{flex:1 1 185px!important}
#app #statsTab .v147-featured-host{
 flex:1 1 340px!important;max-width:min(100%,510px)!important;min-width:0!important;
 margin-left:auto!important;
 padding:12px!important;background:#081c2b!important;border:1px solid #ad8864!important;
 box-shadow:inset 0 0 22px rgba(209,158,98,.07)!important;
}
#app #statsTab .v147-featured-title{
 display:flex!important;justify-content:space-between!important;gap:8px!important;
 align-items:center!important;flex-wrap:wrap!important;
}
#app #statsTab .v147-featured-title strong{
 color:#f8ddba!important;font:900 11px/1.3 var(--rift-text,Inter,sans-serif)!important;
 letter-spacing:.07em!important;
}
#app #statsTab .v147-featured-title small{
 color:#91c1c2!important;font:800 9px/1.2 var(--rift-text,Inter,sans-serif)!important;
}
#app #statsTab .v147-featured-host .v146-featured{
 gap:10px!important;margin:10px 0!important;
}
#app #statsTab .v147-featured-host .v146-feature-slot{
 min-height:162px!important;padding:9px!important;
}
#app #statsTab .v147-featured-host .v146-feature-image{
 height:102px!important;max-width:min(100%,135px)!important;
}
#app #statsTab .v147-featured-host .v146-feature-slot strong{
 font-size:10px!important;
}
#app #statsTab .v147-featured-host #v145SaveBadges{
 display:block!important;width:100%!important;margin-top:9px!important;
 font:900 10px var(--rift-text,Inter,sans-serif)!important;
 padding:11px!important;
}
#app #statsTab .v147-featured-note{
 display:block!important;color:#a3bfc5!important;
 font:650 10px var(--rift-text,Inter,sans-serif)!important;text-align:center!important;
}
/* MVP November now occupies the free space after CS in secondary metrics. */
#app #statsTab .player-profile-secondary .player-profile-standing{
 grid-column:span 2!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;flex-wrap:wrap!important;
 gap:9px!important;margin:0!important;min-width:0!important;
 padding:10px 13px!important;box-sizing:border-box!important;
 border:1px solid #ac8864!important;background:#172e38!important;
}
#app #statsTab .player-profile-secondary .player-profile-standing-title{
 display:block!important;flex:1 1 170px!important;font-size:9px!important;
 line-height:1.3!important;color:#ead9b8!important;
}
#app #statsTab .player-profile-secondary .player-profile-standing-values{
 display:flex!important;align-items:center!important;gap:14px!important;
 flex:0 1 auto!important;margin:0!important;
}
#app #statsTab .player-profile-secondary .player-profile-standing-values>div{
 display:flex!important;flex-direction:column!important;gap:3px!important;
}
#app #statsTab .player-profile-secondary .player-profile-standing-values small{
 font-size:8px!important;line-height:1.1!important;
}
#app #statsTab .player-profile-secondary .player-profile-standing-values strong{
 font-size:20px!important;line-height:1!important;
}
#app #statsTab .player-profile-secondary .player-profile-standing p{
 display:none!important;
}
#app #statsTab .v145-vitrine{margin-top:14px!important}
@media(max-width:940px){
 #app #statsTab .v147-featured-host{
  flex-basis:100%!important;max-width:none!important;
 }
}
@media(max-width:580px){
 #app #statsTab .v147-featured-host .v146-feature-slot{
  min-height:138px!important;
 }
 #app #statsTab .v147-featured-host .v146-feature-image{height:83px!important}
 #app #statsTab .player-profile-secondary .player-profile-standing{
  grid-column:span 2!important;padding:9px!important;
 }
 #app #statsTab .player-profile-secondary .player-profile-standing-values{
  gap:10px!important;
 }
}