:root{color-scheme:dark;--bg:#090f0d;--panel:#101916;--panel2:#15211c;--line:#25352c;--text:#eef6f0;--muted:#98aaa0;--green:#59eda7;--red:#f17e93;--cyan:#60d3db;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 5%,#11251a 0,transparent 35%),var(--bg);color:var(--text);line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid transparent;border-radius:8px;background:var(--green);color:#062116;padding:.62rem 1rem;font-weight:650;transition:background .15s}button:hover{filter:brightness(1.12)}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:2rem;padding:1rem 3%;border-bottom:1px solid var(--line);background:#0b120ff2;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:.55rem;font-size:1.45rem;font-weight:750;letter-spacing:-.055rem;white-space:nowrap}.brand span{color:var(--green);margin-left:-.5rem}.search{display:flex;align-items:center;max-width:720px;width:100%;margin:auto;background:#141d18;border:1px solid #314638;border-radius:10px;padding:.2rem .3rem .2rem .9rem}.search input{border:0;background:transparent;min-width:60px;width:100%;padding:.5rem;color:var(--text)}.search select{background:transparent;border:0;border-left:1px solid var(--line);color:var(--text);padding:.4rem}.search button{font-size:.875rem}.search-icon{font-size:1.8rem;color:var(--muted)}.header-actions{display:flex;gap:.6rem;align-items:center;white-space:nowrap}.quiet,.outline,.chip,.tab,.text-button{background:transparent;color:var(--muted)}.outline{border-color:#436650;color:var(--green)}.quiet span{opacity:.45;padding-left:.5rem}.text-button{padding:.2rem}.chip{background:#141f19;border-color:var(--line);font-size:.875rem;padding:.45rem .8rem;white-space:nowrap}.chip.active{color:#051b10;background:var(--green);border-color:var(--green)}main{max-width:1500px;margin:auto;padding:0 2.2rem 3rem;min-height:80vh}.profile-head{padding:2.6rem 1rem 1.7rem;display:flex;align-items:center;gap:1.2rem;position:relative;overflow:hidden}.profile-head:after{content:'';position:absolute;right:2%;top:10%;height:150px;width:34%;background:linear-gradient(120deg,transparent,#1c4c3026);transform:skewX(-30deg);border-right:1px solid #39634866;pointer-events:none}.avatar{width:90px;height:90px;object-fit:cover;border-radius:50%;border:2px solid var(--green);padding:4px;background:#163826}.identity h1{font-size:2.1rem;letter-spacing:-.06rem;margin:0 0 .4rem}.identity h1 span{color:var(--muted);font-weight:400;font-size:1.25rem}.metadata{font-size:.875rem;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap}.badge{display:inline-flex;font-size:.75rem;letter-spacing:.04rem;padding:.22rem .55rem;border-radius:5px;border:1px solid #456b52;color:#b7e1c6;margin-top:.65rem}.profile-actions{margin-left:auto;display:flex;gap:.5rem;position:relative;z-index:1}.tabs{display:flex;gap:1rem;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:1.5rem}.tab{border-radius:0;padding:.85rem .25rem;white-space:nowrap;font-size:.9375rem}.tab.active{color:var(--green);border-bottom:2px solid var(--green)}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.panel{background:linear-gradient(130deg,#121c17f5,#0d1512f5);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;min-width:0}.panel h2,.panel h3{margin:0;font-size:1.1rem;letter-spacing:-.02rem}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem}.eyebrow{font-size:.75rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--muted)}.rank-name{font-size:1.45rem;font-weight:700;color:var(--green);margin:.3rem 0}.rank-name.flex{color:var(--cyan)}.rank-meta{font-size:.875rem;color:var(--muted)}.rank-top{display:flex;justify-content:space-between;gap:1rem}.rank-top>div:last-child{text-align:right}.graph{display:block;width:100%;height:174px;overflow:visible}.graph text{fill:var(--muted);font-size:14px;font-family:inherit}.graph .grid{stroke:#273a30;stroke-width:1}.graph .line{fill:none;stroke:var(--green);stroke-width:2.4;stroke-linejoin:round}.graph.flex .line{stroke:var(--cyan)}.graph circle{fill:var(--green);stroke:#101916;stroke-width:2}.graph.flex circle{fill:var(--cyan)}.graph-note{color:var(--muted);font-size:.75rem;margin:.4rem 0 0}.rank-history{font-size:.875rem;color:var(--muted)}.rank-history summary{cursor:pointer;margin-top:.6rem}.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:1.2rem;margin-top:1.2rem}.stack{display:flex;flex-direction:column;gap:1.2rem}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.15rem 0}.stat-label{color:var(--muted);font-size:.8125rem}.stat-value{font-size:1.5rem;font-weight:700;letter-spacing:-.04rem}.stat-value small{font-size:.875rem;font-weight:400;color:var(--muted)}.filters{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.6rem}.subfilters{margin:.3rem 0 .7rem}.match-list{display:flex;flex-direction:column;gap:.55rem}.match{display:grid;grid-template-columns:115px 45px 1fr 1fr 180px 20px;align-items:center;gap:.7rem;text-align:left;background:linear-gradient(90deg,#16322780,#131e18);border:1px solid #2b4737;border-left:3px solid var(--green);border-radius:9px;color:var(--text);padding:.8rem;width:100%;font-weight:400}.match.loss{background:linear-gradient(90deg,#321c2880,#191619);border-color:#493038;border-left-color:var(--red)}.match:hover{background-color:#1b2b22}.result{font-weight:700;color:var(--green);font-size:.9375rem}.loss .result{color:var(--red)}.small{font-size:.8125rem;color:var(--muted)}.champ-img{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#213e2c;border:1px solid #385742}.kda{font-weight:700;white-space:nowrap;font-size:.9375rem}.items{display:flex;gap:3px;flex-wrap:wrap}.item{width:25px;height:25px;border-radius:4px;background:#203125;border:1px solid #38503d;object-fit:cover}.chevron{color:var(--muted);font-size:1.3rem}.champ-row,.friend-row{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid #223027}.champ-row:last-child,.friend-row:last-child{border:0}.grow{flex:1;min-width:0}.row-name{font-weight:650;font-size:.9375rem;overflow-wrap:anywhere}.right{text-align:right}.green{color:var(--green)}.red{color:var(--red)}.progress-track{height:4px;background:#27362c;border-radius:10px;width:80px;margin-top:.35rem;overflow:hidden}.progress-track progress{width:100%;height:4px;display:block;accent-color:var(--green)}.empty{padding:2rem .7rem;color:var(--muted);text-align:center;font-size:.9375rem}.empty strong{color:var(--text);display:block;margin-bottom:.5rem}.loading{padding:4rem;text-align:center;color:var(--muted)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #335b40;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin-right:.7rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.section-description{font-size:.875rem;color:var(--muted);margin:.4rem 0 1.2rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}th{font-weight:500;color:var(--muted);text-align:left;font-size:.8125rem}td,th{padding:.8rem .65rem;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-left:0}td .champ-img{width:34px;height:34px;vertical-align:middle;margin-right:.5rem}table button{font-size:.8125rem}.champ-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.champ-card .champ-img{width:62px;height:62px}.build-row{padding:.7rem 0;border-top:1px solid var(--line)}.build-row .items{margin:.4rem 0}.build-row .item{width:32px;height:32px}.compare-form,.board-form{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.3rem}.compare-form input,.compare-form select,.board-form select,.form-field input{background:#0b130f;border:1px solid #38523f;color:var(--text);border-radius:7px;padding:.7rem;min-width:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.legal{max-width:780px;margin:auto;padding:2rem}.legal p{color:var(--muted)}.legal h2{font-size:1.3rem}.back{margin-bottom:1rem}.live-teams{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-title{font-size:1.5rem;margin:0 2rem 1.2rem 0}dialog{width:min(1150px,94vw);max-height:90vh;border:1px solid #3b5845;border-radius:18px;background:#101a14;color:var(--text);padding:1.8rem;box-shadow:0 30px 120px #000b}dialog.auth{max-width:470px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;right:.7rem;top:.5rem;background:transparent;color:var(--muted);font-size:1.6rem;padding:.2rem .6rem}.form-field{display:flex;flex-direction:column;gap:.35rem;margin:1rem 0;font-size:.875rem}.form-field input{width:100%}.full{width:100%}.auth-links{display:flex;justify-content:space-between;margin-top:1rem;font-size:.875rem}.recovery-code{font-family:monospace;padding:1rem;background:#07110b;border:1px solid #45644e;overflow-wrap:anywhere;user-select:all}.event{padding:.5rem;border-bottom:1px solid var(--line);font-size:.875rem}.timeline-controls{display:flex;gap:.6rem;margin:1rem 0}.muted{color:var(--muted)}.toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.sort{background:#0d1711;color:var(--text);padding:.4rem;border:1px solid var(--line);border-radius:6px}.warn{background:#24251a;border:1px solid #575435;padding:.7rem;border-radius:8px;color:#d7d5a7;font-size:.875rem}.team-title{margin:1.5rem 0 .5rem;color:var(--green)}footer{border-top:1px solid var(--line);padding:1.5rem 3%;display:flex;gap:1rem;align-items:center;color:var(--muted);font-size:.75rem}footer strong{white-space:nowrap}footer span{max-width:850px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;background:var(--green);color:#06190e;padding:1rem;z-index:100}.skip:focus{top:10px}.auth-error{color:var(--red);font-size:.875rem}.welcome{padding:4rem 1rem;max-width:800px;margin:auto}.welcome h1{font-size:2.8rem;letter-spacing:-.1rem;line-height:1.15}.welcome p{color:var(--muted)}.welcome .eyebrow{color:var(--green)}@media(max-width:1200px){header{gap:1rem}.match{grid-template-columns:95px 38px 1fr 145px 16px}.match .cs-stat{display:none}.match .items .item{width:22px;height:22px}.overview-grid{grid-template-columns:1.7fr 1fr}.champ-cards{grid-template-columns:repeat(2,1fr)}main{padding:0 1.2rem 2rem}.profile-head{padding-left:0;padding-right:0}}@media(max-width:950px){header{flex-wrap:wrap}.search{order:3;max-width:none}.header-actions{margin-left:auto}.overview-grid{grid-template-columns:1fr}.overview-grid>.stack{display:grid;grid-template-columns:1fr 1fr}.rank-name{font-size:1.2rem}.profile-actions{flex-wrap:wrap;max-width:170px}.match{grid-template-columns:100px 42px 1fr 1fr 180px 20px}.match .cs-stat{display:block}.match .items .item{width:25px;height:25px}}@media(max-width:640px){header{padding:.8rem 1rem}.brand{font-size:1.25rem}.search button{padding:.55rem}.search select{max-width:70px}.header-actions button{padding:.5rem .6rem;font-size:.875rem}main{padding:0 .8rem 2rem}.profile-head{padding:1.5rem 0;gap:.8rem;flex-wrap:wrap}.avatar{width:64px;height:64px}.identity h1{font-size:1.5rem}.identity h1 span{font-size:1rem}.profile-actions{margin:0;max-width:none;width:100%}.profile-actions button{flex:1;font-size:.875rem}.metadata{gap:.6rem}.tabs{gap:1.1rem}.rank-grid{grid-template-columns:1fr}.panel{padding:1rem}.rank-name{font-size:1.3rem}.summary-strip{gap:.5rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.75rem}.match{grid-template-columns:75px 36px 1fr 20px;gap:.45rem;padding:.65rem}.match .cs-stat{display:none}.match .items{grid-column:2/4;grid-row:2}.match .chevron{grid-column:4;grid-row:1/3}.match .champ-img{width:36px;height:36px}.match .small{font-size:.75rem}.match .result{font-size:.875rem}.overview-grid>.stack{display:flex}.champ-cards,.compare-grid,.live-teams{grid-template-columns:1fr}.rank-top>div:last-child{font-size:.75rem}.panel-title{align-items:flex-start}.panel-title h2{font-size:1rem}dialog{padding:1.2rem;width:96vw}footer{flex-wrap:wrap}footer span{order:3;width:100%}.welcome{padding:2rem .5rem}.welcome h1{font-size:2rem}.compare-form input{width:100%}.board-form select{flex:1}.legal{padding:1rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Arsenic.LOL 0.1.1 — composition aligned with the approved mockup. */
:root{--bg:#0a0e10;--panel:#101719;--panel2:#151d20;--line:#263238;--text:#f0f5f7;--muted:#a1afb8;--green:#50eea4;--red:#f57590;--radius:12px}
body{background:var(--bg);background-image:none}header{height:70px;padding:10px 28px;gap:24px;background:#090f12;border-bottom-color:#263139}.brand{font-size:1.7rem;gap:.6rem}.brand img{width:40px;height:40px}.brand span{color:#e8eef1}.search{max-width:730px;margin-left:6%;margin-right:auto;background:#121a1e;border-color:#34434b}.search input{font-size:.9375rem}.search button{padding:.48rem .8rem}.search select{font-size:.875rem}.header-actions{gap:1.2rem}main{max-width:1800px;width:calc(100% - 48px);padding:0 0 32px;margin:auto}.profile-head{min-height:183px;padding:25px 20px;gap:22px;isolation:isolate;overflow:visible;margin:0 -0px;background:#0c1418}.profile-head:after{display:none}.profile-backdrop{position:absolute;z-index:-2;inset:0 calc((min(1800px, 100vw - 48px) - 100vw)/2);background-image:linear-gradient(90deg,#0a0f13 0%,#0a0f13e0 25%,#0a0f1345 64%,#0a0f1320 100%),linear-gradient(0deg,#0a0e10 0%,transparent 50%),url('/profile-banner.png');background-size:cover;background-position:center 42%;pointer-events:none}.avatar-wrap{position:relative;flex-shrink:0}.avatar{width:116px;height:116px;padding:4px;border:2px solid #64eaaa;background:#0b1418;box-shadow:0 0 0 5px #07131680}.avatar-level{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:#142028;border:1px solid #3f685d;border-radius:5px;padding:1px 9px;color:#edf8f2;font-size:.8125rem;font-weight:650}.identity{min-width:0}.identity h1{font-size:2.25rem;letter-spacing:-.06rem;line-height:1.15;margin:0 0 .65rem}.identity h1 span{font-size:1.45rem;font-weight:450;color:#83939f;margin-left:.35rem}.metadata{font-size:.875rem;color:#bdc7cf;gap:1.2rem}.badge{border-color:#354750;color:#acd3d1;background:#0c1419c9;border-radius:5px;margin-top:8px;font-size:.6875rem;padding:2px 6px}.profile-actions{display:inline-flex;vertical-align:middle;gap:.55rem;margin:8px 0 0 15px;max-width:none;flex-wrap:nowrap}.profile-actions button{background:#0b181bc9;padding:.35rem .7rem;font-size:.875rem;font-weight:500;border-color:#304b48;color:#a6cfc3}.profile-actions .refresh-button{border-color:#37aa7c;color:var(--green)}.refresh-button>span{font-size:1.15rem;line-height:1}.profile-actions .favorite-button{padding:.3rem .55rem}.tabs{gap:1.65rem;margin-bottom:16px;position:relative;background:#0a0e10eb;border-bottom-color:#293239;padding-left:18px}.tab{padding:13px 0;font-size:.9375rem;font-weight:500;color:#a8b7c2}.tab.active{font-weight:650}.rank-grid{gap:18px}.panel{background:linear-gradient(135deg,#12191cf5,#0d1316f5);border:1px solid #273239;border-radius:12px;padding:16px 20px;box-shadow:0 1px 0 #ffffff02 inset}.panel h2{font-size:1.1875rem;font-weight:650;letter-spacing:-.025rem}.rank-panel{padding:14px 20px 10px;min-height:252px}.rank-top{align-items:center;gap:12px;min-height:56px;margin-bottom:2px}.rank-identity{display:flex;gap:14px;align-items:center;text-align:left!important;min-width:0}.rank-mark{width:44px;height:50px;flex-shrink:0;display:grid;place-items:center;clip-path:polygon(50% 0,95% 20%,88% 70%,50% 100%,12% 70%,5% 20%);background:linear-gradient(160deg,#7affe1,#298972 45%,#11262c);color:#ccfff0;font-size:1.1rem;box-shadow:inset 0 0 0 2px #74e8b8}.rank-mark span{font-family:Georgia,serif;font-weight:700;text-shadow:0 2px 6px #062019}.rank-mark.tier-gold{background:linear-gradient(145deg,#ffe498,#b98630 50%,#393029);color:#fff2cb}.rank-mark.tier-silver{background:linear-gradient(145deg,#d8e2ec,#748996 50%,#252f39)}.rank-mark.tier-bronze{background:linear-gradient(145deg,#d79b77,#87573b 50%,#322824)}.rank-mark.tier-iron,.rank-mark.tier-unranked{background:linear-gradient(145deg,#78848c,#3e4952 55%,#1a242d);color:#a5b1bb}.rank-mark.tier-diamond{background:linear-gradient(145deg,#bcf8ff,#668fce 55%,#2b2c51)}.queue-title{font-size:.9375rem;font-weight:600;color:#e5ecef}.rank-name{font-size:1.5rem;font-weight:700;line-height:1.35;margin:.2rem 0 0;letter-spacing:-.025rem}.rank-meta{font-size:.875rem;color:#a9b9c4;white-space:nowrap;align-self:start;padding-top:3px;line-height:1.8}.rank-meta strong{font-weight:600;color:#dceae6}.rank-flex .rank-meta strong{color:var(--cyan)}.graph{height:153px;margin-top:3px}.graph .grid{stroke:#23313a;stroke-opacity:.85}.graph .vertical{stroke-opacity:.4}.graph text{font-size:13px;fill:#9aaab8}.graph .point-label{fill:var(--green);font-weight:650;font-size:14px}.graph circle{stroke:#101719}.rank-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:24px}.rank-foot .graph-note{font-size:.75rem;margin:0}.rank-foot button{font-size:.75rem;padding:0;color:#9badb8}.rank-foot button:hover{color:var(--green)}.rank-placeholder{height:153px;padding:15px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center;background:repeating-linear-gradient(0deg,transparent,transparent 34px,#23313a66 35px);color:var(--muted);margin:3px 0}.rank-placeholder strong{font-size:.9375rem;color:#c6d1d9}.rank-placeholder p{font-size:.8125rem;max-width:440px;margin:3px 0 7px}.rank-placeholder button{padding:.3rem .6rem;font-size:.8125rem}.rank-empty-mark{font-size:1.8rem;line-height:1;color:#60737d}.rank-placeholder.unranked{background:radial-gradient(ellipse at center,#20313b33,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 34px,#23313a44 35px)}.overview-grid{grid-template-columns:minmax(0,1.62fr) minmax(340px,1fr);gap:18px;margin-top:18px;align-items:start}.stack{gap:16px}.panel-title{margin-bottom:10px;align-items:center}.panel-title .text-button{font-size:.8125rem;color:#9facb5;font-weight:450}.history-panel{padding:14px 14px 10px}.history-panel>.panel-title{padding:0 2px;margin-bottom:10px}.filters{gap:7px;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:#344a50 transparent}.chip{font-size:.8125rem;padding:6px 10px;border-radius:8px;border-color:#2c3941;background:#141d22;color:#c0ccd4;font-weight:450}.chip.active{background:#54efa4;color:#062819;border-color:#65ffb8;box-shadow:0 0 15px #49efa41a;font-weight:600}.subfilters{margin:6px 0 12px;gap:6px;flex-wrap:wrap;overflow:visible}.subfilters .chip{font-size:.75rem;padding:4px 8px;border-color:#26343c;background:#10191e}.subfilters .chip.active{color:var(--green);border-color:#38775d;background:#132b22}.match-list{gap:7px}.match{grid-template-columns:116px 80px minmax(88px,1fr) 88px 190px 14px;gap:12px;padding:10px 11px;min-height:81px;background:linear-gradient(95deg,#15302690,#131d21 48%,#111b20);border:1px solid #263b3b;border-left:3px solid #45da9a;border-radius:7px;font-size:.875rem}.match.loss{background:linear-gradient(95deg,#321f2b90,#201c23 48%,#1b1820);border:1px solid #40303b;border-left:3px solid #e87591}.match .result{font-size:.9375rem;line-height:1.25;margin-bottom:4px}.match .small{font-size:.75rem;line-height:1.5}.match-mode{line-height:1.3!important;color:#c1cbd1}.champion-kit{display:flex;gap:5px;align-items:center}.match .champ-img{width:50px;height:50px;border:1px solid #4a5862;border-radius:6px}.spell-icons{display:flex;flex-direction:column;gap:3px}.spell-icons img,.spell-fallback{width:22px;height:22px;object-fit:cover;display:grid;place-items:center;border-radius:3px;border:1px solid #394a50;background:#1a2a30;font-size:.6875rem;color:#adc0bf}.kda{font-size:.9375rem;font-weight:600;white-space:nowrap}.death-count{color:#c4cbd1}.loss .death-count{color:#ec90a4}.champion-caption{font-size:.6875rem;line-height:1.2;color:#8195a4;margin-top:2px}.cs-stat{font-size:.8125rem;color:#ccd7df;display:block}.match .items{gap:3px;flex-wrap:nowrap}.match .item{width:24px;height:24px;border-radius:4px;border-color:#3a4650}.match .chevron{color:#8b9da9;font-size:1.3rem}.history-more{width:100%;margin-top:10px;background:#121c21;border:1px solid #2b3c45;color:#a9bfc9;font-size:.8125rem;font-weight:500;padding:8px}.champ-row{padding:8px 0;gap:11px;border-bottom-color:#263239}.champ-row .champ-img{width:40px;height:40px;border-radius:6px;border-color:#3e4a52}.row-name{font-size:.875rem;font-weight:600}.champ-row .small,.friend-row .small{font-size:.75rem;color:#93a5b4}.champ-row .right{min-width:64px;font-size:.875rem}.progress-track{height:5px;width:68px;background:#25333c}.progress-track progress{height:5px;appearance:none;border:none;border-radius:9px;background:#25333c}.progress-track progress::-webkit-progress-bar{background:#25333c}.progress-track progress::-webkit-progress-value{background:var(--green);border-radius:9px}.progress-track progress::-moz-progress-bar{background:var(--green);border-radius:9px}.champ-table-labels{display:grid;grid-template-columns:1fr 75px 64px;color:#8296a7;font-size:.75rem;border-bottom:1px solid #2a3740;padding:0 0 6px}.champ-table-labels span:not(:first-child){text-align:right}.friend-row{padding:7px 0;border-bottom-color:#273239;gap:10px;font-size:.875rem}.recurring-panel .panel-title{margin-bottom:8px}.recurring-panel .filters{margin-bottom:4px}.recurring-panel .chip{font-size:.75rem;padding:4px 10px}.performance-panel .summary-strip{padding:12px 0 0;gap:10px}.performance-panel .stat-value{font-size:1.25rem}.performance-panel .small{font-size:.75rem;margin-bottom:0}.roles-panel .friend-row{padding:6px 0}.roles-panel h2{margin-bottom:8px}.panel.performance-panel h2,.panel.roles-panel h2{font-size:1rem}.table-wrap{scrollbar-color:#3c5058 transparent}dialog{background:#11191e;border-color:#3b4d58}.form-field input{background:#0b1217;border-color:#34454d}footer{background:#090e12;border-color:#243038;color:#7e94a3;gap:20px;padding:20px 28px}footer .text-button{font-size:.75rem;font-weight:400}.small{color:#99adb9}
@media(min-width:1650px){.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(440px,1fr)}.match{grid-template-columns:125px 88px minmax(115px,1fr) 106px 225px 18px;gap:16px}.match .item{width:28px;height:28px}.match .champ-img{width:54px;height:54px}.spell-icons img,.spell-fallback{width:24px;height:24px}.rank-name{font-size:1.6rem}.graph{height:160px}.rank-panel{min-height:262px}}
@media(max-width:1300px) and (min-width:951px){header{gap:20px}.search{margin-left:1%}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}.match{grid-template-columns:95px 69px minmax(90px,1fr) 167px 12px;gap:8px}.match .cs-stat{display:none}.match .champ-img{width:45px;height:45px}.spell-icons img,.spell-fallback{width:19px;height:19px}.match .item{width:21px;height:21px}.rank-identity{gap:10px}.rank-mark{width:38px;height:44px}.rank-name{font-size:1.25rem}.rank-panel{padding:14px}.queue-title{font-size:.875rem}.rank-meta{font-size:.8125rem}.champ-row{gap:8px}.champ-row .right{min-width:48px}.champ-table-labels{grid-template-columns:1fr 62px 48px}.progress-track{width:58px}}
@media(max-width:950px){header{height:auto;padding:12px 20px;gap:12px}.search{order:3;max-width:none;margin:0}.brand{font-size:1.5rem}.header-actions{margin-left:auto}.profile-head{padding:24px 8px;min-height:176px}.profile-backdrop{background-position:65% 45%}.identity h1{font-size:1.9rem}.avatar{width:98px;height:98px}.profile-actions{margin-left:12px}.rank-grid{gap:12px}.rank-panel{padding:12px 14px}.rank-identity{gap:10px}.rank-mark{width:34px;height:42px}.rank-name{font-size:1.1rem}.rank-meta{font-size:.75rem}.queue-title{font-size:.8125rem}.rank-foot{flex-wrap:wrap;gap:2px}.overview-grid{grid-template-columns:1fr}.overview-grid>.stack{display:grid;grid-template-columns:1fr 1fr}.match{grid-template-columns:110px 80px minmax(90px,1fr) 88px 190px 14px;gap:10px}.match .cs-stat{display:block}.match .item{width:24px;height:24px}.tabs{gap:24px;padding-left:6px}.panel h2{font-size:1.05rem}}
@media(max-width:740px){.match{grid-template-columns:96px 72px minmax(80px,1fr) 167px 12px;gap:8px}.match .cs-stat{display:none}.match .item{width:21px;height:21px}.match .champ-img{width:45px;height:45px}.spell-icons img,.spell-fallback{width:19px;height:19px}.metadata{gap:10px}.profile-actions{display:flex;margin-left:0}.identity h1{font-size:1.75rem}.rank-name{font-size:1rem}.rank-mark{display:none}}
@media(max-width:640px){header{padding:10px 14px;gap:10px}.brand{font-size:1.35rem}.brand img{width:32px;height:32px}.header-actions{gap:8px}.header-actions button{font-size:.8125rem;padding:.5rem}.search button{font-size:.8125rem;padding:.45rem .6rem}.search input{font-size:.875rem}.search-icon{font-size:1.5rem}.search select{max-width:68px;font-size:.75rem}main{width:calc(100% - 24px)}.profile-head{padding:23px 2px 20px;min-height:174px;gap:15px;flex-wrap:nowrap}.profile-backdrop{inset:0 -12px;background-position:64% 45%;background-image:linear-gradient(90deg,#0a0f13d9,#0a0f1366),linear-gradient(0deg,#0a0e10 0%,transparent 65%),url('/profile-banner.png')}.avatar{width:76px;height:76px}.avatar-level{font-size:.6875rem;padding:0 7px;bottom:-2px}.identity h1{font-size:1.45rem;line-height:1.2;overflow-wrap:anywhere}.identity h1 span{font-size:1rem;margin-left:0;display:inline-block}.metadata{font-size:.6875rem;gap:3px 9px;line-height:1.4}.metadata span:last-child{width:100%}.badge{font-size:.625rem;margin-top:5px}.profile-actions{width:auto;gap:5px;flex-wrap:wrap;margin-top:7px}.profile-actions button{flex:initial;font-size:.6875rem;padding:.28rem .48rem;white-space:nowrap}.profile-actions .favorite-button{padding:.25rem .4rem}.refresh-button>span{font-size:.875rem}.tabs{gap:22px;padding-left:2px;margin-bottom:12px}.tab{font-size:.875rem;padding:11px 0}.rank-grid{grid-template-columns:1fr;gap:12px}.rank-panel{min-height:232px;padding:12px 14px 10px}.rank-mark{display:grid;width:36px;height:44px}.rank-identity{gap:12px}.queue-title{font-size:.875rem}.rank-name{font-size:1.25rem}.rank-meta{font-size:.8125rem}.rank-top{min-height:48px}.graph{height:142px;margin-top:4px}.graph text{font-size:13px}.rank-placeholder{height:140px;padding:10px}.rank-foot{min-height:25px;gap:0}.rank-foot .graph-note,.rank-foot button{font-size:.6875rem}.rank-placeholder p{font-size:.75rem}.overview-grid{margin-top:12px;gap:12px}.panel{padding:13px}.history-panel{padding:13px 9px 9px}.panel h2{font-size:1.05rem}.panel-title .text-button{font-size:.75rem}.chip{font-size:.75rem;padding:5px 8px}.filters{gap:5px}.subfilters{margin:5px 0 9px;flex-wrap:nowrap;overflow:auto}.subfilters .chip{font-size:.6875rem;padding:4px 7px}.match{grid-template-columns:72px 63px minmax(90px,1fr) 10px;gap:6px;min-height:94px;padding:8px}.match-result{grid-row:1/3;align-self:center}.match .result{font-size:.8125rem}.match .small{font-size:.6875rem}.champion-kit{gap:3px}.match .champ-img{width:40px;height:40px}.spell-icons img,.spell-fallback{width:18px;height:18px}.match-kda{grid-column:3;grid-row:1}.kda{font-size:.8125rem}.champion-caption{font-size:.625rem}.match .items{grid-column:2/4;grid-row:2;gap:3px}.match .item{width:22px;height:22px}.match .chevron{grid-column:4;grid-row:1/3}.overview-grid>.stack{display:flex;gap:12px}.champ-row .right{min-width:60px}.champ-table-labels{grid-template-columns:1fr 72px 60px}.friend-row{padding:8px 0}.performance-panel .stat-value{font-size:1.2rem}footer{padding:18px 14px;gap:12px}.champ-cards,.compare-grid,.live-teams{grid-template-columns:1fr}}

/* 0.1.2 — fluid layouts, official emblems, gauges and match scoreboard. */
html{scrollbar-gutter:stable}body{overflow-wrap:break-word}header{gap:24px}.search{flex:1;min-width:0;margin:0 auto;gap:10px;padding:7px 9px 7px 14px}.search input{flex:1;width:0;min-width:0;padding:7px 3px}.search select{flex:none;min-width:84px;max-width:none;padding:8px 24px 8px 12px;background-color:#141e24;border:1px solid #344650;border-radius:6px;color:#edf5f8;cursor:pointer}.search button{flex:none;white-space:nowrap}select{color-scheme:dark;cursor:pointer}select option{background:#172229;color:#f0f5f7}button *,summary *,a *{cursor:inherit}summary,a,[role=button]{cursor:pointer}summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:disabled,button:disabled *{cursor:not-allowed}.header-actions{gap:12px}header .search{max-width:760px}header .brand{flex:none}.profile-backdrop{inset:0;background-position:center 42%}.profile-head{border-radius:0 0 14px 14px}.tabs,.filters,.subfilters{flex-wrap:wrap;overflow:visible;gap:8px 14px}.tabs{padding:0 4px}.tab{padding:10px 0}.filters,.subfilters{gap:7px}.rank-grid,.compare-grid,.live-teams{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-emblem{display:block;width:76px;height:76px;object-fit:contain;flex:none}.unranked-emblem{display:grid;place-items:center;width:76px;height:76px;color:#69828c;font-size:3rem;flex:none}.rank-identity{gap:8px}.rank-name{overflow-wrap:anywhere}.rank-meta{white-space:normal;flex:none}.rank-foot{flex-wrap:wrap}.rank-top{min-width:0}.rank-panel{min-width:0}.graph{overflow:hidden}.match{grid-template-columns:108px 76px minmax(76px,1fr) 76px minmax(130px,190px) 12px;gap:10px}.match>*{min-width:0}.match .items{flex-wrap:wrap}.items{flex-wrap:wrap;max-width:100%}.table-wrap{overflow:visible;max-width:100%}table{width:100%;table-layout:fixed;min-width:0}td,th{overflow-wrap:anywhere;white-space:normal}td .champ-img{display:block}td .items{flex-wrap:wrap}.champ-cards{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.champ-card{align-self:start;overflow:hidden;padding:0}.champ-card>.champ-row{margin:0;padding:20px;background:linear-gradient(105deg,#18362b,#121e23);gap:14px}.champ-card>.champ-row .champ-img{width:60px;height:60px;border:2px solid #427760;border-radius:12px}.champ-card>.champ-row h2{font-size:1.25rem}.champ-card .summary-strip{margin:0;padding:22px 14px}.champ-card details{padding:0 20px 18px}.champ-card summary{padding:12px 0;border-top:1px solid var(--line);font-size:.875rem;color:#bce4d3}.champ-card details[open] summary{color:var(--green)}.build-row{padding:12px 0}.build-row .items{margin:7px 0}.gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:none;border:0}.gauge-stat{text-align:center;min-width:0}.gauge-stat svg{width:100%;max-width:110px;display:block;margin:0 auto}.gauge-track,.gauge-fill{fill:none;stroke-width:7;stroke-linecap:round}.gauge-track{stroke:#29373e}.gauge-fill{stroke:var(--green)}.gauge-stat:nth-child(3) .gauge-fill{stroke:#60d3db}.gauge-stat:nth-child(4) .gauge-fill{stroke:#a8a2ee}.gauge-stat text{font-size:21px;font-weight:700;fill:var(--text)}.gauge-stat .stat-label{font-size:.75rem}.gauge-scale{display:block;color:#7e94a1;font-size:.625rem;margin-top:3px}.performance-panel .summary-strip{padding:18px 0 2px}.scoreboard{margin:22px 0}.score-head{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem}.score-head>strong:first-child{color:#70cafa}.score-head>strong:last-child{color:#f58ea4;text-align:right}.score-head>span{text-align:center;color:#778e9c;font-size:.75rem}.score-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px;align-items:start}.score-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;background:#11202b;border:1px solid #2b4658;border-radius:9px;min-width:0}.score-player.red-team{background:#241b23;border-color:#51323f}.score-player.searched-player{box-shadow:inset 0 0 0 1px #6ce3a8}.score-identity{display:flex;gap:9px;align-items:center;min-width:0}.score-identity>div{min-width:0}.score-identity strong{font-size:.8125rem;overflow-wrap:anywhere}.score-identity .champ-img{width:40px;height:40px;flex:none}.score-identity .small{font-size:.6875rem}.score-kda{display:flex;flex-direction:column;text-align:right;justify-content:center;font-size:.8125rem}.score-kda .small{font-size:.625rem}.score-numbers{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;color:#a0b4c1;font-size:.625rem}.score-numbers b{display:block;color:#e0e9ef;font-size:.75rem}.score-player>.items{grid-column:1/-1}.score-player>.items .item{width:27px;height:27px}.score-player>details{grid-column:1/-1;font-size:.75rem}.score-player.red-team .score-identity{grid-column:2;grid-row:1;flex-direction:row-reverse;text-align:right}.score-player.red-team{grid-template-columns:auto minmax(0,1fr)}.score-player.red-team .score-kda{grid-column:1;grid-row:1;text-align:left}.score-player.red-team .items{justify-content:flex-end}.score-player.red-team .score-numbers{text-align:right}.score-player.red-team details{text-align:right}dialog{width:min(1240px,96%);padding:24px;overflow-y:auto}dialog .items{min-width:0}.home header .search{display:none}.home header .header-actions{margin-left:auto}.welcome{position:relative;max-width:1000px;text-align:center;padding:100px 25px 80px;background:radial-gradient(ellipse at 50% 20%,#194d342f,transparent 65%)}.welcome .eyebrow{font-size:1rem;letter-spacing:.28rem}.welcome h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:24px 0;letter-spacing:-.06em}.welcome>p{max-width:610px;margin:20px auto}.home-search{max-width:760px;margin:32px auto 14px;text-align:left;box-shadow:0 10px 60px #3de19b12;border-color:#466557;padding:12px}.home-search input{font-size:1.05rem}.home-features{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:35px 0;color:#b2c7c0;font-size:.875rem}.home-features span{border:1px solid #2c4038;border-radius:20px;padding:7px 15px}.home .welcome>button{background:transparent;color:#9fb8af;border-color:#30493f}.compare-form,.board-form{flex-wrap:wrap}.compare-form>*{max-width:100%}footer{flex-wrap:wrap}footer span{min-width:0;flex:1 1 400px}
@media(max-width:1450px){.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr)}.match{grid-template-columns:100px 70px minmax(78px,1fr) minmax(125px,170px) 12px;gap:8px}.match .cs-stat{display:none}.match .item{width:22px;height:22px}.match .champ-img{width:44px;height:44px}}
@media(max-width:1100px){header{gap:16px;padding:12px 20px;height:auto;flex-wrap:wrap}header .search{order:3;max-width:none;flex-basis:100%}.header-actions{margin-left:auto}.champ-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.overview-grid>.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rank-emblem,.unranked-emblem{width:60px;height:60px}.rank-name{font-size:1.2rem}.rank-meta{font-size:.75rem}}
@media(max-width:700px){.rank-grid,.compare-grid,.live-teams{grid-template-columns:1fr}.rank-emblem,.unranked-emblem{width:65px;height:65px}.rank-name{font-size:1.2rem}.score-player{padding:9px;gap:8px;grid-template-columns:1fr!important}.score-player .score-identity,.score-player.red-team .score-identity{grid-column:1;grid-row:1;flex-direction:column;text-align:center}.score-player .score-kda,.score-player.red-team .score-kda{grid-column:1;grid-row:2;text-align:center}.score-numbers{grid-template-columns:repeat(2,minmax(0,1fr));text-align:center!important}.score-player>.items,.score-player.red-team .items{justify-content:center}.score-player>.items .item{width:24px;height:24px}.score-player details,.score-player.red-team details{text-align:left}.score-pair{gap:8px}.score-head{font-size:.75rem;gap:4px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}dialog{padding:15px}.modal-title{font-size:1.2rem}.event{overflow-wrap:anywhere}td,th{font-size:.6875rem;padding:6px 3px!important}}
@media(max-width:640px){header{padding:10px 12px;gap:10px}.search{gap:7px;padding:6px}.search-icon{display:none}.search select{min-width:70px;max-width:none;padding:8px 4px;font-size:.75rem}.search button{padding:9px 8px;white-space:normal;max-width:44%;font-size:.75rem}.search input{font-size:.8125rem}.brand{font-size:1.2rem}.header-actions{gap:5px}.header-actions button{font-size:.75rem}.tabs{gap:0 16px}.tab{font-size:.8125rem}.subfilters{flex-wrap:wrap;overflow:visible}.overview-grid>.stack{display:flex}.champ-cards{grid-template-columns:1fr}.match{grid-template-columns:65px 59px minmax(65px,1fr) 10px;gap:5px}.match .champ-img{width:36px;height:36px}.match .spell-icons img,.match .spell-fallback{width:17px;height:17px}.match .items{grid-column:2/4;grid-row:2}.match .item{width:20px;height:20px}.match .chevron{grid-column:4;grid-row:1/3}.match-result{grid-row:1/3}.kda{white-space:normal}.profile-head{gap:10px}.avatar{width:62px;height:62px}.rank-identity{gap:5px}.rank-panel{padding:12px}.rank-meta{font-size:.6875rem}.welcome{padding:55px 0}.welcome>p{font-size:.875rem}.home-search{flex-wrap:wrap;padding:12px;gap:12px}.home-search input{flex:1;font-size:.9375rem}.home-search button{flex-basis:100%;max-width:none;font-size:.8755rem}.home-features{gap:8px}.gauges{gap:5px}footer span{flex-basis:100%}.table-wrap .champ-img{width:28px;height:28px}.rank-foot .graph-note{max-width:100%}}
@media(min-width:701px){.score-player{padding:9px 12px;gap:5px 10px}.score-identity .champ-img{width:34px;height:34px}.score-player>.items .item{width:24px;height:24px}.score-player>details{font-size:.6875rem}.score-pair{margin-bottom:8px}}

/* 0.1.3 — atmosphere, regional themes and motion. */
:root{--theme-accent:#50eea4;--theme-soft:#17382d;--theme-line:#304c40;--theme-glow:#50eea418}
body[data-theme=shurima]{--theme-accent:#e8bd72;--theme-soft:#30291d;--theme-line:#645138;--theme-glow:#e8bd7218}
body[data-theme=demacia]{--theme-accent:#b9d3f1;--theme-soft:#202d3d;--theme-line:#4b617a;--theme-glow:#b9d3f118}
body[data-theme=ionia]{--theme-accent:#e8a6d1;--theme-soft:#322439;--theme-line:#6a4662;--theme-glow:#e8a6d118}
body[data-theme=shadow-isles]{--theme-accent:#64ddbd;--theme-soft:#123333;--theme-line:#2b625b;--theme-glow:#64ddbd18}
body[data-theme=freljord]{--theme-accent:#91d9f0;--theme-soft:#192e3e;--theme-line:#3b6178;--theme-glow:#91d9f018}
body[data-theme=piltover]{--theme-accent:#dfbd83;--theme-soft:#302b26;--theme-line:#655a45;--theme-glow:#dfbd8318}
body:not(.home){background:radial-gradient(ellipse at 85% 0,var(--theme-glow),transparent 42%),#0a0e10}.profile-backdrop{background-image:linear-gradient(90deg,#0a0f13f7,#0a0f13b0 28%,#0a0f1330 67%),linear-gradient(0deg,#0a0e10,transparent 65%),var(--region-art);background-position:center;background-size:cover}.profile-head{--region-art:url('/themes/shadow-isles.png');min-height:195px}.profile-theme-label{position:absolute;right:20px;bottom:17px;letter-spacing:.16em;text-transform:uppercase;font-size:.625rem;color:var(--theme-accent);opacity:.85}.profile-head .avatar{border-color:var(--theme-accent)}body[data-theme=shurima] .profile-head{--region-art:url('/themes/shurima.png')}body[data-theme=demacia] .profile-head{--region-art:url('/themes/demacia.png')}body[data-theme=ionia] .profile-head{--region-art:url('/themes/ionia.png')}body[data-theme=freljord] .profile-head{--region-art:url('/themes/freljord.png')}body[data-theme=piltover] .profile-head{--region-art:url('/themes/piltover.png')}.tab.active{color:var(--theme-accent);border-color:var(--theme-accent)}.chip.active{background:var(--theme-accent);border-color:var(--theme-accent);box-shadow:none}.subfilters .chip.active{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-accent)}.profile-actions .refresh-button{color:var(--theme-accent);border-color:var(--theme-line)}.champ-card>.champ-row{background:linear-gradient(105deg,var(--theme-soft),#121e23)}.panel{transition:border-color .2s ease,box-shadow .2s ease}.panel:hover{border-color:var(--theme-line)}.profile-head .badge{border-color:var(--theme-line)}
header{min-height:62px;padding:10px 24px;gap:28px}.brand{font-size:1.45rem}.brand img{width:34px;height:34px}.search,header .search,.home-search{display:flex;flex-wrap:nowrap;align-items:center;height:38px;padding:0;gap:0;overflow:hidden;border:1px solid #2b373f;border-radius:8px;background:linear-gradient(100deg,#12191de8,#11171ce8);box-shadow:none;max-width:720px;transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:#638d80;box-shadow:0 0 0 3px #56dda413}.search input{order:2;flex:1;min-width:0;width:0;padding:8px 7px;font-size:.8125rem;background:transparent}.search select{order:3;align-self:stretch;flex:0 0 80px;min-width:80px;max-width:80px;border:0;border-left:1px solid #2a353c;border-radius:0;background-color:#151c21;color:#d4dce2;font-size:.75rem;padding:0 10px;outline-offset:-3px}.search .search-submit{order:1;display:grid;place-items:center;flex:0 0 38px;max-width:38px;width:38px;height:36px;min-height:0;padding:0;border:0;border-radius:0;background:none;color:#82949f;cursor:pointer;box-shadow:none}.search .search-submit:hover{color:#c6eadd;background:#ffffff06}.search .search-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.search .search-submit:focus-visible{outline-offset:-4px}.search-spinner{display:block;width:15px;height:15px;border:2px solid #53665f;border-top-color:#b4e4cf;border-radius:50%;animation:search-spin .7s linear infinite}.search input:disabled,.search select:disabled{opacity:.65}.search:has(button:disabled){border-color:#405d52}
.home-atmosphere{display:none;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#09110f}.home .home-atmosphere{display:block}.home{isolation:isolate;min-height:100dvh;display:flex;flex-direction:column}.home-landscape{position:absolute;inset:-7%;background:linear-gradient(90deg,#06141199,#08121b44),url('/profile-banner.png') center/cover;filter:blur(9px) saturate(.8);opacity:.56;animation:home-drift 32s ease-in-out infinite alternate;will-change:transform}.home-mist{position:absolute;inset:-20%;background:radial-gradient(ellipse at 28% 40%,#3fad8555,transparent 42%),radial-gradient(ellipse at 78% 60%,#3e859c38,transparent 42%);filter:blur(45px);animation:mist-drift 22s ease-in-out infinite alternate;will-change:transform}.home-stars{position:absolute;inset:-15%;background-image:radial-gradient(circle,#b6f4d966 1px,transparent 2px),radial-gradient(circle,#85dabc33 1px,transparent 2px);background-size:173px 139px,241px 193px;filter:blur(.5px);opacity:.32;animation:stars-drift 40s linear infinite}.home-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070d10f5,transparent 62%,#070d1077),radial-gradient(ellipse at center,transparent,#060c0f80)}.home header{background:#080f12b8;backdrop-filter:blur(14px);border-bottom-color:#263b353b}.home main{min-height:0;flex:1;display:grid;align-items:center;width:calc(100% - 48px);padding:35px 0}.home #content{width:100%}.welcome{padding:32px 20px 45px;max-width:1050px;background:none}.welcome h1{text-shadow:0 6px 32px #0008}.welcome .eyebrow{color:#79e9b9}.welcome>p{color:#bacbc7}.home-search{height:54px;width:100%;max-width:740px;margin:28px auto 13px;backdrop-filter:blur(16px);background:#10191de6;border-color:#43594f}.home-search .search-submit{height:52px;flex-basis:50px;max-width:50px;width:50px}.home-search .search-submit svg{width:20px;height:20px}.home-search input{font-size:.9375rem;padding:13px 10px}.home-search select{flex-basis:98px;max-width:98px;font-size:.8125rem;padding:0 15px;background:#18211fc4}.welcome .search-help{font-size:.75rem;min-height:1.5em;margin:12px auto}.home-features{margin:25px 0 0}.home-features span{background:#0b171580;border-color:#40574d66;color:#bfd2c9;backdrop-filter:blur(6px)}.home footer{background:#080e11b0;padding:10px 24px;gap:8px 18px;font-size:.625rem;line-height:1.45;align-items:center;border-color:#28393077}.home footer #footer-copy{max-width:none;flex:1 1 500px;opacity:.8}.home footer .text-button{font-size:.625rem;padding:2px}.home footer strong{font-size:.6875rem}#feedback{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:20;margin:0;max-width:calc(100% - 36px);width:max-content;color:#d2e0dc;font-size:.8125rem;text-align:center;line-height:1.5;pointer-events:none;text-shadow:0 1px 4px #000,0 0 10px #000,0 0 20px #000}#feedback:empty{display:none}#feedback.feedback-error{color:#ffacbb}#feedback:not(:empty){animation:feedback-in .2s ease-out}dialog[open]{animation:dialog-in .22s cubic-bezier(.2,.8,.2,1)}dialog[open]::backdrop{animation:backdrop-in .2s ease-out}.view-enter{animation:view-in .24s cubic-bezier(.2,.8,.2,1)}details[open]>:not(summary){animation:details-in .2s ease-out}summary{transition:color .15s}summary:hover{color:var(--theme-accent)}button,a{transition:color .15s,background-color .15s,border-color .15s,transform .15s,opacity .15s}button:active:not(:disabled){transform:translateY(1px)}.match{transition:transform .18s,border-color .18s,box-shadow .18s}.match:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}.tab{transition:color .2s,border-color .2s}.tab:hover{color:var(--theme-accent)}.gauge-fill{animation:gauge-in .65s ease-out}.search-submit:active:not(:disabled){transform:none}
@keyframes search-spin{to{transform:rotate(360deg)}}@keyframes home-drift{from{transform:scale(1.02) translate(-1%,0)}to{transform:scale(1.12) translate(2%,-1%)}}@keyframes mist-drift{from{transform:translate(-3%,0) scale(1)}to{transform:translate(5%,3%) scale(1.08)}}@keyframes stars-drift{from{transform:translateY(0)}to{transform:translateY(-139px)}}@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes details-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes feedback-in{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@keyframes gauge-in{from{stroke-opacity:0}to{stroke-opacity:1}}
@media(max-width:1100px){header .search{max-width:none}.home main{padding:35px 0}.home footer #footer-copy{order:3;flex-basis:100%;max-width:100%}}
@media(max-width:640px){header{padding:10px 12px;gap:10px}.brand{font-size:1.2rem}.brand img{width:30px;height:30px}.search,header .search{height:36px}.search input{font-size:.75rem;padding:7px 5px}.search select{min-width:70px;flex-basis:70px;max-width:70px;padding:0 7px;font-size:.6875rem}.search .search-submit{flex-basis:34px;width:34px;max-width:34px;height:34px}.home main{width:calc(100% - 28px);padding:24px 0}.welcome{padding:25px 0}.welcome h1{font-size:2.2rem;line-height:1.12;margin:18px 0}.welcome>p{font-size:.875rem}.home-search{height:48px;margin-top:25px}.home-search .search-submit{height:46px;flex-basis:42px;max-width:42px;width:42px}.home-search input{font-size:.875rem}.home-search select{min-width:76px;flex-basis:76px;max-width:76px}.welcome .search-help{font-size:.6875rem}.home-features{gap:6px;margin-top:24px}.home-features span{font-size:.6875rem;padding:6px 10px}.home footer{padding:9px 14px;gap:6px 12px}.home footer #footer-copy{font-size:.5625rem;line-height:1.45}.profile-theme-label{right:10px;bottom:7px;font-size:.5rem}.profile-head{min-height:185px}.home-landscape{filter:blur(7px) saturate(.8)}#feedback{font-size:.75rem;bottom:12px}.home-mist{filter:blur(24px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-landscape,.home-mist,.home-stars{will-change:auto}.match:hover{transform:none}}
/* 0.2.0 — insights and member preferences */
.global-filters{padding:12px 16px;margin-bottom:16px}.global-filters .subfilters{margin:7px 0}.global-filters>p{font-size:.6875rem;margin:4px 0 0}.chart-periods{display:flex;gap:5px;justify-content:flex-end;margin:3px 0}.chart-periods .chip{font-size:.6875rem;padding:3px 8px}.chart-readout{min-height:34px;font-size:.6875rem;margin:2px 0 6px;color:#b8cbd1}.graph circle[data-point]{cursor:crosshair;stroke-width:2}.graph circle[data-point]:hover,.graph circle[data-point]:focus{stroke:#fff;stroke-width:3;outline:none;fill:#fff}.graph circle.rank-transition{fill:#ffd177;stroke:#685333}.rank-panel{min-height:310px}.session-results{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0}.session-results strong{font-size:1.25rem}.session-results span{font-size:.875rem;color:#c0d2d4}.session-panel .small{font-size:.75rem}.session-champions{display:flex;gap:8px;flex-wrap:wrap}.session-champions>span{position:relative}.session-champions img{width:34px;height:34px;border-radius:6px}.session-champions small{position:absolute;right:-3px;bottom:0;background:#172c25;border-radius:4px;padding:0 4px;font-size:.625rem}.theme-settings{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.theme-settings h3{font-size:1rem}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-option{min-width:0;padding:0 0 8px;overflow:hidden;background:#111c20;border:1px solid #334147;color:#c1cecb;font-size:.75rem;display:flex;flex-direction:column;gap:7px;align-items:center}.theme-option img{display:block;width:100%;height:65px;object-fit:cover}.theme-option.selected{border-color:var(--theme-accent);color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}.random-theme{height:65px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(110deg,#183b30,#333149);width:100%}.tracking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.tracking-grid>div{padding:14px;background:#0d151a;border:1px solid var(--line);border-radius:9px;min-width:0}.tracking-grid strong{display:block;margin-top:6px;font-size:.875rem;overflow-wrap:anywhere}.tracking-page{max-width:1050px;margin:auto}.tracking-page>.text-button{margin-left:15px}.tracking-page .theme-options{grid-template-columns:repeat(4,minmax(0,1fr))}.tracking-page .theme-option img{height:85px}.suggestions{background:#101b20;border:1px solid #3b5049;border-radius:10px;padding:5px;z-index:15;max-width:740px;width:100%;box-shadow:0 10px 40px #0008}.suggestions[hidden]{display:none}.suggestions>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;color:#cfdfd8;text-align:left;padding:10px 12px;font-size:.8125rem}.suggestions>button:hover,.suggestions>button:focus{background:#20392d}.suggestions small{color:#869c98;font-size:.6875rem}.suggestions span{min-width:0;overflow-wrap:anywhere}.header-suggestions{position:absolute;left:26%;top:calc(100% - 4px);width:min(720px,65%)}#home-suggestions{margin:-6px auto 8px;text-align:left}#recent-home{max-width:740px;margin:16px auto 0}.recent-heading{display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;color:#9bb6a9;gap:12px;margin-bottom:6px}.recent-heading button{font-size:.6875rem}.recent-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.recent-chips .chip{font-size:.6875rem;white-space:normal;overflow-wrap:anywhere}.recent-chips .chip span{color:#91a69e;font-size:.625rem}.data-tooltip{position:fixed;bottom:24px;right:24px;z-index:40;width:min(370px,calc(100vw - 36px));padding:16px 18px;border:1px solid #547464;border-radius:12px;background:#0d171cf5;color:#e9f2ef;box-shadow:0 12px 45px #000a;max-height:45vh;overflow-y:auto;pointer-events:auto;white-space:normal;overflow-wrap:anywhere}.data-tooltip[hidden]{display:none}.data-tooltip strong{font-size:.9375rem;color:#a5edcc}.data-tooltip p{font-size:.8125rem;white-space:pre-line;margin:8px 0}.data-tooltip small{font-size:.625rem;color:#8ca19b}.item[data-item],.rune-tooltip{cursor:help}.item[data-item]:focus{outline:2px solid var(--theme-accent);outline-offset:2px}.rune-tooltip{text-decoration:underline dotted;text-underline-offset:3px}.profile-head{min-height:210px}.profile-backdrop{background-position:center 44%}.theme-options button{transition:border-color .2s,transform .2s}.theme-options button:hover{transform:translateY(-2px)}
@media(max-width:1100px){.header-suggestions{left:20px;right:20px;width:auto;max-width:none}.tracking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.global-filters{padding:10px;margin-bottom:12px}.rank-panel{min-height:295px}.chart-readout{font-size:.625rem;min-height:38px}.theme-options,.tracking-page .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-grid{grid-template-columns:1fr 1fr;gap:8px}.tracking-grid>div{padding:10px}.tracking-grid .small{font-size:.6875rem}.tracking-grid strong{font-size:.75rem}.data-tooltip{right:18px;bottom:15px;padding:12px}.header-suggestions{left:12px;right:12px}.profile-head{min-height:185px}.session-panel h2{font-size:1rem}}
/* 0.2.1 — corrections from the October video */
html{scrollbar-gutter:auto;scrollbar-width:none}body,dialog,.table-wrap,.filters,.data-tooltip{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}
body[data-theme]{--line:var(--theme-line)}
button:not(.match):hover{filter:none;background-color:var(--theme-soft);color:var(--theme-accent)}
button:not(.match):focus-visible,a:focus-visible,summary:focus-visible{outline:0;box-shadow:0 0 0 3px var(--theme-accent);border-radius:8px}
button:not(.match):focus-visible{background-color:var(--theme-soft);color:var(--theme-accent)}
.search input:focus,.search input:focus-visible,.search select:focus,.search select:focus-visible{outline:none;box-shadow:none}
.search:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 2px var(--theme-glow)}
.search .search-submit:hover,.search .search-submit:focus-visible{transform:none;background:var(--theme-soft);color:var(--theme-accent);box-shadow:none}
.search .search-submit:focus-visible{box-shadow:inset 0 0 0 2px var(--theme-accent)}
.search select:focus-visible{background:var(--theme-soft);color:var(--theme-accent)}
.outline,.text-button,.profile-head .badge,.unranked-emblem,.rank-empty-mark,.data-tooltip strong{color:var(--theme-accent)}
.outline,.search select,.data-tooltip{border-color:var(--theme-line)}
.tab{padding:10px 14px;margin:3px 0;border:1px solid transparent;border-radius:9px}
.tab.active,.tab.active:hover,.chip.active,.chip.active:hover{background:var(--theme-accent);color:#10191b;border-color:transparent}
.tabs{gap:5px;padding:8px 0;border-color:var(--theme-line)}
.subfilters .chip.active{background:var(--theme-soft);color:var(--theme-accent);border-color:var(--theme-accent)}
.favorite-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:38px;min-width:110px}
.favorite-button>span:first-child{font-size:1.25rem;line-height:1}.favorite-label{font-size:.8125rem}
.favorite-button[aria-pressed=true]{background:var(--theme-soft);border-color:var(--theme-accent);color:var(--theme-accent)}
.rank-panel{--rank-color:var(--theme-accent)}
.rank-panel[data-tier=iron]{--rank-color:#b6a49b}.rank-panel[data-tier=bronze]{--rank-color:#d69c78}.rank-panel[data-tier=silver]{--rank-color:#cad8e4}.rank-panel[data-tier=gold]{--rank-color:#edc870}.rank-panel[data-tier=platinum]{--rank-color:#73d4d7}.rank-panel[data-tier=emerald]{--rank-color:#69dfa7}.rank-panel[data-tier=diamond]{--rank-color:#9bbdff}.rank-panel[data-tier=master]{--rank-color:#cb9aef}.rank-panel[data-tier=grandmaster]{--rank-color:#ee8293}.rank-panel[data-tier=challenger]{--rank-color:#f3d799}
.rank-panel .rank-name,.rank-panel .rank-name.flex{color:var(--rank-color)}
.rank-panel .graph .line,.rank-panel .graph.flex .line{stroke:var(--rank-color)}
.rank-panel .graph>path{fill:var(--rank-color);fill-opacity:.09}
.rank-panel .graph circle{fill:var(--rank-color);stroke:var(--rank-color)}
.rank-panel .graph circle.rank-transition{fill:#11191e;stroke:var(--rank-color);stroke-width:3}
.rank-panel .graph circle:hover,.rank-panel .graph circle:focus-visible{fill:#fff;stroke:var(--rank-color);stroke-width:3}
.graph .point-label{fill:var(--rank-color,var(--theme-accent))}
.welcome{max-width:1200px;width:100%;margin:auto}.welcome h1{font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.12}.welcome>p{font-size:1.05rem;max-width:660px;margin-left:auto;margin-right:auto}
.home .home-search{height:64px;max-width:900px}.home-search input{font-size:1.0625rem}.home .home-search .search-submit{height:62px;flex-basis:60px;max-width:60px;width:60px}.home-search .search-submit svg{width:23px;height:23px}.home .home-search select{flex-basis:110px;max-width:110px;font-size:.9375rem}
#home-suggestions,#recent-home{max-width:900px}.home-features span{font-size:.8125rem}.welcome .eyebrow{font-size:.875rem}
/* Keep suggestions outside normal flow so typing does not shift the hero. */
.welcome{position:relative}#home-suggestions{position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 40px);margin-top:-10px}
dialog{padding:0;border-color:var(--theme-line)}dialog.auth{max-width:620px}#modal-content{padding:0 28px 28px;min-width:0;overflow-wrap:anywhere}
.dialog-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-end;padding:8px 10px 4px;background:#11191ef5;border-radius:18px 18px 0 0}
.close{position:static;display:grid;place-items:center;width:36px;height:36px;padding:0;line-height:1;border-radius:9px;font-size:1.65rem;color:var(--theme-accent)}
.confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.theme-option img{height:85px}
@media(max-width:640px){.welcome h1{font-size:2.5rem}.welcome>p{font-size:.9375rem}.home .home-search{height:54px}.home .home-search .search-submit{height:52px;flex-basis:44px;max-width:44px;width:44px}.home-search input{font-size:.875rem}.home .home-search select{flex-basis:75px;min-width:75px;max-width:75px;font-size:.75rem;padding:0 8px}.welcome{padding-left:0;padding-right:0}#home-suggestions{width:100%}.tabs{gap:4px}.tab{padding:8px 9px;font-size:.75rem}#modal-content{padding:0 14px 18px}.theme-option img{height:70px}.favorite-button{min-width:100px}}
body[data-theme]{--green:var(--theme-accent);--cyan:var(--theme-accent)}
.match{border-left-color:#59eda7}.match .result,.session-results>.green{color:#59eda7}.match.loss{border-left-color:var(--red)}.match.loss .result{color:var(--red)}
.gauge-stat:nth-child(3) .gauge-fill,.gauge-stat:nth-child(4) .gauge-fill{stroke:var(--theme-accent)}
.text-button.red{color:var(--red)}

.profile-actions .outline{color:var(--theme-accent);border-color:var(--theme-line)}
/* 0.2.2 — twelve regions, preview before save and home favorites */
body[data-theme=bandle-city]{--theme-accent:#b9df83;--theme-soft:#243522;--theme-line:#527448;--theme-glow:#b9df8318}
body[data-theme=bilgewater]{--theme-accent:#dfab7e;--theme-soft:#332a24;--theme-line:#765b44;--theme-glow:#dfab7e18}
body[data-theme=noxus]{--theme-accent:#ec8f99;--theme-soft:#36242c;--theme-line:#79454f;--theme-glow:#ec8f9918}
body[data-theme=zaun]{--theme-accent:#a8df67;--theme-soft:#253322;--theme-line:#567c3f;--theme-glow:#a8df6718}
body[data-theme=targon]{--theme-accent:#c3a6f1;--theme-soft:#2b2440;--theme-line:#69518c;--theme-glow:#c3a6f118}
body[data-theme=runeterra]{--theme-accent:#8edbd1;--theme-soft:#213438;--theme-line:#487c79;--theme-glow:#8edbd118}
body[data-theme=bandle-city] .profile-head{--region-art:url('/themes/bandle-city.png')}
body[data-theme=bilgewater] .profile-head{--region-art:url('/themes/bilgewater.png')}
body[data-theme=noxus] .profile-head{--region-art:url('/themes/noxus.png')}
body[data-theme=zaun] .profile-head{--region-art:url('/themes/zaun.png')}
body[data-theme=targon] .profile-head{--region-art:url('/themes/targon.png')}
body[data-theme=runeterra] .profile-head{--region-art:url('/themes/runeterra.png')}
.account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.account-tabs .chip{font-size:.8125rem}
.theme-settings{border:0;margin:0;padding:0}.appearance-page{max-width:1100px;margin:auto}.theme-settings h2{margin-top:0}
.theme-preview{position:relative;isolation:isolate;height:220px;border-radius:12px;overflow:hidden;margin:20px 0;background:#152226;border:1px solid var(--theme-line)}
.theme-preview>img{width:100%;height:100%;object-fit:cover}.theme-preview:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#080f18c0,transparent 85%)}
.theme-preview>div{position:absolute;left:24px;bottom:25px;z-index:1;display:grid;gap:7px}.theme-preview strong{font-size:1.65rem;line-height:1.2}.theme-preview span{font-size:.75rem;color:#d6dfdf}
.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-page .theme-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-option .theme-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;min-height:22px}
.theme-option img.region-symbol{width:19px;height:19px;object-fit:contain;display:inline-block;filter:brightness(1.4)}
.appearance-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}.appearance-actions>span{flex:1;min-width:150px}
.appearance-actions button{font-size:.8125rem}.appearance-actions button:disabled{cursor:default}
.sync-result{color:var(--theme-accent);margin:10px 0 0;font-size:.75rem}.metadata{flex-wrap:wrap}
#home-favorites{max-width:900px;margin:18px auto 0;text-align:left}#home-favorites:empty{display:none}.home-favorites-heading{font-size:.75rem;color:#b4cec3;margin:0 0 8px}
.home-favorite-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-height:145px;overflow-y:auto;scrollbar-width:none}
.home-favorite{display:grid;gap:2px;min-width:140px;max-width:100%;padding:9px 15px;border:1px solid #385249;border-radius:10px;background:#101d1ce0;color:#d3e4de;text-align:left}
.home-favorite strong{font-size:.875rem;overflow-wrap:anywhere}.home-favorite span{font-size:.6875rem;color:#a1b7b0}
@media(max-width:640px){.appearance-page .theme-options,.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preview{height:175px}.theme-preview>div{left:16px;bottom:20px}.theme-preview strong{font-size:1.3rem}.appearance-actions>span{flex-basis:100%}.home-favorite{min-width:120px;padding:8px 12px}.home-favorite-list{max-height:125px}.metadata span{font-size:.6875rem}}
.match-event-timeline{margin-top:28px;padding:20px;border:1px solid var(--theme-line);border-radius:12px;background:#0c1419}
.timeline-toolbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.timeline-toolbar label{display:grid;gap:5px;max-width:100%;font-size:.75rem;color:var(--muted)}.timeline-toolbar select{max-width:100%;width:270px;padding:9px;border:1px solid var(--theme-line);border-radius:8px;background:#152129;color:var(--text)}.timeline-toolbar .filters{flex-wrap:wrap;gap:6px}
.timeline-scrub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.timeline-scrub label{font-size:.75rem;color:var(--muted)}.timeline-scrub input{flex:1;min-width:140px;accent-color:var(--theme-accent)}.timeline-scrub button{font-size:.75rem}
.timeline-count{margin-top:16px}.timeline-axis{display:flex;align-items:flex-end;gap:2px;width:100%;min-width:0;height:48px}.timeline-axis .timeline-tick{padding:0;flex:1;min-width:0;border-radius:3px;background:transparent;line-height:0;color:var(--theme-accent)}.timeline-tick svg{width:100%;height:48px;display:block}.timeline-tick rect{fill:var(--theme-accent);opacity:.65}.timeline-tick:hover rect,.timeline-tick.selected rect{opacity:1;fill:#fff}.timeline-axis-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.625rem;margin:5px 0 20px}
.timeline-feed{max-height:560px;overflow-y:auto;scrollbar-width:none;padding-right:3px}.timeline-entry{display:grid;grid-template-columns:50px 28px minmax(0,1fr);position:relative;gap:10px;padding:12px 0;color:var(--text)}.timeline-entry:before{content:'';position:absolute;left:73px;top:0;bottom:0;width:1px;background:#3b4b51}.timeline-entry time{font-size:.8125rem;color:#b3c5cb;padding-top:4px;font-variant-numeric:tabular-nums}.timeline-dot{position:relative;z-index:1;background:#1a313a;border:1px solid #52767b;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;color:#93d7ed;font-size:.875rem}.timeline-entry.purchase .timeline-dot{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-accent)}.timeline-entry.objective .timeline-dot{color:#e7c387;border-color:#806945}
.timeline-event-content{padding:9px 13px;border:1px solid #283b44;border-radius:9px;background:#101e24;min-width:0}.event-kind{font-size:.6875rem;color:#b8c9ce}.event-identities{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:6px}.event-identities>strong{font-size:.8125rem;overflow-wrap:anywhere}.event-player{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;min-width:0;max-width:100%}.event-player>span{overflow-wrap:anywhere}.event-player .champ-img{width:28px;height:28px;border-radius:5px}.event-identities .items{display:inline-flex;width:auto}.event-identities .item{width:28px;height:28px}.event-arrow{color:var(--theme-accent)}.event-assists{font-size:.6875rem;margin:7px 0 0}
@media(max-width:640px){.match-event-timeline{padding:12px}.timeline-toolbar label,.timeline-toolbar select{width:100%}.timeline-entry{grid-template-columns:39px 23px minmax(0,1fr);gap:6px}.timeline-dot{width:23px;height:23px}.timeline-entry:before{left:56px}.timeline-event-content{padding:8px}.timeline-entry time{font-size:.6875rem}.event-identities{gap:6px}.event-player{font-size:.75rem}.timeline-scrub input{flex-basis:100%}}
/* 0.2.3 — full-width banner and personal tools in the account */
body[data-theme=void]{--theme-accent:#c29af1;--theme-soft:#2b203c;--theme-line:#69498d;--theme-glow:#c29af11c}
body[data-theme=void] .profile-head{--region-art:url('/themes/void.png')}
body:not(.home) main{max-width:none;width:100%;padding:0 0 32px}
.profile-head{width:100%;border-radius:0;background:transparent;padding-left:max(24px,calc((100vw - 1752px)/2));padding-right:max(24px,calc((100vw - 1752px)/2))}
.profile-backdrop{inset:0}
body:not(.home) .tabs,body:not(.home) .view-content{width:calc(100% - 48px);max-width:1752px;margin-left:auto;margin-right:auto}
.profile-theme-label{right:max(24px,calc((100vw - 1752px)/2))}
dialog.auth.member-account{max-width:920px;width:min(920px,96vw)}
.member-account .theme-options{grid-template-columns:repeat(4,minmax(0,1fr))}.member-account .account-tabs{gap:8px}.member-account .account-tabs .chip{padding:8px 13px}
.account-favorites .friend-row{gap:12px;flex-wrap:wrap}.account-favorites .grow{overflow-wrap:anywhere;text-align:left}.account-favorites .text-button{min-height:36px}
.region-symbol.void-symbol{width:19px;height:19px;fill:#bb86ef;display:inline-block}
.member-account .tracking-page{border:0;background:transparent;padding:0}.member-account .tracking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){.profile-head{padding:23px 12px 20px}.profile-backdrop{inset:0}body:not(.home) .tabs,body:not(.home) .view-content{width:calc(100% - 24px)}.profile-theme-label{right:12px}.member-account .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.member-account .tracking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-account .account-tabs .chip{padding:7px 9px;font-size:.75rem}}

/* 0.2.4 — profile navigation, rune trees and appearance without scrolling. */
body:not(.home) .tabs{width:100%;max-width:none;margin:0 0 18px;padding:8px max(24px,calc((100vw - 1752px)/2));background:#0c1418;border-bottom:1px solid var(--theme-line)}
.player-link{color:inherit;text-decoration:none;font-weight:700;cursor:pointer;border-radius:3px}.player-link:hover{color:var(--theme-accent);text-decoration:underline;text-underline-offset:3px}.player-link:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}.player-tag{font-weight:400;color:#9db2be;font-size:.85em}
.rune-trees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;text-align:left}.rune-tree{background:#091218a6;border:1px solid #304453;border-radius:10px;padding:10px;min-width:0}.rune-tree.primary{border-color:var(--theme-line)}header.rune-tree-header{position:static;height:auto;padding:0;display:flex;gap:8px;align-items:center;background:none;border:0;flex-wrap:nowrap}.rune-tree-header>img{width:30px;height:30px;object-fit:contain}.rune-tree-header strong{display:block;font-size:.75rem}.rune-tree-header span{display:block;font-size:.625rem;color:#90a4b2}.rune-branches{position:relative;display:flex;flex-direction:column;gap:7px;margin:14px 0}.rune-branches:before{content:"";position:absolute;top:10px;bottom:10px;width:1px;left:50%;background:linear-gradient(transparent,var(--theme-line),transparent)}.rune-tier{position:relative;display:flex;justify-content:center;align-items:center;gap:6px}.rune-node{position:relative;border-radius:50%;padding:3px;width:32px;height:32px;min-width:0;flex:0 1 32px;display:grid;place-items:center;background:#0b1219;border:1px solid #3d4c58;transition:transform .18s,border-color .18s,filter .18s,opacity .18s}.rune-node img{width:100%;height:100%;object-fit:contain}.rune-node.unchosen{filter:grayscale(1);opacity:.36}.rune-node.chosen{border-color:var(--theme-accent);box-shadow:0 0 12px var(--theme-glow)}.rune-node:hover,.rune-node:focus-visible{opacity:1;filter:none;transform:scale(1.1);outline:2px solid var(--theme-accent);outline-offset:2px}.keystone-tier .rune-node{width:39px;height:39px;flex-basis:39px}.rune-chosen-dot{position:absolute;bottom:-3px;right:0;width:7px;height:7px;border:1px solid #10151d;background:var(--theme-accent);border-radius:50%}.rune-selection-names{font-size:.625rem;color:#b7c7d0;line-height:1.6}.rune-spells{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.rune-spells .spell-icons img{width:26px;height:26px}.rune-missing{color:#899ca7}
dialog.auth.member-account.appearance-dialog{width:min(1160px,calc(100vw - 24px));max-width:1160px;max-height:calc(100dvh - 24px);padding:20px;overflow:hidden}.appearance-dialog .account-tabs{margin:18px 0 10px}.appearance-dialog .theme-settings{margin:0;border:0;padding:0}.appearance-dialog .theme-settings h2{margin:10px 0;font-size:1.4rem}.appearance-dialog .theme-settings>p{margin:0 0 12px;font-size:.75rem}.appearance-dialog .theme-preview{height:140px;margin:0 0 12px}.appearance-dialog .theme-preview>img{height:100%}.appearance-dialog .theme-preview>div{padding:14px}.appearance-dialog .theme-preview strong{font-size:1.5rem}.appearance-dialog .theme-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.appearance-dialog .theme-options.paged{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-dialog .theme-option{padding-bottom:6px;gap:5px}.appearance-dialog .theme-option>img,.appearance-dialog .random-theme{height:54px}.appearance-dialog .theme-label{font-size:.7rem;gap:5px}.appearance-dialog .region-symbol{width:16px;height:16px}.appearance-dialog .appearance-actions{margin:12px 0 0;gap:8px}.appearance-dialog .appearance-actions button,.theme-pagination button{padding:7px 12px;font-size:.75rem}.theme-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:.7rem}.appearance-dialog .appearance-actions>.small{font-size:.7rem}
@media(max-width:700px){.rune-trees{grid-template-columns:1fr;gap:8px}.rune-node{width:35px;height:35px;flex-basis:35px}.rune-tree{padding:9px}.rune-selection-names{font-size:.625rem}}
@media(max-width:640px){body:not(.home) .tabs{width:100%;padding:7px 12px;margin-bottom:12px}dialog.auth.member-account.appearance-dialog{padding:12px}.appearance-dialog .account-tabs{margin:28px 0 10px;gap:5px}.appearance-dialog .account-tabs .chip{font-size:.65rem;padding:6px 8px}.appearance-dialog .theme-settings h2{font-size:1.1rem;margin:8px 0}.appearance-dialog .theme-settings>p{font-size:.65rem;margin-bottom:8px}.appearance-dialog .theme-preview{height:90px;margin-bottom:8px}.appearance-dialog .theme-preview strong{font-size:1.1rem}.appearance-dialog .theme-options.paged{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.appearance-dialog .theme-option>img,.appearance-dialog .random-theme{height:40px}.appearance-dialog .theme-label{font-size:.6rem;gap:3px}.appearance-dialog .region-symbol{width:13px;height:13px}.appearance-dialog .appearance-actions{flex-wrap:wrap;margin-top:8px}.appearance-dialog .appearance-actions>.small{flex-basis:100%;font-size:.625rem}.appearance-dialog .appearance-actions button{flex:1}.theme-pagination{margin-top:8px}}
@media(max-height:650px){.appearance-dialog .theme-preview{height:80px}.appearance-dialog .theme-settings>p{display:none}.appearance-dialog .account-tabs{margin-top:22px}.appearance-dialog .theme-options.paged{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-dialog .theme-option>img,.appearance-dialog .random-theme{height:35px}.appearance-dialog .theme-settings h2{margin:5px 0}.appearance-dialog .appearance-actions{margin-top:7px}}
@media(max-height:480px){.appearance-dialog .theme-preview{display:none}.appearance-dialog .theme-option>img,.appearance-dialog .random-theme{height:25px}.appearance-dialog .account-tabs{margin:20px 0 5px}.appearance-dialog .theme-settings h2{font-size:1rem}.appearance-dialog .theme-pagination{margin-top:5px}.appearance-dialog .appearance-actions>.small{display:none}}
@media(prefers-reduced-motion:reduce){.rune-node{transition:none}}
@media(max-width:640px) and (max-height:650px){dialog.auth.member-account.appearance-dialog{padding:10px}.appearance-dialog .account-tabs{margin:25px 0 6px;gap:4px}.appearance-dialog .account-tabs .chip{font-size:.6rem;padding:5px 6px}.appearance-dialog .theme-preview{height:60px;margin-bottom:6px}.appearance-dialog .theme-preview>div{left:10px;bottom:8px;padding:0}.appearance-dialog .theme-option>img,.appearance-dialog .random-theme{height:28px}.appearance-dialog .theme-option{gap:3px;padding-bottom:4px}.appearance-dialog .theme-label{font-size:.56rem;line-height:1.2;min-height:20px}.appearance-dialog .theme-options.paged{gap:5px}.appearance-dialog .appearance-actions button,.appearance-dialog .theme-pagination button{padding:5px 8px}.appearance-dialog .theme-pagination{margin-top:6px}}
@media(max-width:700px){.rune-tier{gap:3px}.rune-tree{padding:6px}.rune-node{height:auto;aspect-ratio:1;flex-basis:28px;padding:2px}.keystone-tier .rune-node{height:auto;flex-basis:32px}.rune-node img{height:auto;aspect-ratio:1}.rune-tree-header>img{width:22px;height:22px}.rune-tree-header strong{font-size:.65rem}.rune-tree-header span{font-size:.55rem}}
.appearance-dialog #modal-content{padding:0}
.appearance-dialog .dialog-toolbar{position:absolute;top:8px;right:8px;padding:0;height:36px;z-index:3;background:none}
@media(max-width:640px){.appearance-dialog .account-tabs{margin-top:35px}}
@media(max-width:400px){.rune-tree-header{flex-direction:column!important;text-align:center;gap:4px!important}.rune-tree-header strong{font-size:.6875rem;overflow-wrap:normal}.rune-selection-names{display:none}.rune-branches{margin:10px 0}.rune-tree-header span{font-size:.5625rem}}