:root{--bg:#edeae2;--surface:#f9f7f1;--surface2:#e1ded4;--line:#ccc9bf;--text:#202521;--muted:#666b62;--accent:#ca4525;--accent-dark:#a42c14;--gold:#a37524;--red:#a53127;font-family:Arial,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}svg{width:20px;height:20px;vertical-align:middle}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}p{line-height:1.65}h1,h2,h3{font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif;letter-spacing:-.045em;line-height:1.05}.mono,.eyebrow,.champion-label,.badge,.tag,.feature-kicker{font-family:"Courier New",monospace;font-size:10px;font-weight:700;letter-spacing:.08em}.skip{position:absolute;top:-70px;left:20px;background:var(--accent);color:white;z-index:100;padding:14px}.skip:focus{top:12px}.header{height:82px;display:flex;align-items:center;gap:40px;padding:0 34px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;letter-spacing:-.04em;line-height:.96;flex-shrink:0}.brand svg{width:38px;height:38px;background:var(--accent);color:var(--bg);padding:7px;transform:rotate(-5deg)}.brand-small{display:block;font-size:11px;letter-spacing:.26em;margin-top:5px}.header nav{display:flex;align-items:center;gap:27px;flex:1;font-size:12px;font-weight:700}.header nav a{padding:8px 0;border-bottom:2px solid transparent}.header nav a.active,.header nav a:hover{border-color:var(--accent)}.header-right{display:flex;align-items:center;gap:17px}.yt-icon{color:var(--accent)}.menu-toggle{display:none;border:0;background:transparent;font-size:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--text);background:var(--text);color:var(--surface);padding:13px 19px;min-height:44px;font-size:12px;font-weight:700;line-height:1.2;border-radius:2px;transition:background .15s}.button:hover{background:var(--accent);border-color:var(--accent)}.button-small{padding:9px 12px;min-height:34px;font-size:11px}.button-outline{background:transparent;color:var(--text);border-color:var(--line)}.button-outline:hover{color:white}.button-quiet{background:var(--surface2);color:var(--text);border-color:var(--line)}.button-danger{background:#a53127;border-color:#a53127}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;padding:9px 0}.text-link:hover{color:var(--accent)}.wrap{width:min(1120px,calc(100% - 68px));margin-inline:auto}main{margin-right:202px;min-height:64vh}.champion-rail{position:fixed;right:24px;top:110px;width:158px;max-height:calc(100dvh - 134px);overflow:auto;z-index:15;border-top:3px solid var(--text);padding-top:14px;scrollbar-width:thin}.rail-heading{display:flex;justify-content:space-between;gap:5px;margin-bottom:14px;font-size:10px;font-family:"Courier New",monospace;font-weight:700;letter-spacing:.07em}.rail-heading span{color:var(--muted)}.rail-list{display:grid;gap:2px}.rail-list button{display:flex;justify-content:space-between;align-items:center;gap:7px;text-align:left;border:0;background:transparent;border-bottom:1px solid var(--line);padding:9px 8px;font-size:11px}.rail-list button span{color:var(--muted);font-family:"Courier New",monospace;font-size:10px}.rail-list button:hover{background:#e2ddd2}.rail-list button.selected{background:var(--text);color:white}.rail-list button.selected span{color:#cfcec5}.rail-bottom{margin:16px 0 0;font-size:10px;color:var(--muted);line-height:1.5}.rail-bottom a{text-decoration:underline}.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:34px 0 27px}.eyebrow{color:var(--muted);margin-bottom:12px}.archive-heading h1{font-size:clamp(31px,4vw,55px);margin:0;letter-spacing:-.06em}.title-dot{color:var(--accent)}.archive-total{font-family:"Courier New",monospace;font-size:10px;line-height:1.7;color:var(--muted);text-align:right;flex-shrink:0}.archive-total strong{color:var(--text)}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;margin-bottom:24px}.support-strip p{margin:0;color:var(--muted)}.support-strip a{font-size:11px;font-weight:700;white-space:nowrap}.support-strip a:hover{color:var(--accent)}.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:12px;align-items:stretch;margin:20px 0 12px}.search-box{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:0 16px;min-width:0;min-height:56px}.search-box>span{font-size:24px;line-height:1}.search-box input{background:transparent;border:0;padding:0;width:100%;height:51px;font-size:13px;outline:none}.search-box:focus-within{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.search-box kbd{font-size:10px;border:1px solid var(--line);padding:2px 6px;color:var(--muted)}.select-field{border:1px solid var(--line);padding:7px 10px;background:transparent;display:grid;gap:3px}.select-field>span{font-family:"Courier New",monospace;font-size:8px;color:var(--muted);letter-spacing:.09em}.select-field select{border:0;background:transparent;font-size:11px;padding:4px 0;width:100%;outline-offset:2px}.catalog-count{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:"Courier New",monospace;color:var(--muted);font-size:9px;margin:12px 0 19px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:31px}.card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:15px}.card-art{position:relative;aspect-ratio:1/1.02;overflow:hidden;background:#171a20;isolation:isolate}.card-art:after{content:'';position:absolute;inset:0;border:1px solid #ffffff10;pointer-events:none}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-art .character-render{object-fit:contain}.card:hover .card-art img{transform:scale(1.04)}.badge{position:absolute;top:11px;left:11px;background:var(--bg);color:var(--text);padding:6px 8px;letter-spacing:.06em;font-size:8px}.badge.upcoming{background:#e3c58d}.art-open{position:absolute;right:10px;bottom:10px;background:var(--bg);width:27px;height:27px;display:grid;place-items:center;font-size:20px}.card-body{padding-top:15px}.champion-label{color:var(--accent);display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:9px;line-height:1.4}.champion-label span{color:var(--muted);font-size:8px;white-space:nowrap}.card h3{font-size:20px;margin:0 0 14px;line-height:1.12;overflow-wrap:anywhere;letter-spacing:-.045em}.card-meta{display:flex;justify-content:space-between;gap:7px;font-size:9px;color:var(--muted);align-items:center}.card-stats{display:flex;gap:10px;align-items:center}.card-stats span{display:flex;align-items:center;gap:4px}.card-stats svg{width:12px;height:12px}.placeholder-art{height:100%;display:grid;place-content:center;font-size:60px;color:#d5d0bf}.section{padding:30px 0 15px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:0 0 24px}.section-head h2{font-size:30px;margin:8px 0 0}.section-head p{margin:8px 0 0;font-size:12px;color:var(--muted)}.section-head a{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.section-index{color:var(--accent)}.collection.section{padding-top:0}.collection>.section-head{display:none}.full-button{display:flex;justify-content:center;margin:32px 0}.community-strip{margin:50px 0 30px;padding:30px 0;border-top:3px solid var(--text);border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:20px}.community-sign{font-size:55px;color:var(--accent)}.community-strip h2{font-size:27px;max-width:440px;margin:10px 0}.community-strip p{font-size:12px;color:var(--muted);margin:0;max-width:470px}.guide-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.guide-row strong{font-size:17px}.guide-row:hover{color:var(--accent)}.page-heading{padding:38px 0 25px}.page-heading h1{font-size:46px;margin:0 0 15px}.page-heading p{max-width:670px;font-size:13px;color:var(--muted);margin-bottom:15px}.breadcrumbs{font-family:"Courier New",monospace;font-size:10px;color:var(--muted);padding-top:25px;display:flex;gap:9px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--accent)}.detail{display:grid;grid-template-columns:1fr .95fr;gap:32px;padding:25px 0 35px;align-items:start}.detail-media{background:#dcd8cd;border:1px solid var(--line);padding:16px}.media-label{display:flex;justify-content:space-between;gap:8px;font-family:"Courier New",monospace;font-size:8px;letter-spacing:.06em;margin:0 0 12px}.video{position:relative;aspect-ratio:16/9;min-height:200px;overflow:hidden;background:#111;margin:18px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-portrait{width:min(100%,310px);aspect-ratio:9/16;min-height:0;margin:0 auto}.detail-art{position:relative;aspect-ratio:1.3;background:#15191f;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:contain}.art-toggle{margin-top:14px;border-top:1px solid #b9b6ad;padding-top:12px}.art-toggle summary{font-size:11px;cursor:pointer;padding-bottom:10px;font-weight:700}.art-toggle .detail-art{max-height:250px;aspect-ratio:1.5}.detail-info{padding:8px 0 0}.detail-info h1{font-size:clamp(30px,3.6vw,46px);margin:15px 0 19px;line-height:1.05;overflow-wrap:anywhere}.detail-info>p{font-size:12px;color:var(--muted);line-height:1.8}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tag{border:1px solid var(--line);font-size:9px;padding:6px 8px}.vote-row{display:flex;gap:8px;align-items:center;margin:23px 0}.vote{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);padding:9px 11px;font-size:12px}.vote[aria-pressed=true]{background:var(--text);color:white;border-color:var(--text)}.vote svg{width:15px;height:15px}.download-count{font-size:9px;color:var(--muted);margin-left:auto}.download-box{border-top:3px solid var(--text);padding-top:17px}.download-box .button{width:100%;background:var(--accent);color:white;border-color:var(--accent);min-height:49px}.download-box .button:hover{background:var(--accent-dark)}.download-box p{font-size:10px;text-align:center;margin:10px 0 0;color:var(--muted)}.yt-support{margin:0 0 22px;border:1px solid var(--line);padding:14px;background:var(--surface)}.yt-support p{font-size:11px;margin:0 0 10px;color:var(--muted)}.yt-support .hero-actions{display:flex;gap:8px;flex-wrap:wrap}.yt-support a{font-size:11px;padding:10px 11px;border:1px solid var(--line);font-weight:700;background:var(--bg)}.yt-support a:hover{background:var(--text);color:white;border-color:var(--text)}.notice{border-left:3px solid var(--accent);padding:14px 17px;background:#e4dfd3;font-size:12px;line-height:1.7;margin:20px 0}.divider{height:1px;background:var(--line);margin:24px 0}.queue{border-top:3px solid var(--text)}.queue-row{display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}.queue-number{font-family:"Courier New",monospace;font-size:24px;color:var(--accent)}.queue-row h3{font-size:23px;margin-bottom:9px}.queue-row p{font-size:12px;color:var(--muted);margin-bottom:10px}.queue-author{font-size:10px;color:var(--muted)}.pill{border:1px solid var(--line);font-family:"Courier New",monospace;font-size:9px;white-space:nowrap;padding:7px 9px}.empty{padding:35px 24px;background:#e5e1d8;border:1px dashed var(--line);text-align:center}.empty h3{font-size:23px;margin-bottom:15px}.empty p{font-size:13px;color:var(--muted)}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:35px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.band h2{font-size:28px;margin-bottom:10px}.band p{font-size:12px;color:var(--muted);margin:0}.auth{width:min(450px,100%);margin:45px auto 70px;background:var(--surface);border-top:4px solid var(--accent);padding:30px}.auth h1{font-size:34px}.auth p{font-size:12px;color:var(--muted)}.form-stack{display:grid;gap:18px}label{display:grid;gap:8px;font-size:11px;font-weight:600}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:1px;width:100%;padding:11px 12px;min-width:0}textarea{min-height:90px;resize:vertical}.form-note{font-size:10px;color:var(--muted);line-height:1.7}.form-error{color:var(--red);font-size:12px}.auth-switch{margin-top:22px}.auth a,.help-text a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0 25px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:23px;background:var(--surface);border:1px solid var(--line)}.panel h2{font-size:26px}.panel p{font-size:12px;color:var(--muted)}.admin-list{display:grid;gap:16px}.admin-item{padding:20px;border:1px solid var(--line);background:var(--surface)}.admin-item header{display:flex;justify-content:space-between;gap:12px;align-items:start}.admin-item h3{font-size:22px;margin-bottom:6px}.admin-item blockquote{margin:15px 0 20px;border-left:3px solid var(--accent);padding:5px 0 5px 15px;font-size:13px;line-height:1.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px}.mini-row{display:flex;align-items:center;gap:14px}.admin-pic{width:55px;height:55px;object-fit:cover;background:#15191f}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.help-text{max-width:800px;padding-bottom:40px}.help-text h2{font-size:27px;margin:35px 0 15px}.help-text p,.help-text li{font-size:13px;color:var(--muted);line-height:1.9}.guide-video{max-width:820px;margin-top:0;aspect-ratio:16/9}.guide-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}.guide-intro p{margin:0;color:var(--muted);font-size:12px}.loading{min-height:400px;display:grid;place-content:center;font-family:"Courier New",monospace;color:var(--muted);font-size:12px}.ad-slot{display:none}.muted{color:var(--muted)}.hidden{display:none!important}.feature-kicker{margin-bottom:10px;color:var(--accent)}footer{margin:55px 236px 0 34px;border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.footer-brand{font-family:Bahnschrift,Arial,sans-serif;font-weight:900;font-size:22px;letter-spacing:-.06em}.footer-brand span{color:var(--accent)}footer p{font-size:10px;color:var(--muted);margin:9px 0}.footer-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:end;font-size:10px;align-items:start}.legal{grid-column:1/-1;font-size:9px;line-height:1.7;max-width:760px}.copyright{font-family:"Courier New",monospace;font-size:9px;color:var(--muted);grid-column:1/-1}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--text);color:white;padding:14px 22px;max-width:90%;z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:12px;border-left:4px solid var(--accent)}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){main{margin-right:240px}.champion-rail{right:40px;width:175px}.header{padding-inline:50px}footer{margin-right:280px;margin-left:50px}.card-art{aspect-ratio:1.15}}
@media(max-width:1150px){.header{gap:25px;padding-inline:24px}.header nav{gap:18px;font-size:11px}.wrap{width:calc(100% - 48px)}main{margin-right:175px}.champion-rail{right:18px;width:139px}.grid{gap:25px 14px}.card h3{font-size:18px}.card-meta{font-size:8px}.card-stats{gap:6px}.card-stats svg{width:10px;height:10px}footer{margin-right:200px;margin-left:24px}.detail{gap:24px;grid-template-columns:1fr 1fr}.detail-info h1{font-size:34px}.download-count{font-size:8px}.community-strip{grid-template-columns:35px 1fr}.community-strip>.button{grid-column:2;justify-self:start}.header-right{gap:12px}.header .yt-icon{display:none}}
@media(max-width:880px){.header nav{display:none}.menu-toggle{display:block}.header-right{margin-left:auto}.header nav.open{display:flex;position:absolute;top:81px;left:0;right:0;background:var(--surface);border-bottom:2px solid var(--text);flex-direction:column;align-items:start;padding:24px;gap:20px;z-index:40}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:1fr}.detail-media{padding:14px}.detail-info h1{max-width:550px}.video-portrait{width:min(100%,290px)}.detail-art{aspect-ratio:1.4}.admin-grid{grid-template-columns:1fr}.archive-heading h1{font-size:39px}.catalog-tools{grid-template-columns:minmax(0,1fr) 163px}}
@media(max-width:600px){.header{height:70px;padding:0 18px;gap:15px}.brand{font-size:16px}.brand svg{width:32px;height:32px;padding:5px}.brand-small{font-size:9px}.header nav.open{top:69px}.header-right .button{font-size:10px;padding:8px 10px;min-height:32px}.wrap{width:calc(100% - 36px)}main{margin-right:0}.champion-rail{position:sticky;top:0;width:100%;height:auto;max-height:none;right:auto;padding:8px 18px;background:var(--bg);border-top:0;border-bottom:1px solid var(--line);z-index:20;overflow:visible}.rail-heading,.rail-bottom{display:none}.rail-list{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin;padding-bottom:3px}.rail-list button{white-space:nowrap;flex-shrink:0;border:1px solid var(--line);padding:8px 10px;font-size:10px;gap:8px}.rail-list button span{font-size:9px}.archive-heading{padding:26px 0 22px;gap:12px}.archive-heading .eyebrow{font-size:8px;letter-spacing:.04em}.archive-heading h1{font-size:34px}.archive-total{font-size:8px}.support-strip{font-size:10px;padding:12px 0;gap:12px;align-items:start}.support-strip p{font-size:10px;max-width:200px}.support-strip a{font-size:10px}.catalog-tools{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:18px}.search-box{min-height:50px;padding:0 12px}.search-box input{height:48px;font-size:12px}.select-field{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}.select-field select{width:auto;max-width:70%;font-size:10px;padding:4px}.catalog-count{font-size:8px;gap:8px;margin:12px 0 16px}.grid{gap:23px 12px}.card-art{aspect-ratio:.9}.card-body{padding-top:12px}.card h3{font-size:17px;line-height:1.1;margin-bottom:11px}.champion-label{font-size:8px;gap:6px}.champion-label span{font-size:7px}.card-meta{display:block;font-size:8px}.card-stats{margin-top:8px;gap:12px;font-size:9px}.card-stats svg{width:11px;height:11px}.badge{top:7px;left:7px;font-size:7px;padding:5px 6px}.art-open{width:23px;height:23px;right:7px;bottom:7px;font-size:17px}.full-button{margin:27px 0}.community-strip{margin-top:34px;padding:22px 0;gap:12px;grid-template-columns:25px 1fr}.community-sign{font-size:35px}.community-strip .mono{font-size:9px}.community-strip h2{font-size:24px;margin-top:10px}.community-strip p{font-size:11px}.community-strip>.button{font-size:11px;margin-top:6px}.guide-row{gap:12px;flex-wrap:wrap}.guide-row .mono{width:100%;font-size:9px}.guide-row strong{font-size:18px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:26px}.section-head a{font-size:10px;margin-top:9px}.page-heading{padding:28px 0 18px}.page-heading h1{font-size:35px}.page-heading p{font-size:12px}.breadcrumbs{padding-top:19px;font-size:9px;gap:7px}.detail{padding-top:18px;gap:19px}.detail-media{padding:12px}.video-portrait{width:min(100%,310px)}.detail-info h1{font-size:37px}.detail-info>p{font-size:12px}.detail-info .champion-label{font-size:10px}.download-count{font-size:9px}.yt-support p{font-size:11px}.yt-support a{font-size:10px}.queue-row{grid-template-columns:27px 1fr;gap:10px;padding:20px 0}.queue-row>.pill{grid-column:2;justify-self:start}.queue-row h3{font-size:21px}.queue-number{font-size:20px}.band{display:block}.band .button{margin-top:17px}.auth{margin:27px auto 45px;padding:24px}.auth h1{font-size:30px}.form-row{grid-template-columns:1fr}.panel,.admin-item{padding:18px}.admin-tabs{gap:6px}.admin-tabs .button{padding:9px 10px;font-size:10px}.profile-actions{flex-direction:column;align-items:stretch}.admin-item header{flex-direction:column;gap:4px}.guide-intro{display:block}.guide-intro .text-link{margin-top:10px}.guide-video{min-height:200px}.help-text h2{font-size:26px}.help-text p,.help-text li{font-size:12px}footer{margin:40px 18px 0;grid-template-columns:1fr;gap:15px;padding-top:23px}.footer-links{justify-content:start;gap:15px}.legal,.copyright{grid-column:1}.legal{font-size:9px}.footer-brand{font-size:23px}.section{padding-top:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.champion-rail .rail-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rail-list .rail-all{grid-column:1/-1}.rail-list .champion-pick{display:grid;gap:4px;padding:3px;border:1px solid transparent;min-width:0}.champion-pick img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.75)}.champion-pick:hover img,.champion-pick.selected img{filter:saturate(1)}.rail-list .champion-pick.selected{border-color:var(--accent);background:transparent}.rail-champion-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:8px!important;color:var(--text)!important}.champion-heading{display:flex;align-items:center;gap:10px;font-size:10px!important;color:var(--accent)!important}.champion-heading img{width:30px;height:30px;object-fit:cover}.without-rail main{margin-right:0}.without-rail footer{margin-right:34px}.card-art img{padding:10px}.card .badge{top:auto;bottom:10px;left:10px}.detail-media>.detail-art img{padding:12px}.art-toggle img{padding:8px}@media(max-width:600px){.champion-rail .rail-list{display:flex;gap:7px}.rail-list .champion-pick{display:block;width:40px;flex:0 0 40px;position:relative;padding:2px}.champion-pick img{width:34px;height:34px}.rail-champion-name{display:none}.rail-list .rail-all{padding:8px 10px;min-width:62px}.without-rail footer{margin-right:18px}.card-art img{padding:7px}.card .badge{bottom:7px;left:7px}}
.card-art{aspect-ratio:1.28}.archive-heading{padding-top:26px;padding-bottom:22px}.archive-heading h1{font-size:46px}@media(max-width:600px){.card-art{aspect-ratio:.9}.archive-heading h1{font-size:34px}}
.video-portrait{width:min(100%,290px)}@media(max-width:600px){.video-portrait{width:min(100%,310px)}}

