:root{
  --bg:#070817;--bg2:#0b0d20;--panel:#12142b;--panel2:#0e1023;--line:#292d50;
  --text:#f5f7ff;--muted:#9199bd;--blue:#397cff;--blue2:#6ca8ff;--red:#ff647c;
  --green:#75e0b1;--gold:#e8c76c;--shadow:0 18px 48px rgba(0,0,0,.33)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:
radial-gradient(900px 460px at 15% -5%,rgba(54,66,185,.26),transparent 60%),
radial-gradient(850px 500px at 100% 0,rgba(28,90,203,.18),transparent 58%),
linear-gradient(180deg,#070617,#090b1d 48%,#0b0e20);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{height:72px;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid rgba(143,155,218,.14);background:rgba(7,8,23,.87);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:950}.brand-mark{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#456fff,#233eb2);box-shadow:0 8px 24px rgba(57,124,255,.35)}nav{display:flex;gap:20px;color:#b0b7d6;font-size:12px;font-weight:800}nav a:hover{color:#fff}.header-search{margin-left:auto;display:flex;gap:7px}.header-search input,.header-search select,.hero-search input,.hero-search select,.tier-search input{background:#0d1026;color:#fff;border:1px solid #2c3157;border-radius:8px;padding:10px 11px}.header-search input{width:230px}.header-search button,.hero-search button,.tier-search button,.primary-btn{border:1px solid #5a8cff;background:linear-gradient(180deg,#3d82ff,#2e61d4);color:#fff;border-radius:8px;padding:10px 14px;font-weight:900;cursor:pointer}.header-search button:hover,.primary-btn:hover{filter:brightness(1.08)}
main{min-height:calc(100vh - 160px)}footer{max-width:1220px;margin:44px auto 0;padding:24px 20px 34px;color:#656d91;font-size:10px;line-height:1.55;border-top:1px solid rgba(255,255,255,.06)}footer strong{color:#7d85aa}
.panel{background:linear-gradient(180deg,rgba(20,22,48,.97),rgba(14,16,35,.98));border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}
.eyebrow{font-size:10px;letter-spacing:.16em;color:#7e88b3;font-weight:900}.hero-home{max-width:930px;margin:0 auto;padding:100px 24px 70px;text-align:center}.hero-home h1{font-size:66px;line-height:.95;margin:13px 0 20px;letter-spacing:-.055em}.hero-home h1 span{color:#7a9dff}.hero-home>p{max-width:650px;margin:0 auto;color:#9da5c8;font-size:16px}.hero-search{margin:31px auto 0;max-width:690px;display:grid;grid-template-columns:95px 1fr 140px;gap:8px}.hero-search input,.hero-search select{padding:15px 14px}.hero-note{margin-top:12px;color:#697194;font-size:10px}
.home-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px}.feature-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:#101227;transition:.18s}.feature-card:hover{transform:translateY(-2px);border-color:#3a4e8f}.feature-card>span{font-size:10px;color:#5b75bd;font-weight:900}.feature-card h3{margin:18px 0 6px}.feature-card p{margin:0;color:#858eb4;font-size:12px}.content-wrap,.profile-shell{max-width:1360px;margin:0 auto;padding:30px 20px 60px}.content-wrap.narrow{max-width:1240px}.section-head{display:flex;justify-content:space-between;margin:20px 0 12px}.section-head small,.panel-head small{color:#70799f;font-size:9px;letter-spacing:.14em}.section-head h2,.panel-head h2{margin:4px 0 0;font-size:15px}.recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.recent-player{display:flex;align-items:center;gap:10px;background:#101227;border:1px solid var(--line);padding:11px;border-radius:10px}.recent-player img,.avatar-fallback{width:40px;height:40px;border-radius:8px}.avatar-fallback{display:grid;place-items:center;background:#273e80;font-weight:900}.recent-player b{display:block;font-size:12px}.recent-player span{display:block;color:#7e87ac;font-size:9px;margin-top:4px}
.profile-hero{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.profile-id{display:flex;gap:15px;align-items:center}.profile-icon{width:78px;height:78px;border-radius:13px;border:1px solid #465486;object-fit:cover}.profile-icon.fallback{display:grid;place-items:center;background:#273e80;font-size:28px;font-weight:900}.profile-id h1{font-size:30px;margin:4px 0 3px}.profile-id h1 span{font-weight:600;color:#8b94b9}.profile-id p{margin:0;color:#7f88aa;font-size:10px}.rank-card{min-width:280px;padding-left:24px;border-left:1px solid #2a2d4e}.rank-card small{display:block;color:#7983aa;font-size:9px;letter-spacing:.13em}.rank-card strong{display:block;font-size:25px;margin-top:7px}.rank-sp{color:var(--gold);font-size:15px;font-weight:900;margin-top:3px}.rank-record{color:#8992b5;font-size:10px;margin-top:8px}.rank-progress{height:7px;background:#0c0e20;border-radius:999px;overflow:hidden;margin-top:10px}.rank-progress i{display:block;height:100%;background:linear-gradient(90deg,#376eff,#63b4ff)}
.role-strip{display:grid;grid-template-columns:110px repeat(5,1fr);gap:8px;margin:12px 0}.role-all,.role-card{border:1px solid #292d50;background:#101227;border-radius:10px;min-height:62px}.role-all{display:flex;flex-direction:column;justify-content:center;padding:10px 14px}.role-all b{font-size:11px}.role-all span{color:#7c85a9;font-size:9px;margin-top:4px}.role-card{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:7px;padding:9px}.role-card.active,.role-all.active{border-color:#4b78d7;background:#151936}.role-glyph{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#0b0d20;border:1px solid #30355e;color:#97baff;font-size:9px;font-weight:950}.role-card div b{display:block;font-size:10px}.role-card div small{display:block;color:#7c85a7;font-size:8px;margin-top:3px}.role-card strong{font-size:10px}.role-card em{font-style:normal;color:#6f789d;font-size:7px}
.metric-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.metric{padding:13px 14px}.metric span{display:block;color:#7c85a8;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.metric b{display:block;font-size:18px;margin-top:6px}.profile-grid{display:grid;grid-template-columns:.92fr 1.35fr;gap:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #292d4c}.panel-head>span{font-size:9px;color:#7e87aa}
.stats-table .thead,.stats-table .trow{display:grid;grid-template-columns:1.55fr .55fr .65fr .9fr .6fr .55fr;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid rgba(255,255,255,.045)}.stats-table .thead{color:#747da2;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.stats-table .trow{font-size:10px}.stats-table .trow:hover{background:rgba(255,255,255,.022)}.champ-cell{display:flex;align-items:center;gap:8px}.champ-cell img{width:31px;height:31px;border-radius:7px}.positive{color:#78caff!important}.negative{color:#ff8899!important}.ban-panel{margin-top:10px}.ban-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.ban-card{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;border:1px solid #292d4e;background:#0f1125;border-radius:8px;padding:7px}.ban-card img{width:32px;height:32px;border-radius:7px}.ban-card b{display:block;font-size:9px}.ban-card span{display:block;font-size:7px;color:#777fa2;margin-top:2px}.ban-card strong{font-size:10px}
.match-list{padding:8px}.match-row{display:grid;grid-template-columns:58px 44px minmax(120px,1fr) 72px 45px auto;align-items:center;gap:8px;border:1px solid #292d4c;border-left-width:4px;border-radius:9px;padding:9px 10px;margin-bottom:7px;background:#0f1125}.match-row.win{border-left-color:#4694ff;background:linear-gradient(90deg,rgba(49,104,193,.15),#0f1125 42%)}.match-row.loss{border-left-color:#ec6077;background:linear-gradient(90deg,rgba(140,45,65,.15),#0f1125 42%)}.result-block b{display:block;font-size:9px}.win .result-block b{color:#7fc8ff}.loss .result-block b{color:#ff8999}.result-block span{display:block;color:#6f789a;font-size:7px;margin-top:3px}.champ-big{width:42px;height:42px;border-radius:9px}.match-champion b{display:block;font-size:11px}.match-champion span{display:block;color:#747da1;font-size:8px;margin-top:3px}.match-stat{text-align:center}.match-stat b{display:block;font-size:10px}.match-stat span{display:block;color:#737b9f;font-size:7px;margin-top:2px}.match-tags{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}.match-tags i{font-style:normal;color:#9da6c8;background:#151832;border:1px solid #30345a;padding:3px 5px;border-radius:5px;font-size:7px}.empty{padding:24px;color:#747da0;font-size:11px}.sync-needed{margin-top:12px;padding:22px}.sync-needed h2{margin:0 0 7px}.sync-needed p{color:#8a93b7;max-width:700px}
.back-link{display:inline-block;color:#9cc5ff;font-size:11px;font-weight:850;margin-bottom:12px}.match-hero{display:flex;justify-content:space-between;align-items:center;padding:18px;margin-bottom:10px}.match-hero h1{font-size:24px;margin:4px 0}.match-hero p{margin:0;color:#7c85a8;font-size:9px}.match-result-pill{padding:9px 11px;border-radius:8px;font-weight:950;font-size:10px}.match-result-pill.win{background:#102a4c;color:#91d2ff;border:1px solid #275c98}.match-result-pill.loss{background:#35151f;color:#ff9bab;border:1px solid #733344}.team{margin-bottom:10px;overflow:hidden}.team-head{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid #292d4e}.team-head small{font-size:8px;color:#737da2}.team-head h2{font-size:11px;margin:3px 0 0}.team-bans{display:flex;gap:6px}.team-bans span{display:flex;align-items:center;gap:4px;color:#7d86a9;font-size:7px}.team-bans img{width:22px;height:22px;border-radius:5px}.score-head,.score-row{display:grid;grid-template-columns:1.6fr .7fr .5fr .45fr .6fr .7fr 1fr;align-items:center;gap:7px;padding:8px 11px}.score-head{font-size:7px;color:#747da0;text-transform:uppercase;border-bottom:1px solid #242845}.score-row{font-size:9px;border-bottom:1px solid rgba(255,255,255,.04)}.score-row.me{background:rgba(67,116,225,.1)}.score-player{display:flex;align-items:center;gap:7px}.score-player>img{width:34px;height:34px;border-radius:7px}.score-player b{display:block}.score-player small{display:block;color:#7780a2;font-size:7px;margin-top:2px}.items{display:flex;gap:3px}.items img{width:25px;height:25px;border-radius:5px}
.page-title{padding:20px 0 13px}.page-title h1{font-size:38px;margin:5px 0}.page-title p{color:#838caf;font-size:11px}.tier-search{display:flex;gap:7px;margin-bottom:10px}.tier-search input{min-width:300px}.tier-tabs{display:flex;gap:6px;border-bottom:1px solid #292d4c;margin-bottom:12px}.tier-tabs a{padding:9px 11px;color:#838caf;font-size:9px;font-weight:900;border-bottom:2px solid transparent}.tier-tabs a.active{color:#fff;border-bottom-color:#4d82ff}.tier-tabs small{color:#5f688b}.tier-block{display:grid;grid-template-columns:85px 1fr;border:1px solid #292d4d;border-radius:9px;overflow:hidden;margin-bottom:7px;background:#101227}.tier-label{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #292d4d}.tier-label strong{font-size:25px}.tier-label span{font-size:7px;color:#6f789c}.tier-champs{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#242845}.tier-champ{display:flex;align-items:center;gap:8px;padding:9px;background:#101227}.tier-champ:hover{background:#151934}.tier-champ img{width:36px;height:36px;border-radius:7px}.tier-champ b{display:block;font-size:9px}.tier-champ span{display:block;color:#757ea2;font-size:7px;margin-top:3px}.tier-Splus .tier-label{background:linear-gradient(135deg,#8f3a5b,#4f253b)}.tier-S .tier-label{background:linear-gradient(135deg,#93643d,#4d3425)}.tier-A .tier-label{background:linear-gradient(135deg,#746b3b,#3e3a25)}.tier-B .tier-label{background:linear-gradient(135deg,#386c62,#213f3b)}
.guide-hero{display:flex;align-items:center;gap:14px;padding:18px}.guide-hero>img{width:80px;height:80px;border-radius:12px}.guide-hero h1{font-size:29px;margin:5px 0}.guide-hero p{color:#8b94b7;font-size:10px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.guide-section{min-height:120px}.guide-section.wide{grid-column:span 2}.pill-list,.build-list{display:flex;gap:7px;flex-wrap:wrap;padding:13px}.pill-list span,.build-list span{border:1px solid #30345a;background:#101328;border-radius:7px;padding:9px 10px;color:#b5bdd9;font-size:9px}.rune-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:12px}.rune-list div{border:1px solid #2c3152;border-radius:8px;padding:9px;background:#0e1023}.rune-list b{display:block;font-size:9px}.rune-list span{display:block;color:#7881a4;font-size:7px;margin-top:3px}
.connect-wrap{max-width:850px;margin:0 auto;padding:80px 20px}.connect-wrap h1{font-size:43px;margin:6px 0 14px}.connect-wrap>p{color:#969fc1;line-height:1.6}.connect-card{padding:20px;margin-top:12px}.connect-card>span{font-size:8px;color:#6d79a5;font-weight:900}.connect-card h2{margin:7px 0 10px}.connect-card p{color:#8a93b7;font-size:11px;line-height:1.55}.pair-code{font-size:42px;letter-spacing:.15em;font-weight:950;margin:14px 0;color:#87b9ff}.connect-card small{color:#687194}.not-found{max-width:700px;margin:0 auto;text-align:center;padding:110px 20px}.error-code{font-size:13px;color:#59658f;letter-spacing:.2em}.not-found h1{font-size:34px}.not-found p{color:#8b94b6}.primary-btn{display:inline-block;margin-top:10px}
@media(max-width:1100px){.profile-grid{grid-template-columns:1fr}.role-strip{grid-template-columns:repeat(3,1fr)}.role-all{grid-row:auto}.metric-row{grid-template-columns:repeat(3,1fr)}.tier-champs{grid-template-columns:repeat(3,1fr)}.header-search{display:none}}
@media(max-width:720px){.site-header{padding:0 14px}.site-header nav{margin-left:auto}.hero-home{padding-top:65px}.hero-home h1{font-size:45px}.hero-search{grid-template-columns:80px 1fr}.hero-search button{grid-column:span 2}.home-grid{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr 1fr}.profile-hero{align-items:flex-start;flex-direction:column;gap:18px}.rank-card{border-left:0;border-top:1px solid #292d4e;padding:15px 0 0;width:100%}.role-strip{grid-template-columns:1fr 1fr}.metric-row{grid-template-columns:1fr 1fr}.match-row{grid-template-columns:55px 42px 1fr}.match-stat{display:none}.match-tags{grid-column:2/-1;justify-content:flex-start}.tier-block{grid-template-columns:55px 1fr}.tier-champs{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.guide-section.wide{grid-column:auto}.scoreboard{overflow:auto}.score-head,.score-row{min-width:820px}}

/* ClassicScope v2 public-search */
.bridge-dot{display:flex;align-items:center;gap:6px;color:#70799d;font-size:9px;font-weight:800}.bridge-dot i,.bridge-home-status i{width:7px;height:7px;border-radius:50%;background:#6d738c;box-shadow:0 0 0 3px rgba(109,115,140,.1)}.bridge-dot.online{color:#8fd9bc}.bridge-dot.online i,.bridge-home-status.online i{background:#62d5a6;box-shadow:0 0 0 3px rgba(98,213,166,.12),0 0 10px rgba(98,213,166,.3)}.bridge-home-status{display:flex;justify-content:center;align-items:center;gap:8px;margin:19px auto 0;color:#777fa4;font-size:10px}.bridge-home-status.online{color:#8bbca9}.sync-live{display:flex;align-items:center;gap:16px}.sync-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #293055;border-top-color:#5f93ff;animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.sync-needed button{border:0}.inline-refresh{padding:0;border:0;background:none;color:#86b4ff;font-size:inherit;cursor:pointer}.inline-refresh:hover{text-decoration:underline}

.bridge-dot.lcu-off{color:#e2bd77}.bridge-dot.lcu-off i{background:#e2a94f;box-shadow:0 0 0 3px rgba(226,169,79,.12),0 0 10px rgba(226,169,79,.22)}

.history-limit{display:flex;gap:16px;align-items:flex-start;margin:14px 0;padding:18px 20px;border-color:rgba(226,169,79,.24);background:linear-gradient(180deg,rgba(226,169,79,.06),rgba(13,16,31,.55))}
.history-limit-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(226,169,79,.12);border:1px solid rgba(226,169,79,.28);color:#f0c979;font-weight:900}
.history-limit small,.rank-only-summary small{color:#9aa5cf;font-weight:800;letter-spacing:.08em}
.history-limit h2,.rank-only-summary h2{margin:4px 0 6px}
.history-limit p,.rank-only-summary p{margin:0;color:#8c95b6;line-height:1.6}
.rank-only-summary{margin-top:14px;padding:18px 20px}


/* =========================================================
   ClassicScope v3.6 · PUBLIC POLISH
   Visitor-facing UI: no bridge jargon, cleaner U.GG/Riot feel
   ========================================================= */

body{background:
  radial-gradient(980px 520px at 10% -8%,rgba(53,78,196,.23),transparent 62%),
  radial-gradient(760px 460px at 92% 0%,rgba(24,106,214,.14),transparent 62%),
  linear-gradient(180deg,#070817 0,#090b1b 48%,#090c1c 100%);
}
.public-header{height:68px;padding:0 24px;gap:30px;border-bottom-color:rgba(128,145,215,.13)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-size:15px}.brand-copy small{font-size:6px;letter-spacing:.14em;color:#596385;margin-top:4px}
.brand-mark.mini{width:22px;height:22px;border-radius:6px;font-size:10px;box-shadow:none}
.public-nav{gap:22px}.public-nav a{font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.service-status{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:850;color:#656d90;white-space:nowrap}.service-status i{width:6px;height:6px;border-radius:50%;background:#666d88}.service-status.online{color:#78bda2}.service-status.online i{background:#62d5a6;box-shadow:0 0 10px rgba(98,213,166,.35)}
footer{display:grid;grid-template-columns:180px 1fr;align-items:start;gap:24px}.footer-brand{display:flex;align-items:center;gap:7px}.footer-brand strong{color:#919abb}footer p{margin:0}

.public-hero{padding-top:94px;padding-bottom:58px}
.hero-kicker{display:flex;align-items:center;justify-content:center;gap:8px;color:#7884b5;font-size:9px;letter-spacing:.16em;font-weight:900}.hero-kicker span{width:20px;height:1px;background:#4b6ed7}
.public-hero h1{font-size:70px;margin:15px 0 20px}.public-hero h1 em{font-style:normal;background:linear-gradient(90deg,#779cff,#a9c1ff);-webkit-background-clip:text;color:transparent}
.public-hero>p{font-size:15px;line-height:1.65}
.premium-search{max-width:720px;margin-top:30px;padding:6px;border:1px solid rgba(96,116,193,.28);background:rgba(11,13,32,.84);border-radius:13px;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.premium-search input,.premium-search select{border:0;background:#0b0d20;border-radius:8px}.premium-search button{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:8px}.premium-search button b{font-size:17px}
.hero-trust-row{display:flex;justify-content:center;gap:22px;margin-top:15px;color:#7983a7;font-size:9px}.hero-trust-row span{display:flex;gap:5px}
.public-service-note{display:flex;justify-content:center;align-items:center;gap:6px;margin:17px auto 0;color:#697294;font-size:8px}.public-service-note i{width:5px;height:5px;border-radius:50%;background:#747b99}.public-service-note.online{color:#70a991}.public-service-note.online i{background:#62d5a6}

.public-features{margin-top:4px}.premium-feature{position:relative;overflow:hidden;min-height:140px;padding:20px 21px;background:linear-gradient(180deg,rgba(17,20,44,.95),rgba(13,15,34,.96))}.premium-feature:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-70px;top:-82px;background:rgba(63,108,236,.08);filter:blur(1px)}.premium-feature:hover{border-color:#40568f;transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.feature-no{position:absolute;right:15px;top:13px;color:#454e75!important}.feature-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#111932;border:1px solid #293965;color:#8db5ff;font-size:10px;font-weight:950}.premium-feature h3{margin-top:16px;font-size:13px}
.recent-public{padding-top:43px}.premium-recent{position:relative;transition:.18s}.premium-recent:hover{border-color:#3d5289;transform:translateY(-2px)}.premium-recent>i{margin-left:auto;color:#596687;font-style:normal}.recent-copy{min-width:0}.recent-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.public-profile{padding-top:22px}.profile-topline{height:34px;display:flex;align-items:center;gap:8px;color:#636d90;font-size:9px}.profile-topline>a{color:#86a9ff}.profile-topline>b{color:#949dbd}.profile-actions{margin-left:auto;display:flex;gap:6px}.ghost-btn{border:1px solid #2a3155;background:#0d1024;color:#9ca6cb;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}.ghost-btn:hover{border-color:#4564aa;color:#fff}.ghost-btn:disabled{opacity:.55}
.premium-profile-hero{position:relative;overflow:hidden;padding:24px 26px;background:
  radial-gradient(460px 180px at 0% 50%,rgba(58,88,196,.13),transparent 72%),
  linear-gradient(180deg,rgba(20,23,51,.98),rgba(13,15,34,.99))}
.premium-profile-hero:after{content:"";position:absolute;right:-100px;top:-150px;width:330px;height:330px;border:1px solid rgba(93,121,213,.08);border-radius:50%}
.profile-icon-wrap{position:relative}.profile-region{position:absolute;right:-4px;bottom:-4px;background:#0a0d1d;border:1px solid #34416f;border-radius:5px;padding:3px 5px;color:#98a5ce;font-size:6px;font-weight:900}
.profile-copy h1{letter-spacing:-.025em}.profile-copy h1 span{font-size:.58em;margin-left:4px}.profile-copy p{font-size:9px}
.premium-rank-card{display:flex;align-items:center;gap:14px;min-width:330px}.rank-emblem{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#1d284c,#11162e);border:1px solid #42517f;box-shadow:inset 0 0 25px rgba(101,145,255,.08)}.rank-emblem span{font-size:20px;font-weight:950;color:#9dbdff}.rank-copy{flex:1}.rank-copy strong{font-size:23px;margin-top:4px}.rank-subline{display:flex;gap:10px;align-items:center;margin-top:5px;font-size:9px}.rank-subline b{color:#e4c56e}.rank-subline span{color:#818bad}.tier-wood .rank-emblem{background:linear-gradient(145deg,#49372a,#221b18);border-color:#785a3e}.tier-wood .rank-emblem span{color:#d1a674}.tier-bronze .rank-emblem{background:linear-gradient(145deg,#5b3725,#261a16);border-color:#85543a}.tier-silver .rank-emblem{background:linear-gradient(145deg,#46536a,#202738);border-color:#6e819e}.tier-gold .rank-emblem{background:linear-gradient(145deg,#655429,#292315);border-color:#9c8544}.tier-platinum .rank-emblem{background:linear-gradient(145deg,#23575b,#15292e);border-color:#3d8489}.tier-emerald .rank-emblem{background:linear-gradient(145deg,#17614e,#122d27);border-color:#279273}.tier-diamond .rank-emblem{background:linear-gradient(145deg,#385c93,#1b2644);border-color:#5c8ccb}

.public-loading{display:flex;align-items:center;gap:15px;padding:18px 20px}.public-loading small,.public-error small{font-size:8px;letter-spacing:.13em;color:#6f7da9}.public-loading h2,.public-error h2{font-size:14px;margin:4px 0}.public-loading p,.public-error p{margin:0;font-size:9px}.public-error{display:flex;align-items:center;justify-content:space-between}
.profile-section-label{display:flex;align-items:end;justify-content:space-between;margin:21px 2px 8px}.profile-section-label span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#7785b2}.profile-section-label small{font-size:8px;color:#596484}
.premium-role-strip{margin-top:0}.premium-role-strip .role-all,.premium-role-strip .role-card{transition:.16s}.premium-role-strip .role-all:hover,.premium-role-strip .role-card:hover{border-color:#40558c}.premium-role-strip .active{box-shadow:inset 0 0 22px rgba(63,116,255,.08)}
.premium-metrics .metric{box-shadow:none;background:linear-gradient(180deg,#11142c,#0e1024)}.premium-metrics .metric b{letter-spacing:-.02em}
.premium-profile-grid{grid-template-columns:.95fr 1.4fr}.premium-section{box-shadow:0 16px 44px rgba(0,0,0,.18)}.history-panel{overflow:hidden}
.premium-match-list{padding:9px}.premium-match-list .match-row{position:relative;grid-template-columns:58px 44px minmax(120px,1fr) 72px 45px auto 14px;padding-right:9px;transition:.14s}.premium-match-list .match-row:hover{transform:translateX(2px);border-color:#394268}.match-arrow{color:#4d587a;font-size:18px}.premium-match-list .match-row:hover .match-arrow{color:#8aaeff}

.public-match-detail{padding-top:25px}.premium-match-hero h1 span{font-weight:600;color:#7f89ae}.premium-match-hero .match-result-pill{display:flex;flex-direction:column;align-items:center;min-width:84px}.premium-match-hero .match-result-pill small{font-size:7px;margin-top:3px;opacity:.8}.premium-team{box-shadow:0 16px 44px rgba(0,0,0,.18)}.score-player b i{font-style:normal;font-size:6px;margin-left:5px;padding:2px 4px;border-radius:4px;background:#2d58a8;color:#cce0ff}

@media(max-width:1100px){
  .service-status{display:none}
  .premium-profile-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .public-nav{display:none}
  .brand-copy small{display:none}
  .public-hero h1{font-size:47px}
  .hero-trust-row{flex-wrap:wrap;gap:10px}
  .profile-topline{margin-bottom:6px}
  .profile-actions{gap:4px}
  .premium-rank-card{min-width:0;width:100%;border-left:0;border-top:1px solid #292d4e;padding:15px 0 0}
  .rank-emblem{width:46px;height:46px}
  footer{grid-template-columns:1fr}
}


/* =====================
   ClassicScope v3.7
   champion visibility + richer guide page
   ===================== */
.versus-line{display:flex;align-items:center;gap:6px;margin-top:5px;color:#9ba6c9;font-size:8px}.versus-line img{width:18px;height:18px;border-radius:5px}.versus-line em{font-style:normal;color:#6f7ba4}.versus-line b{font-size:8px;color:#cbd6fb}
.match-champion{min-width:0}.match-champion b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-page-v37{padding-top:22px}.guide-hero-rich{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:22px;background-size:cover;background-position:center}.guide-hero-rich:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%, rgba(73,112,255,.22), transparent 38%);pointer-events:none}.guide-hero-icon{width:86px;height:86px;border-radius:16px;border:1px solid rgba(255,255,255,.08);position:relative;z-index:1;box-shadow:0 16px 38px rgba(0,0,0,.3)}.guide-hero-copy{position:relative;z-index:1}.guide-hero-copy h1{font-size:34px;margin:5px 0 8px}.guide-hero-copy p{margin:0;color:#9aa7d3;font-size:11px}.guide-note{margin-top:10px;max-width:900px;color:#c2ccec;font-size:9px;line-height:1.55;background:rgba(11,14,32,.55);border:1px solid rgba(120,142,217,.18);border-radius:10px;padding:10px 12px}
.guide-top-grid,.guide-grid-v37{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.guide-grid-v37 .wide{grid-column:span 2}.guide-card{overflow:hidden}.guide-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px}.guide-icon-grid.compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.guide-tile{border:1px solid #2d3256;background:linear-gradient(180deg,#101328,#0d1023);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.guide-tile b{font-size:9px;line-height:1.35;color:#dce5ff}.tile-icons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tile-icons-spells{gap:8px}.icon-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#0b0e1f;border:1px solid #364069;overflow:hidden;box-shadow:inset 0 0 20px rgba(92,116,206,.06)}.icon-chip img{width:100%;height:100%;display:block;object-fit:cover}.icon-chip em{position:absolute;right:1px;bottom:1px;min-width:14px;height:14px;padding:0 3px;border-radius:99px;background:#2b58a7;color:#eaf2ff;font-style:normal;font-size:8px;font-weight:800;display:grid;place-items:center}.icon-chip.placeholder{background:linear-gradient(135deg,#16203f,#0d1022)}.icon-chip.placeholder i{font-style:normal;font-weight:900;color:#a7beff}
.rune-grid-v37{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.rune-card-v37{display:flex;align-items:center;gap:10px;border:1px solid #2c3152;border-radius:10px;padding:11px;background:#0f1125}.rune-card-v37 b{display:block;font-size:9px}.rune-card-v37 span{display:block;color:#7c86ab;font-size:8px;margin-top:3px}.rune-badge{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:10px;font-weight:900}.rune-card-v37.mark .rune-badge{background:#2b1632;color:#ff9be4}.rune-card-v37.seal .rune-badge{background:#1f223a;color:#ffd59d}.rune-card-v37.glyph .rune-badge{background:#18293f;color:#9fd8ff}.rune-card-v37.quint .rune-badge{background:#182f24;color:#b9f0b5}
.mastery-grid-v37{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.mastery-col{border:1px solid #2b3156;border-radius:10px;overflow:hidden;background:#0f1125}.mastery-col.offense{box-shadow:inset 0 0 0 1px rgba(216,96,96,.08)}.mastery-col.defense{box-shadow:inset 0 0 0 1px rgba(104,171,223,.08)}.mastery-col.utility{box-shadow:inset 0 0 0 1px rgba(106,208,136,.08)}.mastery-title{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid #272d4a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.mastery-title span{color:#8eb8ff}.mastery-row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.mastery-row:last-child{border-bottom:0}.mastery-row b{font-size:9px}.mastery-row span{font-size:8px;color:#8590b4;white-space:nowrap}.empty-lite b{color:#8b96bc}
@media(max-width:980px){.guide-top-grid,.guide-grid-v37,.mastery-grid-v37,.rune-grid-v37{grid-template-columns:1fr}.guide-grid-v37 .wide{grid-column:auto}}
@media(max-width:720px){.guide-hero-rich{flex-direction:column;align-items:flex-start}.guide-icon-grid{grid-template-columns:1fr 1fr}.guide-icon-grid.compact{grid-template-columns:1fr}.rune-grid-v37{grid-template-columns:1fr}.versus-line{flex-wrap:wrap}}


/* =========================================================
   ClassicScope v3.8 · Scoreboard + Tier cards + Masteries
   ========================================================= */
.match-detail-v38{max-width:1280px}.match-hero-v38{display:grid;grid-template-columns:auto 1fr auto;gap:18px;padding:18px 20px;background:radial-gradient(420px 160px at 8% 50%,rgba(70,105,218,.14),transparent 70%),linear-gradient(180deg,#14172f,#0e1024)}.match-hero-champs{display:flex;align-items:center;gap:8px}.duel-avatar{position:relative}.duel-avatar img{width:58px;height:58px;border-radius:13px;border:1px solid #3d4c7b}.duel-avatar span{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);padding:2px 5px;border-radius:4px;background:#1f4d91;color:#d8e9ff;font-size:6px;font-weight:900}.duel-avatar.enemy span{background:#612839;color:#ffd8df}.duel-vs{font-size:8px;font-weight:950;color:#707ba2}.match-hero-copy-v38 h1{font-size:25px;margin:4px 0}.match-hero-copy-v38 h1 span{color:#7784ae}.match-result-v38{min-width:92px;text-align:center;padding:13px 14px}.match-result-v38 span{font-size:10px}.team-v38{border-radius:12px}.team-v38.my-team{border-color:rgba(79,145,255,.27)}.team-v38.enemy-team{border-color:rgba(232,88,112,.22)}.team-head-v38{display:grid;grid-template-columns:130px 1fr auto;gap:20px;padding:13px 15px;background:rgba(255,255,255,.012)}.team-result-copy h2{font-size:13px}.team-summary-v38{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:8px}.team-summary-v38>div{border-left:1px solid #2b3152;padding-left:10px}.team-summary-v38 b{display:block;font-size:11px}.team-summary-v38 span{display:block;margin-top:2px;color:#687397;font-size:6px;letter-spacing:.08em}.team-bans-v38{display:block;min-width:140px}.team-bans-v38>small{display:block;margin-bottom:5px;color:#657097;font-size:6px}.team-bans-v38>div{display:flex;gap:4px}.team-bans-v38 span{display:block}.team-bans-v38 img{width:25px;height:25px;border-radius:6px}.team-bans-v38 em{font-style:normal;color:#657097}.scoreboard-v38{overflow:hidden}.score-head-v38,.score-row-v38{grid-template-columns:minmax(235px,1.7fr) .62fr .48fr .42fr .58fr .68fr minmax(175px,1.12fr);padding:8px 14px}.score-head-v38{background:#0b0e1f;color:#596488;letter-spacing:.09em}.score-row-v38{min-height:56px;transition:.14s}.score-row-v38:hover{background:rgba(255,255,255,.025)}.score-row-v38.me{background:linear-gradient(90deg,rgba(55,111,220,.16),rgba(55,111,220,.03))}.score-player-v38{gap:9px}.score-champ-wrap{position:relative}.score-champ-wrap>img{width:39px;height:39px;border-radius:9px}.score-champ-wrap>i{position:absolute;right:-4px;bottom:-3px;width:16px;height:16px;border-radius:5px;display:grid;place-items:center;background:#101831;border:1px solid #364775;color:#a8c0ff;font-size:6px;font-style:normal;font-weight:900}.score-player-v38 b{font-size:9px}.score-player-v38 small{font-size:7px}.you-tag{font-style:normal!important;padding:2px 4px;border-radius:4px;background:#2856a6;color:#d7e7ff;font-size:6px;margin-left:5px}.score-kda b{font-size:10px}.items-v38{display:grid;grid-template-columns:repeat(4,27px);gap:3px}.items-v38 img{width:27px;height:27px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.items-v38 em{font-style:normal;color:#606989}
.tier-page-v38{padding-top:34px}.tier-hero-v38{display:flex;justify-content:space-between;align-items:end;gap:30px}.tier-search-v38{margin:0;min-width:360px}.tier-tabs-v38{margin-top:20px;padding:5px;border:1px solid #262c4c;background:#0d1023;border-radius:11px}.tier-tabs-v38 a{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px}.tier-tabs-v38 a b{font-size:9px}.tier-tabs-v38 a small{min-width:18px;height:18px;border-radius:99px;display:grid;place-items:center;background:#161b35;color:#7f8cb4}.tier-tabs-v38 a.active small{background:#2c5fb7;color:#e7f0ff}.tier-block-v38{grid-template-columns:72px 1fr;margin-bottom:10px;min-height:108px;overflow:hidden}.tier-label-v38{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.tier-label-v38 strong{font-size:26px}.tier-label-v38 i{font-style:normal;font-size:7px;color:#667196;margin-top:7px}.tier-champs-v38{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:8px;padding:10px}.tier-champ-v38{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:48px 1fr auto 12px;align-items:center;gap:9px;min-height:64px;padding:8px;border:1px solid #293050;border-radius:10px;background:#101327;transition:.16s}.tier-champ-v38:hover{transform:translateY(-2px);border-color:#49659e;box-shadow:0 12px 30px rgba(0,0,0,.25)}.tier-card-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(13,16,34,.78),rgba(13,16,34,.94) 63%),var(--champ-bg);background-size:cover;background-position:center 22%;opacity:.62}.tier-champ-v38:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(37,66,136,.12),transparent 48%)}.tier-card-icon{width:48px;height:48px;border-radius:9px;border:1px solid rgba(255,255,255,.08);box-shadow:0 7px 18px rgba(0,0,0,.26)}.tier-card-copy b{display:block;font-size:10px}.tier-card-copy span{display:block;font-size:7px;color:#8995bd;margin-top:3px}.tier-card-rank{font-size:8px;font-weight:950;color:#8fa9e7;background:rgba(16,23,49,.72);border:1px solid #33416a;border-radius:6px;padding:4px 6px}.tier-card-arrow{color:#65729a;font-size:15px}.tier-splus .tier-champ-v38{border-color:rgba(231,179,73,.24)}.tier-splus .tier-card-rank{color:#f4d889;border-color:#69582d}.tier-s .tier-card-rank{color:#e4c77b}.tier-a .tier-card-rank{color:#86d8b0}.tier-d .tier-card-rank{color:#d98b98}
.mastery-card-v38{overflow:hidden}.mastery-head-v38 small{display:block;color:#68749a;font-size:6px;letter-spacing:.11em;margin-bottom:3px}.mastery-total-v38{display:flex;align-items:center;gap:5px}.mastery-total-v38 b{font-size:14px}.mastery-total-v38 b:nth-of-type(1){color:#df7777}.mastery-total-v38 b:nth-of-type(2){color:#70aade}.mastery-total-v38 b:nth-of-type(3){color:#77cb8e}.mastery-total-v38 span{color:#4f597d}.mastery-board-v38{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;background:radial-gradient(300px 160px at 15% 20%,rgba(180,65,65,.06),transparent 65%),radial-gradient(300px 160px at 50% 20%,rgba(58,118,184,.06),transparent 65%),radial-gradient(300px 160px at 86% 20%,rgba(63,153,83,.06),transparent 65%)}.mastery-tree-v38{border:1px solid #2b3151;border-radius:12px;background:linear-gradient(180deg,#0e1125,#0b0d1e);overflow:hidden}.mastery-tree-head-v38{display:flex;align-items:center;gap:9px;padding:10px 11px;border-bottom:1px solid #272d4b}.mastery-tree-emblem{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:950}.mastery-tree-head-v38 b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.mastery-tree-head-v38 small{display:block;font-size:6px;color:#6c779c;margin-top:2px}.mastery-tree-v38.offense .mastery-tree-emblem{background:#351b24;color:#ff9d9d;border:1px solid #69313c}.mastery-tree-v38.defense .mastery-tree-emblem{background:#172a3c;color:#9ccfff;border:1px solid #31577d}.mastery-tree-v38.utility .mastery-tree-emblem{background:#17301f;color:#9ee5b1;border:1px solid #326b42}.mastery-nodes-v38{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;padding:16px 11px 18px}.mastery-nodes-v38:before{content:"";position:absolute;left:18%;right:18%;top:45px;height:1px;background:#252d4d;box-shadow:0 62px 0 #252d4d,0 124px 0 #252d4d}.mastery-node-v38{position:relative;z-index:1;text-align:center}.mastery-node-icon{position:relative;width:42px;height:42px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#28345c,#10152a 70%);border:2px solid #40517f;box-shadow:0 0 0 3px #0b0e20}.mastery-node-icon>span{font-size:8px;font-weight:950;color:#d4e0ff}.mastery-node-icon>em{position:absolute;right:-5px;bottom:-4px;padding:2px 4px;border-radius:5px;background:#151a31;border:1px solid #394368;color:#f0f4ff;font-style:normal;font-size:6px;font-weight:900}.mastery-node-v38>b{display:block;min-height:19px;color:#aeb9dc;font-size:7px;line-height:1.28}.offense .mastery-node-icon{border-color:#70404a;background:radial-gradient(circle at 35% 30%,#4b2831,#161020 70%)}.defense .mastery-node-icon{border-color:#3b678c;background:radial-gradient(circle at 35% 30%,#243e59,#0e1723 70%)}.utility .mastery-node-icon{border-color:#3d754a;background:radial-gradient(circle at 35% 30%,#25442e,#0e1b14 70%)}.empty-node{opacity:.28}.empty-node .mastery-node-icon{border-style:dashed}
@media(max-width:1100px){.tier-champs-v38{grid-template-columns:repeat(3,minmax(180px,1fr))}.team-head-v38{grid-template-columns:110px 1fr}.team-bans-v38{grid-column:1/-1}.score-head-v38,.score-row-v38{min-width:980px}.scoreboard-v38{overflow:auto}}
@media(max-width:820px){.tier-hero-v38{display:block}.tier-search-v38{min-width:0;margin-top:14px}.tier-champs-v38{grid-template-columns:repeat(2,minmax(160px,1fr))}.mastery-board-v38{grid-template-columns:1fr}.match-hero-v38{grid-template-columns:auto 1fr}.match-result-v38{grid-column:1/-1}.team-summary-v38{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tier-champs-v38{grid-template-columns:1fr}.tier-block-v38{grid-template-columns:54px 1fr}.tier-label-v38 strong{font-size:19px}.match-hero-champs{display:none}}


/* =========================================================
   ClassicScope v3.9 · ORIGINAL CLASSIC RUNE + MASTERY ICONS
   ========================================================= */
.legacy-runes-card .panel-head small,.mastery-head-v39 small{display:block;color:#68749a;font-size:6px;letter-spacing:.12em;margin-bottom:3px}
.legacy-rune-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:12px}
.legacy-rune-row{display:flex;align-items:center;gap:12px;min-height:76px;padding:10px 12px;border:1px solid #2b3154;border-radius:10px;background:linear-gradient(180deg,#0f1228,#0c0f22)}
.legacy-rune-icon-wrap{position:relative;flex:0 0 54px;width:54px;height:54px}
.legacy-rune-icon{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}
.legacy-rune-count{position:absolute;left:38px;bottom:-3px;min-width:21px;height:17px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:#11182b;border:1px solid #455273;color:#eef4ff;font-size:7px;font-weight:950}
.legacy-rune-copy b{display:block;font-size:10px;color:#e3eaff}
.legacy-rune-copy span{display:block;margin-top:3px;font-size:8px;color:#aab7df}
.legacy-rune-copy small{display:block;margin-top:3px;font-size:7px;color:#6d789c}
.legacy-rune-fallback{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:#19213f;border:1px solid #3c4c76;color:#a9bdff;font-size:15px;font-weight:950}

.mastery-card-v39{overflow:hidden}
.mastery-total-v39{display:flex;align-items:center;gap:5px}.mastery-total-v39 b{font-size:15px}.mastery-total-v39 .off{color:#ef747b}.mastery-total-v39 .def{color:#71aef5}.mastery-total-v39 .uti{color:#66d68a}.mastery-total-v39 span{color:#515b7d}
.mastery-board-v39{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px}
.mastery-tree-v39{overflow:hidden;border:1px solid #303557;border-radius:10px;background:#0d1022}
.mastery-tree-v39.offense{background:linear-gradient(180deg,rgba(91,18,33,.68),rgba(28,11,22,.91));border-color:#6a2638}
.mastery-tree-v39.defense{background:linear-gradient(180deg,rgba(24,65,135,.72),rgba(10,21,48,.94));border-color:#315a9b}
.mastery-tree-v39.utility{background:linear-gradient(180deg,rgba(18,88,48,.67),rgba(8,31,22,.94));border-color:#286c43}
.mastery-tree-head-v39{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.mastery-tree-head-v39 b{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.mastery-tree-head-v39 span{font-size:9px;font-weight:900}
.offense .mastery-tree-head-v39{color:#ff8c91}.defense .mastery-tree-head-v39{color:#83bcff}.utility .mastery-tree-head-v39{color:#71e798}
.mastery-tree-body-v39{padding:13px 10px 16px}
.mastery-row-v39{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 6px;min-height:79px;position:relative}
.mastery-row-v39:not(:last-child):after{content:"";position:absolute;left:11%;right:11%;bottom:3px;height:1px;background:rgba(132,150,208,.12)}
.mastery-cell-v39{text-align:center;min-width:0;position:relative}
.mastery-icon-frame-v39{width:45px;height:45px;margin:0 auto 3px;border-radius:6px;overflow:hidden;background:#111626;border:2px solid #52586b;box-shadow:0 0 0 2px rgba(0,0,0,.34)}
.mastery-icon-frame-v39 img{width:100%;height:100%;display:block;object-fit:cover}
.mastery-icon-frame-v39 span{width:100%;height:100%;display:grid;place-items:center;color:#9aa6c5;font-size:8px;font-weight:950}
.mastery-cell-v39.inactive{opacity:.54}
.mastery-cell-v39.inactive .mastery-icon-frame-v39 img{filter:grayscale(1) brightness(.58)}
.mastery-cell-v39.active{opacity:1}
.offense .mastery-cell-v39.active .mastery-icon-frame-v39{border-color:#d55e68;box-shadow:0 0 0 2px rgba(65,7,18,.65),0 0 12px rgba(226,71,88,.22)}
.defense .mastery-cell-v39.active .mastery-icon-frame-v39{border-color:#4da4ff;box-shadow:0 0 0 2px rgba(7,29,62,.7),0 0 12px rgba(58,147,255,.24)}
.utility .mastery-cell-v39.active .mastery-icon-frame-v39{border-color:#40d77b;box-shadow:0 0 0 2px rgba(4,47,24,.68),0 0 12px rgba(52,219,111,.22)}
.mastery-cell-v39 em{display:inline-block;position:relative;top:-2px;padding:2px 4px;border-radius:99px;background:#0a0e1c;border:1px solid #333d60;color:#e3e9ff;font-size:6px;font-style:normal;font-weight:900}
.mastery-cell-v39 small{display:block;max-width:78px;margin:0 auto;color:#9aa5c9;font-size:6px;line-height:1.2}
.mastery-cell-v39.blank{visibility:hidden}

@media(max-width:1100px){.mastery-board-v39{grid-template-columns:1fr}.legacy-rune-list{grid-template-columns:1fr}}
@media(max-width:620px){.mastery-row-v39{gap:9px 3px}.mastery-icon-frame-v39{width:39px;height:39px}.mastery-cell-v39 small{font-size:5.5px}}