:root{--login-bg-image:url(/CADE-O-DANO/assets/vi-BEGICdmC.png);--app-bg-image:url(/CADE-O-DANO/assets/vi-BEGICdmC.png);--bg:#00131c;--bg-panel:#0c1f27d6;--bg-panel-strong:#172d36;--surface:#04141c70;--surface-hover:#133a4661;--line:#bcd5da29;--line-strong:#c7dee257;--text:#f2f8fb;--text-muted:#b5c8cf;--text-dim:#8198a0;--blue:#40c9ff;--blue-soft:#40c9ff1f;--red:#ff5d6c;--red-soft:#ff5d6c1f;--gold:#f5c84c;--gold-muted:#b79245;--card-shadow:0 18px 55px #00000057;--mono:"Cascadia Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--sans:Inter, "Segoe UI", Roboto, Arial, sans-serif;--display:"Segoe UI", Inter, Roboto, Arial, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 55% 42%,#147e8b47,#0000 34%),linear-gradient(135deg,#00111a 0%,#000912 60%,#071b21 100%);min-width:320px;margin:0;line-height:1.45}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}p,h1,h2{margin:0}h1,h2,strong,button{letter-spacing:0}strong{font-family:var(--display)}#root{min-height:100vh}.login-page{background:linear-gradient(90deg, #000c1233, #000c1229), var(--login-bg-image) center / cover no-repeat;place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.login-page:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000002e,#0000 42%),radial-gradient(circle,#0000 0 18%,#0000002e 56%);position:absolute;inset:0}.login-form{z-index:1;width:min(420px,100%);min-height:430px;box-shadow:var(--card-shadow);background:#f6f6f6f5;border-radius:2px;flex-direction:column;justify-content:center;gap:18px;padding:70px 68px 56px;display:flex;position:relative;overflow:visible}.user-field{width:100%;position:relative}.login-form input,.tag-field{color:#1b1b1b;background:#fdfdfd;border:2px solid #202020;border-radius:4px;outline:none;width:100%;height:48px}.login-form input{padding:0 14px}.searched-players-list{z-index:8;background:#0b1014;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;gap:9px;max-height:220px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px #00000061}.searched-players-list::-webkit-scrollbar{width:6px}.searched-players-list::-webkit-scrollbar-track{background:#ffffff0d}.searched-players-list::-webkit-scrollbar-thumb{background:#d93640b8;border-radius:999px}.searched-players__button{color:#f5f7f8;text-align:left;background:#080b0f;border:1px solid #ffffff0a;border-radius:3px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 9px;transition:background .16s,border-color .16s,transform .16s;display:grid}.searched-players__button--selected{background:#b72c34;border-color:#d93640bd;outline:none;transform:translate(2px)}.searched-players__button:focus,.searched-players__button:focus-visible{outline:none}.searched-players__icon{object-fit:cover;background:#111;border:1px solid #b72c34;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #000c}.searched-players__nick,.searched-players__tag{min-width:0;color:inherit;font-family:var(--sans);font-size:13px;font-weight:800}.searched-players__nick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searched-players__tag{color:#ffffffb8;font-size:12px}.login-form input:focus,.tag-field:focus-within{border-color:#d7353e;box-shadow:0 0 0 3px #d7353e29}.tag-field{align-items:center;gap:8px;padding:0 14px;display:flex}.tag-hashtag{color:#2d2d2d;font-weight:700}.tag-field input{height:auto;box-shadow:none;background:0 0;border:0;padding:0}.tag-field input:focus{box-shadow:none}.floating-alert{z-index:120;width:min(360px,100vw - 44px);min-height:54px;color:var(--text);background:linear-gradient(135deg,#12232af5,#030e14f0),#021018f5;border:1px solid #b792458f;border-left-width:3px;border-radius:6px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;padding:12px 15px;animation:.24s both floating-alert-enter;display:grid;position:fixed;top:22px;left:22px;box-shadow:0 18px 38px #00000061,inset 0 1px #ffffff0f}.floating-alert:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18px 18px,#e8d39829,#0000 34%),linear-gradient(90deg,#e8d39814,#0000 44%);position:absolute;inset:0}.floating-alert p{z-index:1;color:#ecf4f5eb;min-width:0;font-family:var(--mono);font-size:13px;font-weight:800;line-height:1.35;position:relative}.floating-alert__icon{z-index:1;background:#030d12d1;border:1px solid #e8d398ad;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative;box-shadow:0 0 18px #b792453d}.floating-alert--loading{border-color:#2cc6e280;border-left-color:var(--blue)}.floating-alert--loading:before{background:radial-gradient(circle at 18px 18px,#2cc6e22e,#0000 34%),linear-gradient(90deg,#2cc6e217,#0000 44%)}.floating-alert--loading .floating-alert__icon{border-color:#2cc6e2c7;box-shadow:0 0 20px #2cc6e247}.floating-alert--loading .floating-alert__icon:before{content:"";border:2px solid #2cc6e242;border-top-color:var(--blue);border-radius:50%;width:14px;height:14px;animation:.76s linear infinite spin}.floating-alert--error{border-color:#ff526980;border-left-color:var(--red)}.floating-alert--error:before{background:radial-gradient(circle at 18px 18px,#ff526933,#0000 34%),linear-gradient(90deg,#ff52691a,#0000 44%)}.floating-alert--error .floating-alert__icon{border-color:#ff5269c7;box-shadow:0 0 20px #ff52693d}.floating-alert--error .floating-alert__icon:before,.floating-alert--error .floating-alert__icon:after{content:"";background:var(--red);border-radius:999px;width:13px;height:2px;position:absolute}.floating-alert--error .floating-alert__icon:before{transform:rotate(45deg)}.floating-alert--error .floating-alert__icon:after{transform:rotate(-45deg)}.remote-image{background-color:#0000}.remote-image--loading{background-color:#050e12e6;background-image:linear-gradient(110deg,#c2903714,#c290373d,#2cc6e224,#c2903714),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:240% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.15s ease-in-out infinite remote-image-loading}.remote-image--error{filter:grayscale(.7)brightness(.7);background:linear-gradient(135deg,#ff52691f,#0000 52%),#050e12e6}.search-button{color:#0000;background:#d93640;border:0;border-radius:18px;align-self:center;place-items:center;width:72px;height:72px;margin-top:48px;transition:transform .18s,background .18s,opacity .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 16px 28px #d9364052}.search-button:before{content:"→";color:#fff;font-size:42px;line-height:1;transform:translateY(-2px)}.search-button.is-loading:before,.search-button[data-loading=true]:before{content:"";border:4px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:.75s linear infinite spin;transform:none}.search-button:not(.is-loading):not([data-loading=true]):before{content:"";background:#fff;border-radius:999px;width:30px;height:4px;transform:none}.search-button:not(.is-loading):not([data-loading=true]):after{content:"";border-top:4px solid #fff;border-right:4px solid #fff;width:15px;height:15px;position:absolute;transform:translate(7px)rotate(45deg)}.search-button.is-loading:after,.search-button[data-loading=true]:after{content:none}.search-button:hover:not(:disabled){background:#ea414c;transform:translateY(-2px);box-shadow:0 20px 34px #d9364061}.search-button:disabled{opacity:.58;box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floating-alert-enter{0%{opacity:0;transform:translate(-10px,-8px)}to{opacity:1;transform:translate(0)}}@keyframes remote-image-loading{0%{filter:brightness(.82)saturate(.9);background-position:120% 0}50%{filter:brightness(1.08)saturate(1.1)}to{filter:brightness(.82)saturate(.9);background-position:-120% 0}}@keyframes refresh-spin{0%{transform:translate(2px)rotate(470deg)}to{transform:translate(2px)rotate(830deg)}}.app-layout{background:radial-gradient(circle at 66% 42%, #229aa438, transparent 30%), linear-gradient(90deg, #000e15f2, #00131ce0 48%, #000e15f5), linear-gradient(#000f17e0, #000f17f2), var(--app-bg-image) center / cover no-repeat;grid-template-columns:minmax(0,1fr) clamp(300px,18vw,340px);height:100vh;display:grid;overflow:hidden}.app-layout__main{scrollbar-color:#40c9ff6b #ffffff0d;min-width:0;height:100vh;padding:clamp(20px,2vw,30px) clamp(28px,3vw,58px) 54px;overflow-y:auto}.app-layout__main::-webkit-scrollbar{width:10px}.app-layout__main::-webkit-scrollbar-track{background:#ffffff0d}.app-layout__main::-webkit-scrollbar-thumb{background:#40c9ff6b;border:2px solid #000f17f0;border-radius:999px}.app-layout__sidebar{scrollbar-width:thin;scrollbar-color:#a87f31b8 #ffffff0d;background:radial-gradient(circle at 20% 10%,#40c9ff1c,#0000 28%),linear-gradient(#192d36fa,#0d1f27fa),#1d3038f0;border-left:1px solid #e8d3985c;height:100vh;overflow:hidden auto}.app-layout__sidebar::-webkit-scrollbar{width:8px}.app-layout__sidebar::-webkit-scrollbar-track{background:#ffffff0a}.app-layout__sidebar::-webkit-scrollbar-thumb{background:#a87f31b8;border:2px solid #1d3038f0;border-radius:999px}.app-layout__sidebar::-webkit-scrollbar-thumb:hover{background:#d6bb78db}.app-layout__sidebar-button{background:#000;border:1px solid #efd99d9e;flex-direction:column;justify-content:center;place-items:center;gap:5px;width:36px;height:36px;display:none;position:fixed;top:18px;right:clamp(16px,4vw,28px)}.app-layout__sidebar-button-line{background:#efd99d9e;width:23px;height:2px}.backButton{color:#0000;background:#0000003d;border:1px solid #efd99d9e;place-items:center;width:28px;height:28px;display:inline-grid;position:relative}.backButton:before{content:"‹";color:#e8d398;font-size:24px;line-height:1;position:absolute;transform:translateY(-2px)}.backButton:hover{background:#e8d3981f}.backButton{background:#00000038;border-radius:2px;width:36px;height:36px;transition:background .16s,transform .16s,border-color .16s}.backButton:before{content:"";border-bottom:3px solid #e8d398;border-left:3px solid #e8d398;width:10px;height:10px;transform:translate(2px)rotate(45deg)}.backButton:hover{border-color:#efd99de0;transform:translate(-1px)}.history-page{flex-direction:column;gap:clamp(22px,3vh,34px);min-height:100%;display:flex}.history-page>.backButton{align-self:flex-start}.history-page__buttons-box{gap:10px;display:flex}.history-page__refresh-button{background:#00000038;border:1px solid #efd99d9e;border-radius:2px;place-items:center;width:36px;height:36px;transition:background .16s,transform .16s,border-color .16s,opacity .16s;display:grid}.history-page__refresh-button:before{content:"↻";color:#e8d398;transform-origin:50%;place-items:center;width:24px;height:24px;font-family:Segoe UI Symbol,Segoe UI,Arial,sans-serif;font-size:28px;font-weight:700;line-height:1;display:grid;transform:translate(4px)rotate(470deg)}.history-page__refresh-button:after{content:none}.history-page__refresh-button:hover:not(:disabled){background:#e8d3981f;border-color:#efd99de0;transform:rotate(18deg)}.history-page__refresh-button:disabled{opacity:.62}.history-page__refresh-button.is-loading:before{animation:.75s linear infinite refresh-spin}.history-page__header{border-bottom:1px solid var(--line-strong);padding-bottom:clamp(20px,3vh,30px)}.history-page__header h1{font-family:var(--display);color:var(--text);font-size:clamp(22px,2vw,28px);font-weight:800}.damage-toggle{width:max-content;color:var(--text-muted);font-family:var(--mono);text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:flex-end;gap:10px;margin-left:auto;font-size:13px;font-weight:900;display:inline-flex}.damage-toggle__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.damage-toggle__control{background:#021018c7;border:1px solid #bcd5da38;border-radius:999px;width:42px;height:22px;transition:border-color .18s,background .18s,box-shadow .18s;position:relative;box-shadow:inset 0 0 10px #0000005c,0 6px 14px #0000002e}.damage-toggle__control:before{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .18s,background .18s,box-shadow .18s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 2px 7px #0006}.damage-toggle:hover .damage-toggle__label{color:var(--text)}.damage-toggle__input:checked+.damage-toggle__control{border-color:color-mix(in srgb, var(--blue) 72%, white 8%);background:#40c9ff24;box-shadow:inset 0 0 12px #40c9ff1f,0 0 18px #40c9ff29}.damage-toggle__input:checked+.damage-toggle__control:before{background:var(--blue);transform:translate(20px,-50%);box-shadow:0 0 12px #40c9ff75}.damage-toggle__input:focus-visible+.damage-toggle__control{outline-offset:3px;outline:2px solid #d6bb78b8}.match-list{flex-direction:column;gap:10px;width:100%;max-width:none;display:flex}.match-card{--history-damage-bar-color:var(--blue);width:100%;min-height:118px;color:var(--text);text-align:left;font-family:var(--sans);background:linear-gradient(90deg,#09232da8,#05192357),#000a1057;border:1px solid #bcd5da29;border-radius:6px;grid-template-columns:72px minmax(130px,160px) minmax(220px,260px) minmax(320px,320px) minmax(70px,150px) minmax(180px,570px);align-items:center;gap:20px;padding:16px 18px 16px 10px;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #0000002e}.match-card--loss{--history-damage-bar-color:var(--red)}.match-card--rmk{--history-damage-bar-color:var(--gold)}.match-card:hover:not(:disabled){background:linear-gradient(90deg,#123e4cc2,#071f2a6b),#000a106b;border-color:#40c9ff4d;transform:translate(2px);box-shadow:inset 0 1px #ffffff0f,0 14px 34px #0000003d}.match-card:disabled{opacity:.72}.match-card__champion,.champ-info{align-items:center;gap:10px;min-width:0;display:flex}.champ-icon,.champ-info{position:relative}.champion-img,.champion-icon{object-fit:cover;clip-path:circle(45%);filter:saturate(1.12)contrast(1.06)brightness(1.08);border-radius:50%;width:44px;height:44px}.champ-icon{place-items:center;width:62px;height:62px;display:grid}.champ-icon:before,.champ-icon:after{content:none}.champ-icon__frame{z-index:1;border:2px solid #050b0f;border-radius:50%;width:56px;height:56px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #a87f31ad,0 4px 10px #00000047}.match-card .champion-img{clip-path:none;width:60px;height:60px;box-shadow:none;border:0;border-radius:0;transform:translateY(-5px)}.champ-icon .champion-level{z-index:2;color:#fff;min-width:20px;height:20px;font-family:var(--mono);background:#02090d;border:1px solid #a87f31;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:2px;right:-2px;box-shadow:0 0 0 1px #000000eb,0 3px 7px #00000075}.champion-name,.name,.damage,.kda{font-family:var(--sans);font-weight:800}.match-card__champion .champion-name{display:none}.match-card__result,.match-card__meta{flex-direction:column;gap:4px;display:flex}.match-card__result strong,.match-details-page__summary strong{font-family:var(--display);text-transform:uppercase;font-size:18px;font-weight:800}.match-result--win{color:var(--blue)}.match-result--loss{color:var(--red)}.match-result--rmk{color:var(--gold)}.match-card__result span,.match-card__meta span,.match-card__items-summary p,.match-card__damage-summary p,.champion-subinfo{color:var(--text-muted);font-size:12px;font-weight:700}.match-card__meta{min-width:0}.match-card__meta strong{font-size:15px;font-weight:800}.match-card__items-summary{text-align:center;min-height:40px;font-family:var(--mono);grid-column:4;justify-self:center;align-items:center;display:flex}.match-card>.match-kda{color:var(--text);font-family:var(--mono);grid-column:5;justify-self:center;font-size:16px;font-weight:900}.match-card__damage-summary{width:100%;font-family:var(--mono);text-align:right;grid-column:6;justify-self:end;gap:7px;display:grid;position:relative}.match-card__damage-indicator{width:max-content;font-family:var(--sans);text-transform:uppercase;background:#021018bd;border:1px solid;border-radius:999px;justify-self:end;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 8px 18px #00000038}.match-card__damage-indicator:before{content:"";border-inline:5px solid #0000;width:0;height:0}.match-card__damage-indicator--highest{color:#66e58a}.match-card__damage-indicator--highest:before{border-bottom:8px solid}.match-card__damage-indicator--lowest{color:#ff5d6c}.match-card__damage-indicator--lowest:before{border-top:8px solid}.match-card__damage-summary:after{content:attr(data-damage-tooltip);z-index:20;min-width:240px;color:var(--text);font-family:var(--mono);text-align:center;white-space:nowrap;opacity:0;pointer-events:none;background:#021018f5;border:1px solid #b79245b8;border-radius:4px;padding:8px 10px;font-size:12px;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(6px);box-shadow:0 14px 30px #00000057}.match-card__damage-summary:hover:after,.match-card:focus-visible .match-card__damage-summary:after{opacity:1;transform:translateY(0)}.match-card__damage-bar{isolation:isolate;width:100%;height:27px;box-shadow:none;background:#ffffff1f;border:0;border-radius:2px;position:relative;overflow:visible}.match-card__damage-bar:before{content:"";z-index:0;width:calc(var(--history-damage-ratio,0) * 100%);background:var(--history-damage-bar-color);min-width:6px;max-width:100%;box-shadow:0 0 18px color-mix(in srgb, var(--history-damage-bar-color) 42%, transparent);border-radius:2px;transition:filter .18s,box-shadow .18s;position:absolute;inset:0 auto 0 0}.match-card__damage-summary:hover .match-card__damage-bar:before{filter:brightness(1.18)saturate(1.18);box-shadow:0 0 22px color-mix(in srgb, var(--history-damage-bar-color) 62%, transparent), 0 0 4px #ffffff70}.match-kda,.match-card-damage{white-space:nowrap}.match-card__damage-bar .match-card-damage,.participant-card__damage .damage{z-index:2;color:var(--text);font-family:var(--mono);text-shadow:0 0 3px #000;font-size:13px;font-weight:900;line-height:1;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.empty-state{color:var(--text-muted);font-family:var(--mono);padding:24px 0;font-weight:700}.player-sidebar{min-height:100%;font-family:var(--sans);color:var(--text);padding-bottom:150px}.player-sidebar__header{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#243e48fa,#132a33fa);border-bottom:1px solid #e8d39847;grid-template-columns:58px 1fr;align-items:center;gap:2px 14px;min-height:82px;padding:14px 22px;display:grid;position:sticky;top:0;box-shadow:0 16px 28px #0000002e}.player-icon{grid-row:span 2;place-items:center;width:58px;height:58px;display:grid;position:relative}.player-icon:before{content:"";background:conic-gradient(from 210deg,#003d60,#00040c,#112836,#0077bd);border-radius:50%;position:absolute;inset:-3px;box-shadow:0 0 7px #020a284d,0 0 0 2px #ffb12161}.player-icon:after{content:"";pointer-events:none;border:8px solid #ffb12161;border-radius:50%;position:absolute;inset:2px}.player-img{z-index:1;object-fit:cover;filter:saturate(1.14)contrast(1.06);border-radius:50%;width:50px;height:50px;position:relative}.player-level{z-index:2;color:#d6bb78;background:linear-gradient(#4e4023f2,#191714f5);border:1px solid #a87f31d1;border-radius:3px;place-items:center;min-width:36px;height:18px;padding:0 8px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000061}.player-name{align-self:end;font-size:15px;font-weight:900}.player-status{color:#8edb9a;align-self:start;padding-left:13px;font-size:12px;font-weight:900;position:relative}.player-status:before{content:"";background:#54c96a;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 6px #54c96a6b}.player-sidebar__section{padding:22px 22px 4px}.sidebar-section-title{font-family:var(--display);color:#f2f7fa;letter-spacing:.01em;margin-bottom:18px;font-size:15px;font-weight:900}.player-sidebar__elos{flex-direction:column;gap:12px;display:flex}.player-sidebar__elo{background:linear-gradient(90deg,#1f3f486b,#0412182e),#000e1429;border:1px solid #bcd5da14;border-radius:6px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:2px 14px;min-height:104px;padding:10px 10px 10px 0;display:grid;position:relative;overflow:hidden}.player-sidebar__elo:before{content:"";opacity:.72;background:linear-gradient(#0000,#d6bb78e0,#0000);width:3px;position:absolute;inset:0 auto 0 0}.player-sidebar__elo-icon{object-fit:contain;transform-origin:50%;filter:drop-shadow(0 6px 10px #00000047);grid-row:span 5;justify-self:center;width:44px;height:44px;margin-left:0;transform:scale(8)}.player-sidebar__elo-queue,.player-sidebar__elo-rank,.player-sidebar__elo-subinfo,.player-sidebar__elo-winrate,.player-sidebar__empty{font-family:var(--sans);font-weight:800}.player-sidebar__elo-queue{color:var(--text-muted);font-size:12px}.player-sidebar__elo-rank{color:var(--text);font-family:var(--display);font-size:17px;line-height:1.05}.player-sidebar__elo-subinfo,.player-sidebar__elo-winrate,.player-sidebar__empty{color:var(--text-muted);font-size:12px}.player-sidebar__elo-winrate{color:#d6bb78}.player-sidebar__champion{background:linear-gradient(90deg,#09232d6b,#0000 78%);border-radius:6px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:2px 14px;min-height:58px;margin-bottom:10px;padding:7px 8px 7px 0;transition:background .16s,transform .16s;display:grid;position:relative}.player-sidebar__champion:hover{background:linear-gradient(90deg,#0d364499,#2cc6e20d 78%);transform:translate(2px)}.player-sidebar__champion:before{content:"";background:radial-gradient(circle at 50% 50%, transparent 56%, #020a0ef2 57% 65%, transparent 66%), conic-gradient(from 215deg, #a87f31 0 78%, #40c9ff80 78% 100%);pointer-events:none;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:-3px;transform:translateY(-50%);box-shadow:0 6px 12px #00000042,0 0 0 1px #a87f312e}.player-sidebar__champion .champion-icon{z-index:1;grid-row:span 2;width:44px;height:44px;position:relative}.player-sidebar__champion .champion-name{min-width:0;color:var(--text);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.player-sidebar__champion .champion-subinfo{font-family:var(--sans);font-size:12px}.details-page,.match-details-page{min-height:100%}.match-details-page{font-family:var(--sans);flex-direction:column;gap:30px;display:flex}.match-details-page__header{z-index:35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#000f17fa,#000f17db 78%,#0000);border-bottom:1px solid #bcd5da42;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,34px);min-height:76px;padding:12px 0 20px;display:grid;position:sticky;top:-1px}.match-details-page__summary{grid-template-columns:minmax(116px,160px) minmax(150px,220px) minmax(90px,140px);align-items:center;gap:clamp(18px,4vw,68px);display:grid}.match-details-page__summary span{color:var(--text);font-family:var(--mono);font-size:13px;font-weight:900}.match-details-page__header .damage-toggle{margin-left:0}.team-section{border-left:4px solid var(--blue);background:linear-gradient(90deg,#03141c61,#0000 46%),#000c121f;border-radius:0 8px 8px 0;margin-top:4px;box-shadow:inset 0 1px #ffffff08}.team-section--red{border-left-color:var(--red)}.team-section__header{border-bottom:1px solid #bcd5da29;align-items:center;min-height:44px;padding-left:16px;display:flex}.team-section__header h2{font-family:var(--display);color:var(--blue);text-transform:uppercase;font-size:15px;font-weight:900}.team-section--red .team-section__header h2{color:var(--red)}.team-section__participant-list{flex-direction:column;display:flex}.participant-runes-shell{opacity:1;transform-origin:top;grid-template-rows:1fr;animation:.42s cubic-bezier(.2,.82,.2,1) both runes-shell-open;display:grid;overflow:hidden}.participant-runes-shell--closing{pointer-events:none;animation:.32s cubic-bezier(.4,0,.2,1) both runes-shell-close}.participant-runes-shell>.participant-runes{min-height:0}.participant-runes{background:linear-gradient(90deg, #05080de6, #0b0c1394 46%, #050d12b8), radial-gradient(circle at 16% 22%, #d4a84824, transparent 34%), radial-gradient(circle at 75% 26%, #26c2d51f, transparent 31%), var(--participant-runes-bg) center 42% / cover no-repeat;transform-origin:top;border-bottom:1px solid #b7924575;grid-template-columns:minmax(280px,1fr) minmax(240px,.82fr);align-items:start;gap:clamp(36px,6vw,88px);min-height:540px;padding:30px clamp(22px,4vw,56px) 34px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000061}.participant-runes:before{content:"";opacity:.82;pointer-events:none;background:radial-gradient(at 50% 44%,#0000 0 42%,#00000047 100%),linear-gradient(90deg,#0000006b,#0000 30% 68%,#0000002e),linear-gradient(#0000002e,#0000 30%,#0000005c);position:absolute;inset:0}.participant-runes:after{content:"";background:radial-gradient(circle at 50% 46%, var(--participant-runes-glow,#d8b15f42), transparent 30%);opacity:.66;pointer-events:none;position:absolute;inset:0}.participant-runes__featured-rune{left:var(--featured-rune-left,50%);top:var(--featured-rune-top,48%);z-index:0;width:var(--featured-rune-size,clamp(118px, 16vw, 210px));height:var(--featured-rune-size,clamp(118px, 16vw, 210px));background:radial-gradient(circle, var(--participant-runes-glow,#d8b15f42), transparent 68%);opacity:var(--featured-rune-opacity,.32);mix-blend-mode:screen;filter:saturate(.75) contrast(1.28) drop-shadow(0 0 30px var(--participant-runes-glow,#d8b15f5c));pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.participant-runes__featured-rune img{object-fit:contain;width:78%;height:78%}.participant-runes-shell--open .participant-runes__featured-rune{animation:.64s cubic-bezier(.18,.9,.22,1.05) 80ms both runes-featured-reveal}.participant-runes-shell--open .participant-runes__tree{animation:.46s both runes-tree-reveal}.participant-runes-shell--open .participant-runes__tree--secondary{animation-delay:80ms}.participant-runes-shell--closing .participant-runes__featured-rune,.participant-runes-shell--closing .participant-runes__tree{animation:.22s both runes-content-exit}.participant-runes__tree{z-index:1;--rune-accent:#d8b15f;--rune-glow:#d8b15f61;align-content:start;gap:18px;display:grid;position:relative}.participant-runes__tree--precision{--rune-accent:#d8b15f;--rune-glow:#d8b15f61}.participant-runes__tree--domination{--rune-accent:#ff4050;--rune-glow:#ff405075}.participant-runes__tree--inspiration{--rune-accent:#28bcd4;--rune-glow:#28bcd45c}.participant-runes__tree--resolve{--rune-accent:#31b96a;--rune-glow:#31b96a61}.participant-runes__tree--sorcery{--rune-accent:#3668ff;--rune-glow:#3668ff6b}.participant-runes__tree-header{z-index:1;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;min-height:64px;display:grid;position:relative}.participant-runes__tree-header p{color:var(--rune-accent);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;text-shadow:0 0 16px var(--rune-glow);font-size:13px;font-weight:900}.participant-runes__tree-icon,.participant-runes__keystone-icon,.participant-runes__perk-icon{border:2px solid var(--rune-accent);box-shadow:0 0 0 3px #0000006b, 0 0 20px var(--rune-glow), inset 0 0 14px #ffffff14;background:radial-gradient(circle,#ffffff1f,#0000 58%),#030d12e6;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative}.participant-runes__keystone-icon:hover,.participant-runes__keystone-icon:focus-visible,.participant-runes__perk-icon:hover,.participant-runes__perk-icon:focus-visible{border-color:color-mix(in srgb, var(--rune-accent) 82%, white 18%);box-shadow:0 0 0 3px #0000007a, 0 0 28px var(--rune-glow), 0 0 42px color-mix(in srgb, var(--rune-accent) 28%, transparent), inset 0 0 16px #ffffff1a;transform:translateY(-2px)scale(1.03)}.participant-runes__tree-icon{justify-self:center;width:54px;height:54px}.participant-runes__tree-icon img{object-fit:contain;width:34px;height:34px}.participant-runes__keystone{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:22px;min-height:104px;display:grid;position:relative}.participant-runes__keystone:before,.participant-runes__perk-list:before{content:"";background:linear-gradient(180deg, transparent, var(--rune-accent), transparent);width:2px;box-shadow:0 0 14px var(--rune-glow);opacity:.78;position:absolute;top:-18px;bottom:-18px;left:47px}.participant-runes__keystone-icon{width:92px;height:92px}.participant-runes__keystone-icon img{object-fit:contain;border-radius:50%;width:74px;height:74px}.participant-runes__tooltip{z-index:40;border:1px solid color-mix(in srgb, var(--rune-accent) 68%, white 8%);color:#d8d1bdd1;width:min(280px,100vw - 48px);font-family:var(--sans);text-align:left;opacity:0;pointer-events:none;box-shadow:0 16px 34px #0000007a, 0 0 22px color-mix(in srgb, var(--rune-accent) 18%, transparent);background:linear-gradient(#07181ffa,#020c12fa);border-radius:6px;gap:6px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.35;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:50%;left:calc(100% + 12px);transform:translate(-6px,-50%)}.participant-runes__tooltip strong{color:var(--rune-accent);font-family:var(--display);text-transform:uppercase;font-size:13px;font-weight:900;line-height:1.15}.participant-runes__keystone-icon:hover .participant-runes__tooltip,.participant-runes__keystone-icon:focus-visible .participant-runes__tooltip,.participant-runes__perk-icon:hover .participant-runes__tooltip,.participant-runes__perk-icon:focus-visible .participant-runes__tooltip{opacity:1;transform:translateY(-50%)}.participant-runes__keystone strong,.participant-runes__perk strong{color:#d8d1bd;font-family:var(--display);text-transform:uppercase;text-shadow:0 1px #000000a6;font-size:15px;font-weight:900;line-height:1.2}.participant-runes__perk-text{gap:5px;min-width:0;display:grid}.participant-runes__perk-text p{color:#d8d1bdb8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:34ch;font-size:12px;font-weight:700;line-height:1.35;overflow:hidden}.participant-runes__perk-list{gap:18px;display:grid;position:relative}.participant-runes__perk{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;min-height:58px;display:grid;position:relative}.participant-runes__perk:hover{transform:translate(2px)}.participant-runes__perk-icon{justify-self:center;width:52px;height:52px}.participant-runes__perk-icon img{object-fit:contain;border-radius:50%;width:42px;height:42px}.participant-runes__tree--secondary{margin-top:clamp(26px,5vw,54px)}.participant-runes__tree--secondary .participant-runes__perk-list{gap:14px}@keyframes runes-shell-open{0%{opacity:0;filter:brightness(.72)saturate(.8);grid-template-rows:0fr;transform:translateY(-10px)scaleY(.96)}62%{opacity:1;filter:brightness(1.12)saturate(1.08)}to{opacity:1;filter:brightness()saturate();grid-template-rows:1fr;transform:translateY(0)scaleY(1)}}@keyframes runes-shell-close{0%{opacity:1;filter:brightness()saturate();grid-template-rows:1fr;transform:translateY(0)scaleY(1)}to{opacity:0;filter:brightness(.72)saturate(.8);grid-template-rows:0fr;transform:translateY(-8px)scaleY(.96)}}@keyframes runes-featured-reveal{0%{opacity:0;filter:saturate(.55)contrast(1.1)blur(4px)drop-shadow(0 0 #0000);transform:translate(-50%,-50%)scale(.76)rotate(-8deg)}58%{opacity:calc(var(--featured-rune-opacity,.32) * 1.24);transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}to{opacity:var(--featured-rune-opacity,.32);filter:saturate(.75) contrast(1.28) blur(0) drop-shadow(0 0 26px var(--participant-runes-glow,#d8b15f5c));transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes runes-tree-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes runes-content-exit{to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.participant-runes-shell,.participant-runes-shell--closing,.participant-runes-shell--open .participant-runes__featured-rune,.participant-runes-shell--open .participant-runes__tree,.participant-runes-shell--closing .participant-runes__featured-rune,.participant-runes-shell--closing .participant-runes__tree{animation:none}}.participant-card{isolation:isolate;z-index:0;background:linear-gradient(90deg,#0418203d,#010c1214),#00000014;border-bottom:1px solid #bcd5da24;grid-template-columns:minmax(178px,210px) minmax(190px,1fr) 44px minmax(230px,390px) minmax(128px,174px) minmax(210px,340px);grid-template-areas:"champion player runes items kda damage";align-items:center;gap:16px 18px;min-height:82px;padding:10px 22px 10px 16px;transition:background .16s,box-shadow .16s;display:grid;position:relative;overflow:visible}.participant-card>*{min-width:0}.participant-card:hover{z-index:12;background:#40c9ff26;box-shadow:inset 0 0 0 1px #bcd5da14}.participant-card--selected{box-shadow:inset 3px 0 0 var(--gold);background:#40c9ff40}.participant-card .champ-info{z-index:0;grid-area:champion;gap:8px;width:210px;height:68px;position:relative;overflow:visible}.participant-card .champion-img{clip-path:none;z-index:-1;object-fit:cover;object-position:center;opacity:.92;filter:saturate(1.12)contrast(1.08)brightness(.82);border-radius:3px;width:248px;height:82px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 18px #00000057;-webkit-mask-image:linear-gradient(90deg,#000 0 58%,#000000b8 76%,#0000 100%);mask-image:linear-gradient(90deg,#000 0 58%,#000000b8 76%,#0000 100%)}.participant-card:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#00131c0f,#00131c38 15%,#00131cd1 30%,#00131cf0 100%),linear-gradient(#ffffff05,#ffffff05);position:absolute;inset:0}.participant-card .champion-level{z-index:1;width:auto;min-width:auto;height:auto;color:var(--text);font-family:var(--display);text-shadow:0 2px 6px #000000b8;background:0 0;border:0;border-radius:0;margin-left:4px;padding:0;font-size:21px;font-weight:900;position:static}.participant-card__player .name,.participant-card__damage .damage,.participant-card__kda{color:var(--text);font-size:14px}.participant-card__kda p{justify-content:space-between;gap:12px;display:flex}.participant-card__kda span{align-items:flex-start;gap:4px;display:inline-flex}.participant-card__minion-icon{flex:none;width:14px;height:15px;margin-top:5px;overflow:hidden}.participant-card__minion-icon img{width:14px;height:auto;display:block}.participant-card__player{flex-direction:column;grid-area:player;gap:5px;display:flex}.participant-card__player-header{z-index:4;align-items:center;gap:8px;width:max-content;max-width:100%;display:flex;position:relative}.participant-card__player-name{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.participant-card__player-name:focus-visible{outline-offset:3px;outline:1px solid #e8d398c7}.participant-card__player-name:hover .name{color:var(--gold)}.participant-card__player-name .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.participant-card__elo{cursor:help;background:linear-gradient(#1d2322f5,#040e13f5);border:1px solid #a87f31bd;border-radius:3px;outline:none;flex:none;justify-content:center;align-items:center;min-width:46px;height:22px;padding:0 8px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 6px 12px #0000002e}.participant-card__elo:hover,.participant-card__elo:focus-visible{border-color:#d6bb78eb;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 0 16px #a87f3138,0 8px 16px #00000038}.participant-card__elo-badge{color:#d6bb78;font-family:var(--mono);letter-spacing:0;font-size:11px;font-weight:900;line-height:1}.participant-card__elo-tooltip{z-index:30;min-width:180px;color:var(--text);opacity:0;pointer-events:none;background:#021018f7;border:1px solid #b79245b8;border-radius:4px;gap:10px;padding:10px 12px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-4px,-50%);box-shadow:0 16px 34px #00000061}.participant-card__elo:hover .participant-card__elo-tooltip,.participant-card__elo:focus-visible .participant-card__elo-tooltip{opacity:1;transform:translateY(-50%)}.participant-card__elo-tooltip-item{font-family:var(--mono);gap:2px;font-size:12px;font-weight:800;display:grid}.participant-card__elo-tooltip-item strong{color:var(--text);font-family:var(--display);font-size:14px;line-height:1.1}.participant-card__elo-tooltip-item span{color:var(--text-muted)}.participant-card__elo-queue{color:var(--gold);font-family:var(--sans);text-transform:uppercase;font-size:11px;font-weight:900}.participant-card__player .champion-name{color:var(--text-muted);font-size:13px;font-weight:800}.participant-card__runes-summary{cursor:pointer;background:#050e12d1;border:1px solid #c2903794;border-radius:2px;grid-area:runes;justify-self:center;place-items:center;width:40px;height:40px;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 10px #00000038}.participant-card__runes-summary:hover{background:#0b1d23e6;border-color:#e8d398d6;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 18px #c2903733}.participant-card__runes-summary img{object-fit:contain;width:25px;height:25px;display:block}.participant-card__items-summary{grid-area:items;justify-self:center;min-width:0}.participant-card__kda{min-width:0;font-family:var(--mono);white-space:nowrap;grid-area:kda;font-size:15px;font-weight:900;line-height:1.55}.participant-card__items{grid-template-columns:repeat(7,38px);justify-content:center;gap:5px;display:grid}.participant-card__item-slot,.participant-card__item-icon,.participant-card__empty-item{width:38px;height:38px}.participant-card__item-slot{background:#050e12db;border:1px solid #c2903785;border-radius:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 10px #00000038}.participant-card__item-slot--loading{background:linear-gradient(110deg,#c2903714,#c2903738,#c2903714),#050e12e6;border-color:#c29037c7}.participant-card__item-slot--loading:before{content:"";background:linear-gradient(90deg,#0000,#ffedb83d,#0000);animation:1.1s ease-in-out infinite item-slot-loading;position:absolute;inset:0;transform:translate(-100%)}.participant-card__item-slot--loaded{background:#050e12f5;border-color:#d8b05ee6}.participant-card__item-slot--empty{background:linear-gradient(135deg,#ffffff09 0 1px,#0000 1px 8px),#020a0e7a;border-style:dashed;border-color:#c290374d;box-shadow:inset 0 0 0 1px #ffffff06}.participant-card__item-icon{object-fit:cover;opacity:0;transition:opacity .16s;display:block}.participant-card__item-slot--loaded .participant-card__item-icon{opacity:1}.participant-card__empty-item{background:radial-gradient(circle,#c2903714,#0000 58%),#020a0e57;width:100%;height:100%}@keyframes item-slot-loading{to{transform:translate(100%)}}.participant-card__damage{isolation:isolate;z-index:2;background:#bcd5da1f;border:1px solid #bcd5da14;border-radius:3px;grid-area:damage;width:100%;height:28px;transition:background .18s,box-shadow .18s,transform .18s;position:relative;overflow:visible}.participant-card__damage:before{content:"";z-index:0;width:calc(var(--damage-ratio,1) * 100%);background:var(--damage-bar-color,var(--blue));min-width:6px;max-width:100%;box-shadow:0 0 18px color-mix(in srgb, var(--damage-bar-color,var(--blue)) 42%, transparent);border-radius:2px;transition:filter .18s,box-shadow .18s,transform .18s;position:absolute;inset:0 auto 0 0}.participant-card__damage:after{content:attr(data-damage);z-index:20;border:1px solid color-mix(in srgb, var(--damage-bar-color,var(--blue)) 72%, white 10%);min-width:92px;color:var(--text);font-family:var(--mono);text-align:center;white-space:nowrap;opacity:0;pointer-events:none;background:#021018f5;padding:7px 10px;font-size:12px;font-weight:900;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(6px);box-shadow:0 12px 28px #00000059}.participant-card__damage:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--damage-bar-color,var(--blue)) 46%, transparent), 0 0 28px color-mix(in srgb, var(--damage-bar-color,var(--blue)) 22%, transparent);background:#bcd5da29}.participant-card__damage:hover:before{filter:brightness(1.18)saturate(1.18);box-shadow:0 0 22px color-mix(in srgb, var(--damage-bar-color,var(--blue)) 62%, transparent), 0 0 4px #ffffff70}.participant-card__damage:hover:after{opacity:1;transform:translateY(0)}.participant-card__damage .damage{white-space:nowrap;display:block}.team-section--blue{--damage-bar-color:var(--blue)}.team-section--red{--damage-bar-color:var(--red)}@media (width<=1660px){.participant-card{min-height:86px}.match-card{grid-template-columns:72px minmax(120px,150px) minmax(170px,220px) minmax(270px,1fr) minmax(70px,90px);grid-template-areas:"champion result meta items kda""champion damage damage damage damage";gap:12px 16px}.match-card__champion{grid-area:champion}.match-card__result{grid-area:result}.match-card__meta{grid-area:meta}.match-card__items-summary{grid-area:items;justify-self:end}.match-card>.match-kda{grid-area:kda}.match-card__damage-summary{grid-area:damage;justify-self:end;width:100%}.participant-card{grid-template-columns:minmax(170px,200px) minmax(170px,1fr) 42px minmax(278px,330px) minmax(104px,130px);grid-template-areas:"champion player runes items kda""champion player runes damage damage";align-items:center;gap:12px 14px}.participant-card .champ-info{grid-area:champion}.participant-card__player{grid-area:player}.participant-card__items-summary{grid-area:items;justify-self:start}.participant-card__kda{grid-area:kda;justify-self:center}.participant-card__damage{grid-area:damage;justify-self:end}.participant-card .champ-info{width:198px}.participant-card .champion-img{width:228px}.participant-card__items{grid-template-columns:repeat(7,34px);gap:4px}.participant-card__item-slot,.participant-card__item-icon,.participant-card__empty-item{width:34px;height:34px}.participant-card__kda{font-size:13px}}@media (width<=1280px){.app-layout{grid-template-columns:minmax(0,1fr) 300px}.match-list{width:100%}.match-card{grid-template-columns:68px minmax(110px,140px) minmax(160px,210px) minmax(250px,1fr) minmax(64px,82px);gap:16px}.participant-card{grid-template-columns:170px minmax(150px,1fr) 42px minmax(104px,130px);grid-template-areas:"champion player runes kda""items items items items""damage damage damage damage";gap:14px}.participant-card .champion-img{width:214px}.participant-card__items{grid-template-columns:repeat(7,32px);gap:4px}.participant-card__item-slot,.participant-card__item-icon,.participant-card__empty-item{width:32px;height:32px}}@media (width<=1140px){.app-layout{grid-template-columns:1fr;height:auto;min-height:100vh}.app-layout__main{height:auto;padding:18px clamp(16px,4vw,28px) 34px}.app-layout__sidebar{z-index:40;border-left:1px solid var(--line-strong);will-change:transform;border-top:0;width:min(360px,100vw);height:100vh;min-height:100vh;transition:transform .24s;position:fixed;inset:0 0 0 auto;overflow:hidden auto;transform:translate(100%);box-shadow:-24px 0 48px #0000006b}.app-layout__sidebar--open{transform:translate(0)}.app-layout__sidebar-button{z-index:50;transition:transform .18s,background .18s,border-color .18s;display:flex}.app-layout__sidebar-button:hover{background:#000000db;border-color:#efd99de6;transform:translateY(-1px)}.player-sidebar__header{position:static}.player-sidebar__section{padding-inline:clamp(18px,5vw,28px)}.player-sidebar__elos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.damage-toggle{align-self:flex-end}.match-card{grid-template-columns:68px minmax(0,1fr) minmax(180px,240px);grid-template-areas:"champion result meta""kda items items""damage damage damage";gap:14px;padding:12px}.match-card__champion{grid-area:champion}.match-card__result{grid-area:result}.match-card__meta{grid-area:meta;justify-self:end}.match-card__items-summary{grid-area:items;justify-self:end}.match-card>.match-kda{grid-area:kda}.match-card__damage-summary{text-align:right;grid-area:damage;justify-self:end;width:100%}.match-details-page__summary{grid-template-columns:1fr;gap:6px}.participant-card__items-summary{grid-area:items;justify-self:start}.participant-card__kda{grid-area:kda;justify-self:center}.participant-card__damage{background:#ffffff1a;grid-area:damage;justify-self:end}.participant-card__damage .damage{padding-left:0}.participant-runes{background-position:50% 38%;grid-template-columns:1fr;gap:30px;height:auto;min-height:0;padding:24px clamp(16px,4vw,32px) 28px}.participant-runes__tree{width:100%;max-width:620px}.participant-runes__featured-rune{width:min(var(--featured-rune-size,190px), 190px);height:min(var(--featured-rune-size,190px), 190px);opacity:calc(var(--featured-rune-opacity,.32) * .72)}.participant-runes__tree--secondary{margin-top:0}.participant-runes__perk-text p{max-width:48ch}}@media (width<=640px){.login-page{padding:20px}.login-form{min-height:390px;padding:44px 28px}.search-button{margin-top:28px}.history-page{gap:20px}.history-page__header{padding-bottom:22px}.history-page__header h1{max-width:calc(100% - 58px);font-size:23px;line-height:1.12}.match-list{gap:12px}.match-card{background:linear-gradient(100deg,#09232dd6,#05192380),#000a1094;border-color:#bcd5da38;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px 12px;min-height:auto;padding:14px}.match-card__champion{grid-area:auto/champion;align-self:center}.match-card__result,.match-card__meta,.match-card__items-summary,.match-card__damage-summary{min-width:0}.match-card__result{grid-area:result}.match-card__meta{grid-area:meta}.match-card__items-summary{grid-area:items;max-width:100%;min-height:0;padding-bottom:3px;overflow-x:auto}.match-card>.match-kda{grid-area:kda;font-size:14px}.match-card__damage-summary{text-align:left;grid-area:damage;justify-self:stretch;width:100%;margin-top:8px}.match-card__damage-bar{height:27px}.match-card__damage-indicator{justify-self:start}.match-card__damage-summary:after{display:none}.match-card__meta strong,.match-card__result strong{font-size:16px;line-height:1.1}.match-card__result span,.match-card__meta span,.match-card__damage-summary p{font-size:12px}.match-card .participant-card__items{grid-template-columns:repeat(7,32px);gap:3px}.match-card .champ-icon{width:58px;height:58px}.match-card .champ-icon__frame{width:52px;height:52px}.match-card .champion-img{width:58px;height:58px;transform:translate(-2px,-5px)}.match-card .champ-icon .champion-level{bottom:0;right:-3px}.player-sidebar{padding-bottom:150px}.player-sidebar__elos{grid-template-columns:1fr}.player-sidebar__elo{min-height:88px}.match-details-page__header{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.match-details-page__header .damage-toggle{margin-left:0}.participant-card{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"champion champion""player runes""items items""kda kda""damage damage"}.participant-card__runes-summary{justify-self:start}.participant-card__items-summary{width:100%;padding-bottom:4px;overflow-x:auto}.participant-card__kda{justify-self:start}.participant-card__elo-tooltip{min-width:min(210px,100vw - 48px);top:calc(100% + 10px);left:0;transform:translateY(-4px)}.participant-card__elo:hover .participant-card__elo-tooltip,.participant-card__elo:focus-visible .participant-card__elo-tooltip{transform:translateY(0)}.participant-card__items{grid-template-columns:repeat(7,33px);gap:2px}.participant-card__item-slot,.participant-card__item-icon,.participant-card__empty-item{width:32px;height:32px}.participant-card .champ-info{width:100%}.participant-card__damage{justify-self:stretch;width:100%}.participant-runes{background-position:top;gap:26px;height:auto;min-height:0;padding:22px 14px 26px}.participant-runes__featured-rune{width:min(var(--featured-rune-size,128px), 128px);height:min(var(--featured-rune-size,128px), 128px);opacity:calc(var(--featured-rune-opacity,.32) * .58)}.participant-runes__tree{gap:14px}.participant-runes__tree-header,.participant-runes__keystone,.participant-runes__perk{grid-template-columns:64px minmax(0,1fr);gap:14px}.participant-runes__tree-header{min-height:54px}.participant-runes__tree-icon{width:46px;height:46px}.participant-runes__tree-icon img{width:29px;height:29px}.participant-runes__keystone{min-height:84px}.participant-runes__keystone:before,.participant-runes__perk-list:before{left:31px}.participant-runes__keystone-icon{width:70px;height:70px}.participant-runes__keystone-icon img{width:56px;height:56px}.participant-runes__tooltip{width:min(260px,100vw - 40px);top:calc(100% + 10px);left:50%;transform:translate(-50%,-6px)}.participant-runes__keystone-icon:hover .participant-runes__tooltip,.participant-runes__keystone-icon:focus-visible .participant-runes__tooltip,.participant-runes__perk-icon:hover .participant-runes__tooltip,.participant-runes__perk-icon:focus-visible .participant-runes__tooltip{transform:translate(-50%)}.participant-runes__perk-list{gap:14px}.participant-runes__tree--secondary .participant-runes__perk-list{gap:16px}.participant-runes__perk{min-height:50px}.participant-runes__perk-icon{width:44px;height:44px}.participant-runes__perk-icon img{width:35px;height:35px}.participant-runes__tree-header p{font-size:12px}.participant-runes__keystone strong,.participant-runes__perk strong{font-size:13px}.participant-runes__perk-text p{max-width:none;font-size:11px;line-height:1.32}}@media (width<=480px){.match-card__items-summary{justify-self:center}.match-card{grid-template-areas:"champion result""kda meta""items items""damage damage"}.participant-runes{padding-inline:12px}.participant-runes__featured-rune{width:min(var(--featured-rune-size,104px), 104px);height:min(var(--featured-rune-size,104px), 104px);opacity:calc(var(--featured-rune-opacity,.32) * .45)}.participant-runes__tree-header,.participant-runes__keystone,.participant-runes__perk{grid-template-columns:52px minmax(0,1fr);gap:12px}.participant-runes__keystone:before,.participant-runes__perk-list:before{left:25px}.participant-runes__tree-icon{width:40px;height:40px}.participant-runes__tree-icon img{width:25px;height:25px}.participant-runes__keystone-icon{width:56px;height:56px}.participant-runes__keystone-icon img{width:45px;height:45px}.participant-runes__perk-icon{width:38px;height:38px}.participant-runes__perk-icon img{width:30px;height:30px}.participant-runes__keystone{min-height:68px}.participant-runes__perk{min-height:46px}.participant-runes__perk-text{gap:3px}.participant-runes__keystone strong,.participant-runes__perk strong{font-size:12px}.participant-runes__perk-text p{font-size:10.5px}}