/* THEME V3 */
:root{--bg:#0c1420;--surface:#121f2e;--surface2:#1a2a3d;--line:#2a394c;--text:#e9edf2;--muted:#9aaabd;--accent:#d4b574;--accent-dark:#b8944f;--gold:#d4b574;--red:#f39b95;font-family:'DM Sans','Segoe UI',sans-serif;color-scheme:dark;background:var(--bg)}
body{background:var(--bg)}h1,h2,h3{font-family:'Barlow Condensed','DM Sans',sans-serif;letter-spacing:.01em;font-weight:700}.mono,.eyebrow,.champion-label,.badge,.tag,.feature-kicker,.rail-heading,.archive-total,.catalog-count,.breadcrumbs,.media-label,.copyright{font-family:'DM Sans',sans-serif}.header{height:84px;background:#0e1927;border-bottom:1px solid #2c3c50;padding-inline:28px;gap:45px}.brand{font-family:'DM Sans',sans-serif;font-size:19px;letter-spacing:-.035em}.brand svg{background:transparent;border:1px solid #9d8048;color:var(--accent);padding:6px;transform:none;width:40px;height:40px}.brand-small{font-size:10px;letter-spacing:.37em;color:var(--accent)}.header nav{font-size:13px;gap:30px}.header nav a{padding:12px 0;border-bottom-width:2px;color:#acb9c9}.header nav a.active,.header nav a:hover{color:#f3ddae}.header-right .button{font-size:12px;border-color:#4d4c43;color:#e6d2a7;background:transparent}.header nav.open{background:#101e2e}.yt-icon{color:var(--accent)}
main{margin-right:0;margin-left:230px}.wrap{width:min(1180px,calc(100% - 64px))}.champion-rail{left:22px;right:auto;top:108px;width:187px;border-top:0;border-right:1px solid #26374c;padding:0 16px 0 0;max-height:calc(100dvh - 128px);scrollbar-color:#364b65 transparent}.rail-heading{font-size:11px;color:#b3c0d0;letter-spacing:.12em;margin-bottom:13px;padding:6px 3px}.champion-rail .rail-list{display:flex;flex-direction:column;gap:4px}.rail-list .rail-all{display:flex;min-height:39px;padding:9px 11px;border:1px solid var(--line);font-size:12px;margin-bottom:5px}.rail-list .rail-all.selected{background:#273346;color:#f2d59d;border-color:#8b7346}.rail-list .champion-pick{display:flex;align-items:center;gap:10px;border:1px solid transparent;padding:5px;background:transparent;min-height:46px;width:100%;text-align:left}.champion-pick img{width:33px;height:33px;object-fit:cover;filter:none;border:1px solid #405069;flex:none}.rail-list .champion-pick:hover{background:#17263a}.rail-list .champion-pick.selected{background:#243044;border-color:#8e7547;color:#f0d9a7}.rail-champion-name{display:block;white-space:normal;text-overflow:clip;overflow:visible;text-align:left;font-size:12px!important;font-weight:500;color:#c6d0dd!important}.rail-list .champion-pick.selected .rail-champion-name{color:#f2dab0!important}.rail-skin-count{font-size:10px!important;color:#7e93ad!important;margin-left:auto;padding:0 3px}.rail-bottom{font-size:11px;padding-left:5px;color:#758aa5}.archive-heading{padding:30px 0 25px;align-items:center}.archive-heading h1{font-size:50px;text-transform:uppercase;letter-spacing:.02em}.archive-heading .eyebrow{font-size:10px;color:#91a4bc;letter-spacing:.13em;margin-bottom:8px}.archive-total{font-size:10px;color:#7c91ab}.archive-total strong{color:#e3c18a;font-size:17px}.support-strip{background:#111f30;border:1px solid #2b3a4f;padding:12px 16px;margin-bottom:21px;font-size:12px}.support-strip p{font-size:12px;color:#9fb0c5}.support-strip a{font-size:12px;color:#dec38f}.catalog-tools{grid-template-columns:minmax(0,1fr) 210px;margin-top:16px;gap:12px}.search-box{background:#0f1d2e;border:1px solid #33455c;min-height:54px;border-radius:4px}.search-box input{font-family:'DM Sans',sans-serif;font-size:13px;color:#e6edf5}.search-box>span{color:#d5b578}.search-box kbd{color:#7389a4;border-color:#3b4b60}.select-field{background:#101e2e;border-color:#33455c;border-radius:4px}.select-field>span{font-family:'DM Sans',sans-serif;font-size:9px;color:#8299b3;letter-spacing:.12em}.select-field select{font-size:12px;background:#101e2e;color:#d0dcec}.catalog-count{font-size:10px;color:#8295ae;letter-spacing:.025em;margin-bottom:18px}.grid{column-gap:18px;row-gap:23px}.card{border:1px solid #2a3a4e;padding-bottom:0;border-radius:5px;overflow:hidden;background:#121f2e;transition:border-color .18s,box-shadow .18s}.card:hover{border-color:#9f834d;box-shadow:0 5px 20px #0003}.card-art{aspect-ratio:1.27;background:#111924;border-bottom:1px solid #273a50}.card-art img{padding:8px}.card-art .character-render{object-fit:contain}.card-art:after{border:0}.card-body{padding:16px 17px}.card h3{font-size:25px;font-weight:600;line-height:1.05;letter-spacing:.01em;margin-bottom:15px}.champion-label{font-size:11px;color:#d4b574;letter-spacing:.06em}.champion-label span{font-size:10px;color:#7f94b0}.card-meta{font-size:10px;color:#8da0b8;gap:6px}.card-stats{font-size:11px;gap:10px}.card-stats svg{width:13px;height:13px}.badge{font-size:9px;background:#1b2c40eb;color:#dbc797;border:1px solid #705f3c;padding:6px 8px;letter-spacing:.06em}.badge.upcoming{background:#2a2e35;color:#c3bba6;border-color:#5d5748}.art-open{background:#17273beb;color:#dcc08a;border:1px solid #6b5b3d;width:26px;height:26px;font-size:19px}.button{background:#cfad6c;color:#101927;border-color:#cfad6c;border-radius:3px;font-size:12px}.button:hover{background:#e4c892;border-color:#e4c892}.button-outline{background:transparent;border-color:#4b5c70;color:#c6d2df}.button-outline:hover{color:#101927;background:#d9bd88;border-color:#d9bd88}.button-danger{background:#853f3d;border-color:#853f3d;color:#fff}.text-link:hover{color:#e9c789}.community-strip{border-top:1px solid #40516a;border-bottom:1px solid #2d3e54}.community-strip .mono{font-size:10px;color:#a4b3c5;letter-spacing:.12em}.community-strip h2{font-size:33px;color:#e1e8f0}.community-strip p{font-size:12px}.community-sign{color:#a98d57}.guide-row{border-color:var(--line)}.guide-row .mono{font-size:10px;color:#8298b4}.guide-row strong{font-family:'Barlow Condensed',sans-serif;font-size:25px;letter-spacing:.02em}.page-heading h1{font-size:48px;text-transform:uppercase}.page-heading p{font-size:13px;line-height:1.8}.page-heading .eyebrow{font-size:10px}.breadcrumbs{font-size:11px;color:#8197b2}.detail{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.detail-media{background:#101d2b;border:1px solid #2c3e55;border-radius:4px;padding:16px}.media-label{font-size:10px;color:#99adc5;margin-bottom:14px;letter-spacing:.04em}.video-portrait{width:min(100%,290px);border-radius:4px;overflow:hidden}.detail-info{padding-top:5px}.detail-info h1{font-size:48px;font-weight:700;line-height:1.02;letter-spacing:.01em;color:#e8edf4;margin:18px 0}.detail-info>p{font-size:13px;color:#a0b1c7;line-height:1.8}.champion-heading{font-size:11px!important;letter-spacing:.04em;color:#d8bc84!important}.champion-heading img{width:33px;height:33px;border:1px solid #75603a}.tag{font-size:10px;border-color:#35465d;color:#96aac3;background:#131f2f}.yt-support{background:#132236;border:1px solid #334962;border-radius:4px;padding:16px;margin-top:20px}.yt-support p{font-size:12px;color:#acbdd0}.yt-support a{font-size:11px;background:#1d3049;color:#d8e2ef;border:1px solid #4b617c;border-radius:3px;padding:11px 12px}.yt-support a:hover{background:#32465e;border-color:#a28b61}.vote-row{gap:9px}.vote{border-color:#3b4e67;background:#142238;color:#c0d0e3;border-radius:3px}.vote[aria-pressed=true]{background:#c9ac74;color:#102030;border-color:#c9ac74}.download-count{font-size:10px}.download-box{border-top:1px solid #5d523b;padding-top:20px}.download-box .button{background:#c9a769;border-color:#c9a769;color:#101a28;font-size:13px;min-height:49px}.download-box .button:hover{background:#e2c78f}.download-box p{font-size:11px}.art-toggle{border-color:#33445a}.art-toggle summary{font-size:12px;color:#acbdd2}.detail-art{background:#0e1725;border-radius:3px}.notice,.empty{background:#172537;border-color:#31445c;color:#a6b9ce}.notice{border-left-color:#b89658}.queue{border-top-color:#aa8c56}.queue-row{border-color:#304057}.queue-row h3{font-size:28px}.queue-number{font-family:'Barlow Condensed',sans-serif}.pill{font-family:'DM Sans',sans-serif;font-size:10px;background:#14253b}.auth{background:#122033;border-top:3px solid #c4a160;border-radius:4px}.auth h1{font-size:37px}.auth input,.panel input,.panel textarea,.panel select,.admin-item input,.admin-item select{background:#0d1929;border-color:#354962}.auth p,.panel p{color:#a2b5cc}.form-note{font-size:11px;color:#8fa3bd}.form-stack label{font-size:12px}.form-row label{font-size:12px}.panel,.admin-item{background:#121f31;border-color:#31445c;border-radius:4px}.panel h2{font-size:31px}.admin-item blockquote{border-color:#b89a61;font-size:14px;color:#c8d3e0}.help-text h2{font-size:31px}.help-text p,.help-text li{font-size:14px;color:#a7b9cf}.guide-intro p{font-size:12px}.guide-video{border:1px solid #34485e;border-radius:4px}.form-error{color:#f0a29b}.without-rail main{margin-left:0;margin-right:0}.without-rail footer{margin-left:32px;margin-right:32px}footer{margin:55px 32px 0 262px;border-color:#293e57}.footer-brand{font-family:'DM Sans',sans-serif;font-size:21px;letter-spacing:-.04em}.footer-brand span{color:#c9ab73}.footer-links{font-size:11px}.legal{font-size:10px;color:#748ba9}.copyright{font-size:10px;color:#6b83a0}#toast{background:#23364f;color:#e3ebf5;border-left-color:#d4b574;border-radius:4px}.band{border-color:#30445e}.band h2{font-size:33px}
@media(min-width:1600px){main{margin-left:245px;margin-right:0}.champion-rail{left:30px;right:auto;width:191px}.header{padding-inline:32px}footer{margin-left:277px;margin-right:32px}}
@media(max-width:1150px){main{margin-left:210px;margin-right:0}.champion-rail{left:16px;right:auto;width:176px;padding-right:12px}.wrap{width:calc(100% - 44px)}.header{padding-inline:22px;gap:30px}.header nav{gap:22px;font-size:12px}.card h3{font-size:23px}.card-body{padding:14px}.card-meta{font-size:9px}.card-stats{font-size:10px;gap:7px}.card-stats svg{width:12px;height:12px}.detail-info h1{font-size:41px}.detail-info>p{font-size:12px}.yt-support a{font-size:10px;padding:10px}.catalog-tools{grid-template-columns:minmax(0,1fr) 180px}.archive-heading h1{font-size:45px}.download-count{font-size:9px}footer{margin-left:232px;margin-right:22px}}
@media(max-width:880px){.header nav.open{top:83px;background:#101e2e}.detail{grid-template-columns:1fr}.card h3{font-size:25px}.catalog-tools{grid-template-columns:minmax(0,1fr)}.select-field{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.select-field select{width:auto;max-width:75%}.detail-info h1{font-size:45px}.media-label{font-size:10px}.archive-total{font-size:9px}.archive-heading h1{font-size:40px}.community-strip h2{font-size:31px}}
@media(max-width:600px){.header{height:72px;padding-inline:17px;gap:15px}.header nav.open{top:71px}.brand{font-size:17px}.brand svg{width:33px;height:33px}.brand-small{font-size:9px}.header-right .button{font-size:11px}.wrap{width:calc(100% - 32px)}main{margin-left:0;margin-right:0}.champion-rail{position:sticky;top:0;left:auto;right:auto;width:100%;padding:8px 16px;background:#0e1a29;border-right:0;border-bottom:1px solid #30435a;max-height:none;overflow:visible}.champion-rail .rail-list{flex-direction:row;gap:7px;overflow-x:auto;padding-bottom:3px}.rail-list .rail-all{min-width:64px;margin:0;flex:none;min-height:39px;align-self:center;font-size:11px}.rail-list .champion-pick{display:flex;width:auto;flex:0 0 auto;min-height:43px;padding:4px 7px;gap:7px}.champion-pick img{width:29px;height:29px}.rail-champion-name{display:block;font-size:11px!important;white-space:nowrap}.rail-skin-count{display:none}.rail-heading,.rail-bottom{display:none}.archive-heading{padding:24px 0 20px;gap:12px}.archive-heading h1{font-size:37px}.archive-heading .eyebrow{font-size:8px;letter-spacing:.07em}.archive-total{font-size:8px}.archive-total strong{font-size:14px}.support-strip{padding:12px;gap:10px;align-items:center}.support-strip p{font-size:10px;max-width:195px}.support-strip a{font-size:10px}.search-box input{font-size:12px}.select-field select{font-size:11px}.catalog-count{font-size:9px;line-height:1.6;align-items:start}.catalog-count>span:last-child{max-width:160px;text-align:right}.grid{gap:15px 11px}.card-body{padding:12px 10px}.card h3{font-size:23px;line-height:1.02;margin-bottom:13px}.champion-label{font-size:10px;letter-spacing:.04em}.champion-label span{font-size:8px}.card-meta{font-size:9px;display:block;line-height:1.5}.card-stats{font-size:10px;gap:12px;margin-top:8px}.card-stats svg{width:12px;height:12px}.badge{font-size:8px;padding:5px 6px}.card-art{aspect-ratio:.95}.card-art img{padding:6px}.page-heading h1{font-size:39px}.detail-info h1{font-size:44px}.detail-info>p{font-size:13px}.detail-media{padding:13px}.video-portrait{width:min(100%,310px)}.media-label{font-size:9px}.yt-support a{font-size:11px;padding:10px 11px}.download-box p{font-size:10px}.community-strip h2{font-size:30px}.community-strip p{font-size:12px}.guide-row strong{font-size:24px}.form-note{font-size:11px}.form-row label{font-size:12px}.without-rail footer{margin-inline:16px}footer{margin:40px 16px 0}.footer-links{font-size:11px}.legal{font-size:10px}.queue-row h3{font-size:25px}.help-text p,.help-text li{font-size:13px}.breadcrumbs{font-size:10px}.help-text h2{font-size:30px}}
.rail-list button span{font-family:"DM Sans",sans-serif}.rail-list .rail-champion-name{font-size:13px!important}.rail-list .rail-skin-count{font-size:10px!important}@media(max-width:600px){.rail-list .rail-champion-name{font-size:11px!important}}

/* Compact owner comment inbox */
.chip{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #344b64;background:#132338;color:#acbdd1;border-radius:3px;font-size:12px;min-height:36px}.chip.selected{background:#c5a56c;color:#102035;border-color:#c5a56c}.chip:hover{border-color:#b39b6a}.without-rail .page-heading{padding:25px 0 12px}.without-rail .page-heading h1{font-size:37px;margin-bottom:8px}.admin-tabs{padding:8px 0 19px;gap:8px}.comment-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 160px 170px;gap:10px}.comment-toolbar .search-box{min-height:43px}.comment-toolbar input{height:41px}.comment-toolbar select{background:#112033;border-color:#35485f;border-radius:3px;font-size:12px;padding:9px 11px}.comment-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#8097b4;padding:13px 0}.comment-caption>span:first-child{color:#c5d2e3}.comment-row{border:1px solid #2a3f58;border-bottom:0;background:#101e2e}.comment-row:last-child{border-bottom:1px solid #2a3f58}.comment-row>summary{display:grid;grid-template-columns:150px minmax(0,1fr) 85px 20px;gap:18px;align-items:center;padding:13px 16px;cursor:pointer;list-style:none;min-height:75px}.comment-row>summary::-webkit-details-marker{display:none}.comment-row>summary:hover{background:#192b40}.comment-author{min-width:0}.comment-author strong{display:block;font-size:12px;overflow-wrap:anywhere;color:#d7e2ee;font-weight:600}.comment-author small{display:block;margin-top:5px;font-size:10px;color:#7f95b0}.comment-preview{min-width:0}.comment-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.55;color:#bdcada}.comment-concept{display:block;color:#cbb581;font-size:10px;margin-top:4px}.comment-state{display:grid;gap:5px;text-align:right;font-size:11px;color:#b5c4d7}.comment-state small{font-size:10px;color:#839cb9}.comment-chevron{color:#d0b477;font-size:20px;text-align:center}.comment-row[open]>summary{background:#203149;border-bottom:1px solid #35485e}.comment-row[open] .comment-chevron{transform:rotate(180deg)}.comment-editor{padding:19px 22px 22px;background:#142338}.comment-full{font-size:14px;line-height:1.8;color:#c5d2e1;margin-bottom:12px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-editor>.form-row{margin-top:14px}.comment-editor input,.comment-editor select{background:#0f1c2d;border-color:#3c516c}.comment-editor .form-note a{color:#d4b574}.comment-pagination{display:flex;align-items:center;justify-content:end;gap:15px;padding:18px 0 7px;font-size:11px;color:#9eb2cc}.comment-pagination .button:disabled{opacity:.35}.comment-row .button-small{font-size:11px}.comment-editor .admin-actions{gap:9px}@media(max-width:750px){.comment-toolbar{grid-template-columns:1fr 1fr}.comment-toolbar>.search-box{grid-column:1/-1}.comment-row>summary{grid-template-columns:minmax(0,1fr) 65px 15px;gap:8px 12px;padding:12px}.comment-author{grid-column:1}.comment-author strong{font-size:12px}.comment-author small{display:inline;font-size:9px}.comment-preview{grid-column:1/-1;grid-row:2}.comment-state{grid-column:2;grid-row:1}.comment-chevron{grid-column:3;grid-row:1}.comment-caption{font-size:10px;align-items:start}.comment-caption>span:last-child{max-width:200px;text-align:right}.comment-editor{padding:15px}.comment-toolbar select{font-size:11px}.comment-text{font-size:12px}.without-rail .page-heading h1{font-size:33px}}

.comment-sync-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 15px}.comment-sync-actions small{font-size:10px;color:#8097b4}.comment-sync-actions .button{font-size:11px;min-height:30px;padding:7px 11px}

/* Fast moderation */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.triage-toolbar{display:grid;grid-template-columns:1fr 180px;gap:12px}.triage-toolbar .search-box{min-height:42px}.triage-toolbar input{height:40px}.triage-toolbar select{padding:8px 10px;background:#112236;border-color:#344a64;font-size:12px}.inline-button{border:0;background:transparent;color:#c7b184;font-size:11px;padding:2px 3px;cursor:pointer}.inline-button:disabled{opacity:.5}.triage-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:12px;padding:13px 14px;border:1px solid #293f58;border-bottom:0;background:#101e30}.triage-row:last-child{border-bottom:1px solid #293f58}.triage-avatar{position:relative;width:35px;height:35px;border-radius:50%;overflow:hidden;background:#2a405a;display:grid;place-items:center;font-size:14px;font-weight:700;color:#c8d4e3}.triage-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.triage-content{min-width:0}.triage-byline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;line-height:1.4}.triage-byline strong{font-size:12px;font-weight:600;color:#cad7e8}.triage-byline small,.triage-byline>span{font-size:10px;color:#8da3bd}.triage-byline a{font-size:12px;color:#bca46e}.triage-text{font-size:13px;line-height:1.6;color:#b9c9dc;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.triage-actions{display:flex;gap:7px;align-items:start;padding-top:3px}.triage-approve,.triage-reject{font-size:11px;padding:7px 9px;min-height:29px;border:1px solid #3f6b62;background:#17392f;color:#b4ddc7;border-radius:3px;white-space:nowrap}.triage-reject{border-color:#5d3e49;color:#d9a5ad;background:#312331}.triage-approve:hover{background:#235241}.triage-reject:hover{background:#4a2b38}.triage-editor{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1fr) auto auto;gap:8px;margin-top:12px;align-items:center}.triage-editor input{height:35px;padding:7px 9px;background:#0d1928;border-color:#39516e;font-size:12px}.triage-editor .button{min-height:35px;padding:8px 10px;font-size:11px}.triage-queue-note{display:block;margin-top:7px;font-size:10px;color:#8a9fba}.triage-done{display:block;margin-top:8px;font-size:11px;color:#a8b992}.triage-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.triage-bottom>#moderation-feedback{font-size:10px;color:#91a8c1}.triage-empty{padding:35px 16px;text-align:center;border:1px dashed #334a66;color:#90a7c2;font-size:13px}.without-rail .page-heading{padding-top:21px;padding-bottom:8px}.without-rail .page-heading h1{font-size:33px}.without-rail .page-heading p{font-size:12px;margin-bottom:5px}.admin-tabs{padding-bottom:15px}.admin-tabs .chip{font-size:11px;padding:8px 11px}.comment-pagination{padding-top:13px}.comment-pagination .button{min-height:29px;padding:5px 10px}
@media(max-width:800px){.triage-editor{grid-template-columns:1fr 1fr}.triage-editor .button{width:100%}.triage-row{gap:10px;padding:12px}.triage-actions{flex-direction:column;gap:5px}.triage-byline{gap:7px}.triage-byline small{font-size:9px}}@media(max-width:500px){.triage-row{grid-template-columns:29px minmax(0,1fr);gap:9px}.triage-avatar{width:29px;height:29px;font-size:12px}.triage-actions{grid-column:2;flex-direction:row;padding-top:0}.triage-toolbar{grid-template-columns:1fr}.triage-toolbar select{font-size:11px}.triage-text{font-size:12px}.triage-byline strong{font-size:11px}.triage-bottom{align-items:start}.triage-bottom>#moderation-feedback{padding-top:13px;max-width:60%}.admin-tabs .chip{font-size:10px;padding:7px 8px}.triage-editor{grid-template-columns:1fr 1fr}.triage-editor label{grid-column:1/-1}}

.creator-links{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0 25px}.creator-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:18px;background:#122238;border:1px solid #354c69;border-left:3px solid #bd9c53;text-decoration:none;transition:background .18s,border-color .18s}.creator-card:hover{background:#1a304a;border-color:#a1844d}.creator-toba{border-left-color:#5096b3}.creator-card img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:2px solid #596c85}.creator-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.creator-copy strong{font-family:'Barlow Condensed',sans-serif;font-size:26px;color:#e8ecf3;letter-spacing:.1px;line-height:1}.creator-overline{color:#b6a374;font-size:8px;letter-spacing:1.2px}.creator-toba .creator-overline{color:#87b7ca}.creator-copy small{font-size:10px;line-height:1.6;color:#a1b3cb}.creator-arrow{font-size:20px;color:#c4ab74}@media(max-width:600px){.creator-links{gap:10px;margin:15px 0 21px}.creator-card{padding:14px 12px;grid-template-columns:1fr;gap:10px;align-content:start}.creator-card img{width:40px;height:40px}.creator-copy strong{font-size:22px}.creator-overline{font-size:7px;letter-spacing:.6px}.creator-copy small{font-size:10px;min-height:48px}.creator-arrow{position:absolute;right:13px;top:19px}.creator-copy{gap:6px}}

.triage-unrelated{font-size:11px;padding:7px 9px;min-height:29px;border:1px solid #526079;background:#24334a;color:#b8c8dd;border-radius:3px;white-space:nowrap}.triage-unrelated:hover{background:#344a65}.skin-admin-tools{display:grid;grid-template-columns:1fr 155px;gap:9px;margin-bottom:15px;position:sticky;top:91px;background:#0d1929;padding:9px 0;z-index:2}.skin-admin-tools .search-box{min-height:38px}.skin-admin-tools input{height:36px;font-size:12px}.skin-admin-tools select{padding:8px;background:#14243a;font-size:11px;border-color:#344a67}.skin-admin-tools small{grid-column:1/-1;color:#91a6be;font-size:10px}[data-admin-skin][hidden],#skin-admin-empty[hidden]{display:none!important}@media(max-width:600px){.skin-admin-tools{grid-template-columns:1fr;top:72px}.triage-actions{flex-wrap:wrap}.triage-unrelated{font-size:10px}.triage-approve,.triage-reject{font-size:10px}}

.owner-reply-context{font-size:11px;line-height:1.6;color:#98b8c7;margin:8px 0 0;padding-left:9px;border-left:2px solid #456477}.owner-reply-context strong{font-weight:500;color:#bbd7df}

.request-buckets{display:flex;gap:9px;margin-bottom:20px}.queue-row h3{overflow-wrap:anywhere}.queue-row>div{min-width:0}

/* Recovery and correctly sized image previews */
.forgot-link{margin:12px 0 0;text-align:right;font-size:.9rem}.forgot-link a,.recovery a.text-link{color:var(--accent,#c9a867)}.recovery .notice{margin:18px 0}.recovery-result:not(:empty){padding:15px;border:1px solid #50674a;border-radius:8px;background:#18251d;color:#dae9d5}.recovery .text-link{display:inline-block;margin-top:18px}.account-email{font-size:.95rem;color:#bbc5d0}.account-email strong{color:#ecdfc9}.admin-pic{object-fit:contain}

/* Sticky site navigation */
:root{--header-height:84px}.header{position:sticky;top:0}html{scroll-padding-top:calc(var(--header-height) + 16px)}@media(max-width:600px){:root{--header-height:72px}.champion-rail{top:var(--header-height)}}

/* Shared creator entry, responsive catalogue and release dates */
:root{--sidebar-space:230px}.page-creators{margin-left:var(--sidebar-space);min-width:0}.page-creators .creator-links{margin:20px 0 18px}.without-rail .page-creators{margin-left:0}.wrap{width:min(1440px,calc(100% - 64px))}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card .champion-label{align-items:center;min-height:28px;margin-bottom:10px}.card .card-champion{display:inline-flex;align-items:center}.card-champion img{width:28px;height:28px;object-fit:cover;border:1px solid #45546a;border-radius:3px}.card .card-version{font-size:9px;color:#8fa5bf}.release-date{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:11px;line-height:1.6;color:#dfc58d;margin:0 0 13px}.release-date>span,.release-date small{color:#91a6be;font-size:10px}.release-pending{color:#8b9eb6;font-size:10px}.card-body{min-width:0}.card-meta{flex-wrap:wrap}.page-creators .creator-card{min-width:0}.page-creators .creator-copy small{overflow-wrap:anywhere}.catalog-tools{margin-top:0}.detail-info .release-date{margin:9px 0}
@media(min-width:1600px){:root{--sidebar-space:245px}}
@media(max-width:1279px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){:root{--sidebar-space:210px}.wrap{width:calc(100% - 44px)}}
@media(max-width:959px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){:root{--sidebar-space:0px}.wrap{width:calc(100% - 32px)}.page-creators .creator-links{margin:16px 0}.page-creators .creator-card{padding:12px 10px;gap:8px}.page-creators .creator-copy strong{font-size:22px}.page-creators .creator-copy small{font-size:9px;line-height:1.6;min-height:0}.card-champion img{width:25px;height:25px}.release-date{font-size:10px;gap:2px 4px}.card h3{font-size:22px}.card-stats{flex-wrap:wrap}}
@media(max-width:359px){.grid{grid-template-columns:minmax(0,1fr)}.page-creators .creator-links{grid-template-columns:minmax(0,1fr)}.page-creators .creator-card{grid-template-columns:36px minmax(0,1fr) 16px;align-items:center}.page-creators .creator-card img{width:36px;height:36px}.page-creators .creator-arrow{position:static}.page-creators .creator-overline{font-size:7px}}

@media(max-width:600px){.champion-rail .rail-skin-count{display:inline;margin-left:4px}}

/* Costume authorship and matching color downloads */
.skin-description{white-space:pre-line}.skin-credit{padding:12px 14px;border-left:2px solid #a58a54;background:#112034;margin:16px 0;color:#c4d1df;font-size:12px}.skin-credit>span{color:#8ea3bc;margin-right:9px;font-size:10px}.skin-credit>a,.skin-credit>strong{color:#e1c791;font-weight:600}.skin-credit p{margin:7px 0 0;color:#92a6bd;font-size:11px;line-height:1.6}.variant-picker{border:1px solid #33465e;padding:13px 14px;margin:20px 0;background:#101d2d;min-width:0}.variant-picker legend{font-size:12px;color:#d8c18d;padding:0 6px}.variant-picker legend span{font-size:10px;color:#8ca2bc;margin-left:10px}.variant-picker-body{display:grid;grid-template-columns:140px minmax(0,1fr);gap:15px;align-items:center}.variant-preview{background:#0c1725;border:1px solid #24374e;height:190px;display:grid;place-items:center;min-width:0}.variant-preview img{width:100%;height:100%;max-height:190px;object-fit:contain;padding:6px}.variant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.variant-option{display:flex;align-items:center;gap:7px;padding:9px 8px;min-width:0;border:1px solid #344a64;background:#142439;color:#b8c8db;font-size:10px;line-height:1.4;text-align:left}.variant-option:hover{background:#20344d}.variant-option[aria-pressed=true]{border-color:#c0a165;background:#28364a;color:#f1d8a5;box-shadow:inset 0 0 0 1px #c0a165}.variant-swatch{width:13px;height:13px;flex:none;border:1px solid #ffffff60;border-radius:50%}.variant-picker>p{font-size:10px;color:#879db8;margin:11px 0 0}.variant-picker>p strong{color:#d6dfeb}.variant-admin,.credit-admin{border:1px solid #35475f;padding:10px 12px;margin:5px 0}.variant-admin>summary,.credit-admin>summary{cursor:pointer;font-size:12px;color:#c9af78}.variant-admin>summary span{color:#8da5c0;margin-left:7px}.variant-admin-row{border-top:1px solid #31435c;padding:12px 0;margin-top:12px}.variant-admin-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-bottom:9px}.variant-admin-row label,.credit-admin[open]>label{display:grid;gap:5px;margin:8px 0}.variant-admin-row input[type=color]{width:100%;height:35px;padding:3px}.credit-admin .form-row{margin-top:12px}
@media(max-width:600px){.variant-picker{padding:11px 9px}.variant-picker-body{grid-template-columns:105px minmax(0,1fr);gap:9px}.variant-preview{height:170px}.variant-preview img{max-height:170px;padding:3px}.variant-options{gap:5px}.variant-option{font-size:9px;padding:8px 5px;gap:5px}.variant-swatch{width:10px;height:10px}.skin-credit{padding:10px 12px}}
@media(max-width:359px){.variant-picker-body{grid-template-columns:minmax(0,1fr)}.variant-preview{height:190px}.variant-preview img{max-height:190px}.variant-option{font-size:11px}}

/* Separate the collection from community, installation and site information */
.home-next-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0 0;padding-top:26px;border-top:1px solid #35465c}.next-step{display:flex;flex-direction:column;align-items:flex-start;padding:25px 26px;background:#132235;border:1px solid #34475f;border-top:2px solid #b59a61;min-width:0;transition:background .18s,border-color .18s}.next-guide{background:#102332;border-color:#2f4c5d;border-top-color:#5793ad}.next-step:hover{background:#192c43;border-color:#a48b59}.next-guide:hover{background:#163043;border-color:#62a1b9}.next-step-kicker{font-size:9px;letter-spacing:1.1px;font-weight:600;color:#c6af7d}.next-guide .next-step-kicker{color:#83b1c4}.next-step h2{font-size:31px;line-height:1.12;color:#e6edf5;margin:15px 0 10px;max-width:470px}.next-step p{font-size:12px;line-height:1.8;color:#99adc5;margin:0 0 22px;max-width:490px}.next-step-action{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;padding-top:15px;border-top:1px solid #33465e;margin-top:auto;color:#dec38c;font-size:11px;font-weight:600}.next-guide .next-step-action{color:#96c8db;border-color:#2e4b5d}.next-step-action>span{font-size:20px;font-weight:400}.home-wrap>.collection>.full-button{margin:28px 0 10px}footer{background:#0a121e;border:1px solid #26374c;border-top:2px solid #354960;border-radius:4px;padding:27px 24px;margin-top:35px}.variant-preview:hover{border-color:#a48c58}
@media(max-width:700px){.home-next-steps{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:25px;padding-top:20px}.next-step{padding:21px}.next-step h2{font-size:29px}.next-step p{font-size:11px}footer{padding:23px 18px;margin-top:26px}}

/* Compact costume labels */
.card .card-body{padding:11px 12px}.card-title-row{display:flex;align-items:center;gap:9px;min-width:0}.card-title-row>img{width:27px;height:27px;flex:0 0 27px;border:1px solid #45546a;border-radius:3px}.card .card-title-row h3{margin:0;font-size:23px;line-height:1.15;min-width:0}.card .card-meta{margin-top:9px;min-height:13px}.card .card-version{font-size:9px;color:#92a9c1}.card .release-date{margin:7px 0 0;font-size:10px}
/* Request concepts */
.request-buckets{padding-top:16px}.queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.queue-row{position:relative;grid-template-columns:29px minmax(0,1fr) auto;gap:12px;padding:20px 16px;border:1px solid #2e4159;background:#101d2d;border-top:2px solid #8e794e;align-items:start;min-width:0}.queue-copy h3{display:flex;align-items:center;gap:8px;font-size:23px;line-height:1.2;margin:0 0 10px}.queue-copy h3 img{width:28px;height:28px;flex:0 0 28px;border:1px solid #496079;border-radius:3px}.queue-copy h3 span{min-width:0}.queue-copy p{font-size:11px;line-height:1.6;margin-bottom:10px}.queue-copy .pill{display:table;margin-top:12px;font-size:9px}.queue-number{font-size:24px}.request-art{align-self:center;width:110px;display:grid;place-items:center;gap:7px}.request-art img{width:110px;height:150px;object-fit:contain}.request-art small{font-size:8px;color:#8da1b9;text-align:center}.queue-author{font-size:9px}.request-outro{margin:35px 0 15px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#15253a;border:1px solid #384d66;border-left:3px solid #c6a35b}.request-outro h2{font-size:29px;margin:9px 0}.request-outro p{margin:0;font-size:12px;color:#a1b6cd}.request-outro .button{flex-shrink:0}
/* Full-width installation guide */
.guide-page .help-text{max-width:none}.guide-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:26px;align-items:start}.guide-watch{min-width:0}.guide-video{width:100%;aspect-ratio:16/9;min-height:0;margin:13px 0 0}.guide-intro{gap:15px}.guide-intro p{font-size:12px}.guide-steps{background:#122136;border:1px solid #324961;padding:22px}.guide-steps ol{list-style:none;counter-reset:guide;padding:0;margin:17px 0 0}.guide-steps li{counter-increment:guide;position:relative;padding-left:37px;margin:0 0 20px}.guide-steps li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:1px;color:#d1b169;font-family:'Barlow Condensed',sans-serif;font-size:22px}.guide-steps li:last-child{margin:0}.guide-steps h2{font-size:23px;margin:0 0 6px}.guide-steps p{font-size:12px;margin:0;color:#9eb2ca;line-height:1.65}.guide-note{margin:24px 0 0;border:1px solid #34445b;padding:18px 22px;background:#0d1826}.guide-note strong{font-size:13px}.guide-note p{font-size:11px;margin:7px 0 0;color:#93a8c0}
/* Smooth transition from the creator entry to compact header links */
.header-creators{display:flex;gap:7px;max-width:0;opacity:0;overflow:hidden;transform:translateY(7px);pointer-events:none;visibility:hidden;transition:opacity .26s ease,transform .26s ease,max-width .26s ease,visibility .26s}.header-creators .creator-card{grid-template-columns:27px minmax(0,1fr);gap:7px;min-width:0;padding:5px 8px;border-left-width:2px;background:#142439}.header-creators .creator-card img{width:27px;height:27px;border-radius:50%}.header-creators .creator-copy strong{font-family:'DM Sans',sans-serif;font-size:11px;white-space:nowrap}.header-creators .creator-overline,.header-creators .creator-copy small,.header-creators .creator-arrow{display:none}.creators-docked .header-creators{max-width:310px;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.page-creators .creator-links{transition:opacity .26s ease,transform .26s ease}.creators-docked .page-creators .creator-links{opacity:0;transform:translateY(-8px);pointer-events:none}.header{gap:25px}.header nav{min-width:0}
@media(max-width:1400px){.queue{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1150px){.header-creators{position:absolute;top:var(--header-height);left:0;right:0;height:48px;max-width:none;width:100%;padding:5px 20px;justify-content:flex-end;background:#0e1927;border-bottom:1px solid #2e4259}.creators-docked .header-creators{max-width:none}.header-creators .creator-card{min-width:140px}.creators-docked .champion-rail{top:calc(var(--header-height) + 68px);max-height:calc(100dvh - var(--header-height) - 84px)}.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-steps ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-steps li{margin:0}}
@media(max-width:600px){.card .card-body{padding:10px}.card .card-title-row h3{font-size:20px}.card-title-row{gap:7px}.card-title-row>img{width:24px;height:24px;flex-basis:24px}.queue-row{grid-template-columns:24px minmax(0,1fr) auto;padding:17px 12px;gap:9px}.queue-copy h3{font-size:21px}.queue-copy h3 img{width:24px;height:24px;flex-basis:24px}.request-art{width:75px}.request-art img{width:75px;height:115px}.request-outro{padding:22px 18px;align-items:stretch;flex-direction:column;gap:18px}.request-outro h2{font-size:27px}.guide-steps{padding:19px 16px}.guide-steps ol{grid-template-columns:minmax(0,1fr)}.header-creators{justify-content:center;padding-inline:16px}.header-creators .creator-card{flex:1;min-width:0;max-width:180px}.creators-docked .champion-rail{top:calc(var(--header-height) + 48px);max-height:none}html{scroll-padding-top:140px}}
@media(prefers-reduced-motion:reduce){.header-creators,.page-creators .creator-links{transition:none}}

/* On phones keep the creator portraits inside the header itself. */
@media(max-width:600px){.header-creators{position:static;width:auto;height:auto;max-width:0;padding:0;gap:4px;background:transparent;border:0;flex-shrink:0}.creators-docked .header-creators{max-width:74px}.header-creators .creator-card{flex:0 0 30px;width:30px;min-width:30px;max-width:30px;display:flex;justify-content:center;padding:3px;border:0;background:transparent}.header-creators .creator-card img{width:24px;height:24px}.header-creators .creator-copy{display:none}.creators-docked .champion-rail{top:var(--header-height)}html{scroll-padding-top:160px}}
@media(max-width:359px){.creators-docked .header .brand>span{display:none}.creators-docked .header{gap:12px}}

.queue-copy{min-width:0;overflow-wrap:anywhere}.guide-video{max-width:none}

@media(max-width:600px){.header{gap:10px}.header-right{gap:9px}#account-link{white-space:nowrap}}
@media(max-width:450px){.queue-copy{display:contents}.queue-copy>h3{grid-column:2/-1;grid-row:1;margin:0}.queue-details{grid-column:2;grid-row:2;min-width:0;overflow-wrap:anywhere}.queue-number{grid-column:1;grid-row:1}.request-art{grid-column:3;grid-row:2;align-self:start}}
@media(max-width:359px){.header .brand>span{display:none}.header{gap:12px}}

/* Public request search and champion filter. */
.request-buckets{flex-wrap:wrap;margin-bottom:14px}.request-tools{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:10px;align-items:stretch}.request-tools .search-box{min-height:48px;background:#111f30;border-radius:3px}.request-tools .search-box input{height:46px;font-size:12px;min-width:0}.request-tools .select-field{min-width:0;background:#111f30;border-radius:3px;border-color:#34485e}.request-tools select{max-width:100%;font-family:'DM Sans',sans-serif}.request-tools>.button{min-height:48px;padding-inline:16px}.request-results{font-size:11px;line-height:1.5;color:#9bb0c8;margin:10px 0 15px}.request-tools .search-box:focus-within{border-color:#c6a35b}
@media(max-width:700px){.request-tools{grid-template-columns:minmax(0,1fr) auto}.request-tools .request-search{grid-column:1/-1}.request-tools>.button{padding-inline:14px}}

/* Themed catalogue sorting, including the opened option list. */
.sort-picker{position:relative;display:grid;gap:3px;min-width:0;padding:7px 10px;background:#132135;border:1px solid #34485e;border-radius:3px;align-content:center}.sort-picker>span{font-family:'DM Sans',sans-serif;font-size:8px;font-weight:700;letter-spacing:.12em;color:#90a7c3}.sort-picker:focus-within{border-color:#c9aa6b;box-shadow:inset 0 -2px #c9aa6b}.sort-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:26px;padding:2px 0;border:0;background:transparent;color:#dce7f5;text-align:left;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;line-height:1.4}.sort-trigger>span{min-width:0}.sort-trigger>svg{width:16px;height:16px;flex:0 0 16px;color:#c9aa6b;transition:transform .16s}.sort-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.sort-trigger:focus-visible{outline:none}.sort-options{position:absolute;right:0;top:calc(100% + 7px);width:max(100%,230px);max-width:calc(100vw - 32px);z-index:40;display:grid;gap:3px;padding:5px;background:#111f31;border:1px solid #6f644b;border-radius:5px;box-shadow:0 10px 26px #0007}.sort-options[hidden]{display:none}.sort-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:9px 11px;border:0;border-left:2px solid transparent;border-radius:2px;background:transparent;color:#b9cbe1;text-align:left;font-family:'DM Sans',sans-serif;font-size:11px;line-height:1.4}.sort-option:hover,.sort-option:focus-visible{background:#24374f;color:#f0eadc;outline:none}.sort-option[aria-selected=true]{background:#253447;color:#e5c681;border-left-color:#d1ae65}.sort-check{visibility:hidden;color:#dfbe7a}.sort-option[aria-selected=true] .sort-check{visibility:visible}
@media(prefers-reduced-motion:reduce){.sort-trigger>svg{transition:none}}

/* Optional traffic measurement */
.analytics-choice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:120;width:min(820px,calc(100% - 28px));padding:18px 20px;background:#132235;border:1px solid #bca16a;box-shadow:0 12px 45px #0008;display:flex;align-items:center;gap:24px}.analytics-choice strong{font:600 17px var(--font-body,sans-serif);color:#f5f3ed}.analytics-choice p{font-size:12px;line-height:1.6;margin:5px 0 0}.analytics-choice-actions{display:flex;gap:8px;flex-shrink:0}.analytics-choice a{text-decoration:underline}.traffic-panel{max-width:1000px}.traffic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.traffic-grid article{border:1px solid #30425a;padding:18px}.traffic-grid h3{font-size:22px;margin:0 0 8px}.traffic-grid p{font-size:13px;margin:0;line-height:1.7}@media(max-width:600px){.analytics-choice{flex-direction:column;align-items:stretch;gap:12px;padding:15px}.analytics-choice-actions{justify-content:flex-end}.traffic-grid{grid-template-columns:1fr}}

/* Community suggestion votes */
.request-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.request-card-actions .pill{margin:0}.request-like{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid #496079;border-radius:4px;background:#17293d;color:#b8cce1;font:500 11px 'DM Sans',sans-serif;cursor:pointer}.request-like svg{width:16px;height:16px;flex-shrink:0}.request-like strong{min-width:15px;padding-left:5px;border-left:1px solid #496079;color:#f2eee5;font-size:12px}.request-like:hover,.request-like:focus-visible{border-color:#d5b770;color:#f2d390}.request-like:focus-visible{outline:2px solid #d5b770;outline-offset:3px}.request-like.is-liked{border-color:#c6a35b;background:#3a3223;color:#f0cf83}.request-like:disabled{opacity:.6;cursor:wait}@media(max-width:450px){.request-card-actions{gap:8px}.request-like{padding:7px 9px;min-height:38px}}

/* v21: compact written champion filter replaces the long champion list. */
.champion-search-panel{overflow:visible;padding-top:4px}
.champion-search-label{display:block;color:#b7c8dd;font-size:12px;line-height:1.5;margin:5px 0 9px}
.champion-search-field{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid #40536c;background:#111f30;border-radius:4px;padding:0 9px}
.champion-search-field:focus-within{border-color:#d0ad65;box-shadow:0 0 0 2px #d0ad651c}
.champion-search-field>span{color:#bfa66c;font-size:19px}
.champion-search-field input{min-width:0;width:100%;height:43px;border:0;background:transparent;color:#e1e9f3;padding:7px 0;outline:0;box-shadow:none;font:inherit;font-size:13px}
.champion-search-field input::placeholder{color:#8499b2}
.champion-filter-clear{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:9px 0 0;padding:8px 0;background:transparent;border:0;color:#d4b77d;font-size:11px;text-align:left;cursor:pointer}
.champion-filter-clear[hidden]{display:none}
.champion-filter-clear:hover{color:#f0d8a7}.champion-filter-clear:focus-visible{outline:2px solid #d0ad65;outline-offset:3px}
.champion-filter-note{margin:9px 0 0;color:#829ab6;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){.champion-search-panel{padding:10px 16px}.champion-search-panel .rail-heading{display:none}.champion-search-label{margin:0 0 5px;font-size:11px}.champion-search-field input{height:37px;font-size:13px}.champion-filter-note{display:none}.champion-filter-clear{margin-top:3px;padding:5px 0}}

/* v22: retain the icon list below the written filter. */
.champion-search-panel{display:flex;flex-direction:column;overflow:hidden}
.champion-search-panel[hidden]{display:none!important}
.champion-search-panel>.rail-heading,.champion-search-panel>.champion-search-label,.champion-search-panel>.champion-search-field,.champion-search-panel>.champion-filter-clear,.champion-search-panel>.champion-filter-note{flex-shrink:0}
.champion-search-panel .rail-list{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;margin-top:12px;padding-right:4px}
.champion-search-panel .rail-list button{flex-shrink:0}
@media(max-width:600px){.champion-search-panel .rail-list{overflow-x:auto;overflow-y:hidden;max-height:64px;flex-direction:row;flex-shrink:0;align-items:center;margin-top:8px;padding:0 0 3px}.champion-search-panel .rail-list .champion-pick{width:auto;flex:0 0 auto}.champion-search-panel .rail-list .rail-all{margin:0}}