@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-start:#040714;--bg-end:#0f172a;--accent:#7c3aed;--accent-strong:#c084fc;--card-bg:#0f172ad9;--card-border:#7c3aed59;--text-primary:#f8fafc;--text-muted:#e2e8f0b3;--error:#f87171;--success:#34d399;--shadow:0 24px 60px -30px #7c3aedb3;--history-item-height:300px;--history-item-gap:20px;color-scheme:dark}*{box-sizing:border-box}body{align-items:stretch;background:#0b0b19 url(/static/media/1184580-popular-league-of-legends-ashe-wallpaper-1920x1080-mac.c702b9bf74f2d089c86f.jpg) 50%/cover no-repeat fixed;color:#f8fafc;color:var(--text-primary);display:flex;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:64px 24px}#root,.app{width:100%}.app-shell{width:100%}.app-shell,.intro-screen{display:flex;justify-content:center}.intro-screen{align-items:center;background:radial-gradient(circle at 20% 20%,#1f1a3d,#0000 55%),radial-gradient(circle at 80% 80%,#38bdf826,#0000 60%),linear-gradient(135deg,#050817,#0f172a 45%,#1d1342);inset:0;isolation:isolate;overflow:hidden;position:fixed;z-index:10}.intro-screen:before{background:conic-gradient(from 120deg,#ff2c78d9,#7c3aede6,#38bdf8d9,#ffb800bf,#ff2c78d9);filter:blur(120px) saturate(1.3);inset:-35%;transform:scale(.4) rotate(-18deg);z-index:0}.intro-screen--enter{animation:introBurstIn .9s cubic-bezier(.21,.8,.32,1) forwards}.intro-screen--enter:before{animation:introBurstGlow 1.1s cubic-bezier(.16,1,.3,1) forwards}.intro-screen--enter{animation:introFadeIn .6s ease forwards}.intro-screen--exit{animation:introFadeOut .6s ease forwards}.intro-screen:before{background:radial-gradient(circle at 30% 40%,#7c3aed73,#0000 60%),radial-gradient(circle at 70% 65%,#0ea5e959,#0000 65%);content:"";filter:blur(90px);inset:-30%;opacity:0;pointer-events:none;position:absolute;transform:scale(1.2);transition:opacity 1.3s ease .2s;z-index:1}.intro-screen--background:before,.intro-screen--logo:before{opacity:.6}.intro-screen--logo:before{animation:introAuraPulse 2.4s ease-in-out forwards}.intro-screen--exit{animation:introFadeOut .9s ease forwards}.intro-screen__logo{filter:drop-shadow(0 35px 70px rgba(5,7,20,.65));height:auto;max-width:560px;transform-origin:center;width:min(1220px,80vw);will-change:transform,opacity;z-index:2}.intro-screen__background{height:100%;inset:0;object-fit:cover;position:absolute;position:relative;width:100%;z-index:1}.intro-screen--enter .intro-screen__image{animation:introImagePop 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes introBurstIn{0%{opacity:0}35%{opacity:1}to{opacity:1}}@keyframes introBurstGlow{0%{opacity:0;transform:scale(.4) rotate(-18deg)}45%{opacity:1;transform:scale(1.05) rotate(8deg)}to{opacity:.75;transform:scale(.9) rotate(0deg)}}@keyframes introImagePop{0%{filter:brightness(1.5) saturate(1.4);transform:scale(1.18) rotate(-.6deg)}35%{filter:brightness(1.15) saturate(1.2);transform:scale(.96) rotate(.4deg)}55%{filter:brightness(1.05) saturate(1.1);transform:scale(1.02) rotate(-.15deg)}to{filter:brightness(1) saturate(1);transform:scale(1) rotate(0deg)}}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introFadeOut{0%{opacity:1}to{opacity:0}}.app--enter{animation:appZoomIn .7s ease forwards}.app--preload{opacity:0;pointer-events:none}@keyframes appZoomIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;background:var(--card-bg);border:1px solid #7c3aed59;border:1px solid var(--card-border);border-radius:32px;box-shadow:0 24px 60px -30px #7c3aedb3;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:960px;overflow:hidden;padding:48px clamp(24px,5vw,56px);position:relative}.card:after,.card:before{border-radius:999px;content:"";filter:blur(70px);height:240px;opacity:.35;pointer-events:none;position:absolute;width:240px;z-index:0}.card:before{background:#7c3aed99;right:-120px;top:-120px}.card:after{background:#ec489980;bottom:-160px;left:-80px}.card>*{position:relative;z-index:1}.card--compact{gap:28px;max-width:720px}.card__header{display:flex;flex-direction:column;gap:12px}.title{font-size:clamp(2.2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;margin:0}.subtitle{color:#e2e8f0b3;color:var(--text-muted);font-size:clamp(.95rem,2vw,1.05rem);line-height:1.6;margin:0;max-width:720px}.form{grid-gap:24px;display:grid;gap:24px}.field-group{display:flex;flex-direction:column;gap:12px}.field-label{color:#f8fafca6;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase}.riot-id{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 160px}.riot-id input{background:#0f172aa6;border:1px solid #94a3b859;border-radius:14px;color:#f8fafc;color:var(--text-primary);font-size:1rem;padding:14px 16px;transition:border .2s ease,box-shadow .2s ease}.riot-id input:focus{border-color:#c084fccc;box-shadow:0 0 0 4px #7c3aed33;outline:none}.riot-id__separator{color:#f8fafcbf;font-size:1.2rem;font-weight:600}.select-wrapper{position:relative}.select-wrapper:after{color:#f8fafc99;content:"▾";font-size:.95rem;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.select-wrapper select{-webkit-appearance:none;appearance:none;background:#0f172aa6;border:1px solid #94a3b859;border-radius:14px;color:#f8fafc;color:var(--text-primary);font-size:1rem;padding:14px 20px;transition:border .2s ease,box-shadow .2s ease;width:100%}.select-wrapper select:focus{border-color:#c084fccc;box-shadow:0 0 0 4px #7c3aed33;outline:none}.select-wrapper--compact:after{right:14px}.select-wrapper--compact select{font-size:.95rem;min-width:220px;padding:12px 38px 12px 16px}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.primary-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#c084fc);background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:none;border-radius:999px;box-shadow:0 20px 35px -25px #7c3aede6;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.04em;padding:14px 28px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.primary-button:hover:not(:disabled){box-shadow:0 25px 45px -25px #7c3aed;transform:translateY(-2px) scale(1.01)}.primary-button:active:not(:disabled){transform:translateY(0) scale(.99)}.primary-button:disabled{cursor:progress;filter:grayscale(.3);opacity:.75}.ghost-button{align-items:center;background:#0f172a99;border:1px solid #94a3b859;border-radius:999px;color:#e2e8f0d9;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.08em;padding:10px 20px;text-transform:uppercase;transition:background .2s ease,border .2s ease,color .2s ease,transform .2s ease}.ghost-button:hover{background:#7c3aed26;border-color:#7c3aed73;color:#f4f0ff;transform:translateY(-1px)}.ghost-button:focus-visible{box-shadow:0 0 0 3px #7c3aed59;outline:none}.region-hint{color:#e2e8f0b3;color:var(--text-muted);font-size:.95rem;margin:0}.alert{border:1px solid #0000;border-radius:14px;font-size:.95rem;line-height:1.5;padding:16px 20px}.alert--error{background:#f8717126;border-color:#f8717166;color:#f87171;color:var(--error)}.alert--success{background:#34d3992e;border-color:#34d39959;color:#34d399;color:var(--success)}.matches{gap:20px}.matches,.matches__header{display:flex;flex-direction:column}.matches__header{gap:6px}.matches__header h2{font-size:clamp(1.4rem,2.5vw,1.8rem);margin:0}.matches__meta{color:#e2e8f0b3;color:var(--text-muted);font-size:.95rem;margin:0}.loading{align-items:center;color:#f8fafcd9;display:inline-flex;font-weight:500;gap:12px}.loading__spinner{animation:spin 1s ease-in-out infinite;border:3px solid #94a3b840;border-radius:50%;border-top-color:#c084fcf2;height:18px;width:18px}.matches__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;margin:0;padding:0}.match-card{background:#0f172ab3;border:1px solid #94a3b833;border-radius:20px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;min-height:160px;padding:20px;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.match-card:hover{border-color:#c084fc8c;box-shadow:0 20px 35px -28px #c084fccc;transform:translateY(-4px)}.match-card__content{display:flex;flex-direction:column;gap:12px}.match-card__index{color:#e2e8f08c;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}.match-card__id{font-size:1.1rem;font-weight:600;letter-spacing:.02em;margin:0;word-break:break-all}.match-card__action{align-self:flex-start;background:#7c3aed2e;border:none;border-radius:999px;color:#c084fc;color:var(--accent-strong);cursor:pointer;font-weight:600;padding:10px 18px;transition:background .2s ease,color .2s ease,transform .2s ease}.match-card__action:hover{background:#7c3aed4d;color:#f3e8ff;transform:translateY(-1px)}.match-card__action:active{transform:translateY(0)}.empty-state{background:#1e293b99;border:1px dashed #94a3b859;border-radius:18px;color:#e2e8f0b3;color:var(--text-muted);line-height:1.6;margin:0;padding:24px}.recap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;background:var(--card-bg);border:1px solid #7c3aed59;border:1px solid var(--card-border);border-radius:36px;box-shadow:0 24px 60px -30px #7c3aedb3;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1180px;overflow:hidden;padding:48px clamp(24px,4vw,56px);position:relative}.recap:after,.recap:before{border-radius:999px;content:"";filter:blur(90px);height:320px;opacity:.28;pointer-events:none;position:absolute;width:320px;z-index:0}.recap:before{background:#7c3aed99;right:-140px;top:-180px}.recap:after{background:#ec489980;bottom:-200px;left:-120px}.recap>*{position:relative;z-index:1}.recap__banner{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.recap__eyebrow{color:#ec4899a6;font-size:.75rem;letter-spacing:.32em;margin:0 0 6px;text-transform:uppercase}.recap__title{font-size:clamp(2.4rem,4.6vw,3.4rem);letter-spacing:-.018em;margin:0}.recap__meta{color:#e2e8f0b3;color:var(--text-muted);font-size:1rem;margin:8px 0 0}.banner__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.data-chip{align-items:center;border:1px solid #94a3b859;border-radius:999px;display:inline-flex;font-size:.8rem;gap:6px;letter-spacing:.12em;padding:6px 16px;text-transform:uppercase}.data-chip--live{background:#22c55e26;border-color:#22c55e99;color:#bbf7d0f2}.data-chip--sample{background:#94a3b833;border-color:#94a3b873;color:#e2e8f0d9}.data-hero{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{background:#0f172ac7;border:1px solid #7c3aed40;border-radius:28px;display:flex;flex-direction:column;gap:18px;padding:28px}.insight-card__header{display:flex;flex-direction:column;gap:4px}.insight-card__header h3{font-size:1.2rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.insight-card__header span{color:#e2e8f0b3;color:var(--text-muted);font-size:.9rem}.identity-card__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.identity-card__profile{align-items:center;display:flex;gap:16px}.identity-card__avatar{align-items:center;background:#0f172a80;border:1px solid #ffffff26;border-radius:18px;display:flex;font-size:1.4rem;font-weight:600;height:64px;justify-content:center;overflow:hidden;width:64px}.identity-card__avatar img{height:100%;object-fit:cover;width:100%}.identity-card__meta{color:#e2e8f0b3;color:var(--text-muted);margin:6px 0 0}.identity-card__stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.identity-card__stats div{color:#e2e8f0b3;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:4px}.identity-card__stats strong{color:#fff;font-size:1.4rem}.identity-card__footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.identity-card__activity{color:#e2e8f0b3;color:var(--text-muted);font-size:.9rem}.identity-card__share{position:relative}.identity-card__share-button{background:#0f172a99;border:1px solid #94a3b866;border-radius:999px;color:#f8fafc;cursor:pointer;font-size:.85rem;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase;transition:background .2s ease,border .2s ease}.identity-card__share-button:hover{background:#7c3aed40;border-color:#7c3aedb3}.identity-card__share-status{background:#0f172a99;border-radius:999px;color:#e2e8f0e6;font-size:.85rem;padding:6px 10px}.insight-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.insight-list li{align-items:center;border-bottom:1px solid #94a3b826;color:#e2e8f0b3;color:var(--text-muted);display:flex;font-size:.95rem;justify-content:space-between;padding-bottom:10px}.insight-list li:last-child{border-bottom:none;padding-bottom:0}.insight-list strong{color:#fff;font-size:1.1rem}.insight-list--two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.insight-list--two-col li{border-bottom:none;padding-bottom:0}.status-card__message{color:#e2e8f0b3;color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.status-card__tags{display:flex;flex-wrap:wrap;gap:10px}.insight-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.insight-grid--split{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.clutch-card{align-items:center;background:#0f172a99;border:1px dashed #7c3aed66;border-radius:20px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;padding:18px}.moments-card--clutch .clutch-card{margin-bottom:16px}.clutch-card__label{color:#f3e8ffb3;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.clutch-card__meta{color:#e2e8f0b3;color:var(--text-muted);margin:6px 0 0}.clutch-card__tags{display:flex;flex-direction:column;gap:8px}.champion-card__body{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.champion-card h4{color:#e2e8f0d9;font-size:.85rem;letter-spacing:.14em;margin:0;text-transform:uppercase}.champion-card__section{display:flex;flex-direction:column;gap:12px}.pie-chart{align-items:center;display:flex;flex-wrap:wrap;gap:18px}.pie-chart__visual-wrapper{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.pie-chart__visual{height:180px;position:relative;width:180px}.pie-chart__visual svg{filter:drop-shadow(0 18px 35px rgba(124,58,237,.35));height:100%;width:100%}.pie-chart__segment{cursor:pointer;opacity:.65;transition:opacity .2s ease,transform .2s ease}.pie-chart__segment--active{opacity:1;transform:scale(1.01)}.pie-chart__center{align-items:center;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;pointer-events:none;position:absolute;text-align:center}.pie-chart__center strong{color:#fff;font-size:1.8rem}.pie-chart__center span{color:#e2e8f0b3;color:var(--text-muted);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.pie-chart__legend{display:flex;flex:1 1;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.pie-chart__legend-item{align-items:center;background:#0f172aa6;border:1px solid #7c3aed33;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:border .2s ease,transform .2s ease,background .2s ease}.pie-chart__legend-item--active{background:#7c3aed26;border-color:#c084fc;border-color:var(--accent-strong);transform:translateX(2px)}.pie-chart__legend-item strong{display:block;font-size:.95rem}.pie-chart__legend-item div span{color:#e2e8f0b3;color:var(--text-muted);font-size:.8rem}.pie-chart__swatch{border-radius:50%;box-shadow:0 0 12px #0f172a59;flex-shrink:0;height:14px;width:14px}@media (max-width:600px){.pie-chart{align-items:stretch;flex-direction:column}.pie-chart__legend,.pie-chart__visual-wrapper{width:100%}}.mini-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:12px 0 0;padding:0}.mini-list li{align-items:center;border-bottom:1px solid #94a3b82e;display:flex;font-size:.95rem;justify-content:space-between;padding-bottom:10px}.mini-list li:last-child{border-bottom:none;padding-bottom:0}.mini-list strong{color:#fff}.league-card .mini-list{margin-top:0}.league-card .mini-list li{align-items:flex-start;gap:12px}.league-card .mini-list li p{color:#e2e8f0b3;color:var(--text-muted);font-size:.9rem;margin:4px 0 0}.league-record{align-items:flex-end;display:flex;flex-direction:column;font-size:.9rem;gap:4px}.league-record small{color:#94a3b8cc}.status-log{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.status-log-card h4{color:#e2e8f0d9;font-size:.85rem;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.status-log__list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.status-log__list li{border-bottom:1px solid #94a3b833;padding-bottom:12px}.status-log__list li:last-child{border-bottom:none;padding-bottom:0}.status-log__list p{color:#e2e8f0b3;color:var(--text-muted);line-height:1.4;margin:4px 0 0}.stat-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stat-grid--expanded{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-card{background:#0f172ac7;border:1px solid #7c3aed40;border-radius:28px;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:28px;position:relative}.stat-card:after{border:1px solid #ffffff05;border-radius:24px;content:"";inset:12px;pointer-events:none;position:absolute}.stat-card__header{display:flex;flex-direction:column;gap:6px}.stat-card__header h2{font-size:1.2rem;letter-spacing:.06em;margin:0;text-transform:uppercase}.stat-card__sub{color:#e2e8f0b3;color:var(--text-muted);font-size:.95rem}.win-bar{background:#94a3b82e;border-radius:999px;box-shadow:inset 0 0 0 1px #94a3b81f;display:flex;height:12px;overflow:hidden;width:100%}.win-bar--compact{height:10px}.win-bar__segment{height:100%}.win-bar__segment--wins{background:linear-gradient(135deg,#7c3aede6,#ec4899d9)}.win-bar__segment--losses{background:linear-gradient(135deg,#f87171d9,#ef4444bf)}.win-bar__segment--remakes{background:linear-gradient(135deg,#94a3b899,#94a3b859)}.win-legend{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:4px 0 0;padding:0}.win-legend li{grid-gap:12px;align-items:center;color:#e2e8f0b3;color:var(--text-muted);display:grid;font-size:.95rem;gap:12px;grid-template-columns:12px auto auto}.win-legend__swatch{border-radius:999px;height:12px;width:12px}.win-legend__swatch--wins{background:#7c3aedd9}.win-legend__swatch--losses{background:#f87171d9}.win-legend__swatch--remakes{background:#94a3b899}.win-legend__label{font-weight:600;letter-spacing:.02em}.win-legend__value{color:#e2e8f0bf;font-size:.9rem;justify-self:end}.kda-figure{font-size:clamp(2.4rem,5vw,3rem);font-weight:700;letter-spacing:-.015em}.kda-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.kda-grid div{color:#e2e8f0b3;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:4px}.kda-grid strong{color:#fff;font-size:1.5rem}.kda-breakdown{display:flex;flex-wrap:wrap;gap:18px}.kda-breakdown div{color:#e2e8f0b3;color:var(--text-muted);display:flex;flex-direction:column;font-size:.95rem;gap:6px;min-width:120px}.kda-breakdown strong{color:#fdf4ff;font-size:1.3rem}.kda-tags{display:flex;flex-wrap:wrap;gap:12px}.accent-chip{align-items:center;background:#7c3aed2e;border:1px solid #c084fc59;border-radius:999px;color:#f3e8fff2;display:inline-flex;font-size:.85rem;gap:8px;letter-spacing:.06em;padding:8px 18px;text-transform:uppercase}.stat-chips{display:flex;flex-wrap:wrap;gap:12px}.stat-card--tags{background:#0f172ab8;border:1px solid #ec489940}.pill-row{display:flex;flex-wrap:wrap;gap:12px}.pill{background:#ec489926;border:1px solid #ec489959;border-radius:999px;color:#fed7e2f2;font-weight:600;letter-spacing:.03em;padding:10px 18px}.stat-card__note{color:#e2e8f0b3;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.recap__body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.history-card,.moments-card{background:#0f172ad1;border:1px solid #7c3aed38;border-radius:30px;display:flex;flex-direction:column;gap:20px;padding:20px;position:relative}.history-card:after,.moments-card:after{border:1px solid #ffffff05;border-radius:24px;content:"";inset:16px;pointer-events:none;position:absolute}.history-card__header,.moments-card__header{display:flex;flex-direction:column;gap:6px}.history-card__header h2,.moments-card__header h2{font-size:1.3rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.history-card__header span,.moments-card__header span{color:#e2e8f0b3;color:var(--text-muted);font-size:.95rem}.highlight-list,.history-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.history-list{gap:20px;gap:var(--history-item-gap);max-height:680px;max-height:calc(var(--history-item-height)*2 + var(--history-item-gap)*4);overflow-y:auto;padding-right:4px;scrollbar-color:#7c3aed73 #0000;scrollbar-width:thin}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#0000}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed99,#ec489980);border-radius:999px}.history-item{background:#0f172a99;border:1px solid #7c3aed38;border-radius:22px;display:flex;flex-direction:column;gap:14px;min-height:300px;min-height:var(--history-item-height);padding:20px 24px 26px}.history-item__top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.history-item__result{border:1px solid #0000;border-radius:999px;font-size:.75rem;letter-spacing:.16em;padding:6px 16px;text-transform:uppercase}.history-item__result--win{background:#22c55e29;border-color:#22c55e73;color:#bbf7d0}.history-item__result--loss{background:#f8717129;border-color:#f8717173;color:#fecaca}.history-item__result--remakes{background:#94a3b829;border-color:#94a3b866;color:#e2e8f0d9}.history-item__id{color:#e2e8f099;font-size:.85rem;letter-spacing:.05em}.history-item__row{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:16px;justify-content:space-between}.history-item__row--meta{color:#e2e8f0b3;color:var(--text-muted);font-size:.9rem;margin-bottom:4px}.history-item__champion{font-weight:600;letter-spacing:.03em}.history-item__kda{color:#f3e8fff2;font-weight:600}.history-item__badges{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.history-item__roast{border-left:2px solid #ec489973;color:#f8fafcd1;font-size:.9rem;font-style:italic;line-height:1.4;margin:6px 0 0;padding-left:14px}.history-item__badge{background:#ec489933;border:1px solid #ec489966;border-radius:999px;color:#fed7e2f2;font-size:.75rem;letter-spacing:.16em;padding:6px 14px;text-transform:uppercase}.history-item__badge--best{background:linear-gradient(120deg,#fde047,#f97316);border-color:#eab30899;box-shadow:0 12px 26px -18px #eab308e6;color:#1c1404;text-shadow:0 0 12px #facc158c}.highlight-item{grid-gap:16px;background:#0f172a99;border:1px solid #94a3b840;border-radius:20px;display:grid;gap:16px;grid-template-columns:auto 1fr;padding:16px 18px}.highlight-item__index{color:#ec4899d9;font-size:1rem;font-weight:700;letter-spacing:.12em}.highlight-item__body h3{font-size:1.05rem;margin:0 0 6px}.highlight-item__body p{color:#e2e8f0b3;color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.share-card{align-items:center;background:linear-gradient(135deg,#7c3aed38,#ec48992e) #0f172acc;border:1px solid #c084fc59;border-radius:30px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:28px 32px}.share-card h2{font-size:clamp(1.4rem,2.5vw,1.8rem);margin:0}.share-card p{color:#e2e8f0b3;color:var(--text-muted);line-height:1.6;margin:12px 0 0}.share-card__actions{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.share-card__meta{display:flex;flex-wrap:wrap;gap:10px}.share-card__buttons{display:flex;flex-wrap:wrap;gap:12px}.share-button{align-items:center;border:none;border-radius:999px;box-shadow:0 18px 28px -24px #0f172a99;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.share-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.share-button:active{transform:translateY(0)}.share-button--twitter{background:linear-gradient(135deg,#1d9bf0,#1a8cd8)}.share-button--copy{background:linear-gradient(135deg,#7c3aedf2,#6366f1)}.share-card__feedback{color:#e2e8f0cc;font-size:.9rem;margin:12px 0 0}.social-pill{background:#0f172abf;border:1px solid #94a3b859;border-radius:999px;color:#e2e8f0d9;font-size:.8rem;letter-spacing:.12em;padding:6px 14px;text-transform:uppercase}.ai-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#080a1ee6,#250842d9);border:1px solid #c084fc73;border-radius:34px;box-shadow:0 35px 70px -40px #4f46e5e6;display:flex;flex-direction:column;gap:24px;isolation:isolate;overflow:hidden;padding:40px;position:relative}.ai-card:before{background:radial-gradient(circle at 20% 20%,#38bdf838,#0000 55%),radial-gradient(circle at 80% 30%,#ec489933,#0000 60%);inset:0;opacity:.9;z-index:0}.ai-card:after,.ai-card:before{content:"";pointer-events:none;position:absolute}.ai-card:after{border:1px solid #ffffff0a;border-radius:26px;inset:18px;z-index:1}.ai-card>*{position:relative;z-index:2}.ai-card--top{border:1px solid #6366f1a6;box-shadow:0 40px 80px -40px #6366f1cc}.ai-card__header h2{background:linear-gradient(120deg,#f9fafb,#c084fc 45%,#60a5fa);-webkit-background-clip:text;color:#f9fafb;color:#0000;font-size:clamp(1.6rem,2.5vw,1.9rem);letter-spacing:.08em;margin:0;text-transform:uppercase}.ai-card__header p{color:#e2e8f0d9;font-size:1.05rem;line-height:1.75;margin:12px 0 0;max-width:720px}.ai-card__response{background:#0f172ab3;border:1px solid #94a3b859;border-radius:20px;color:#f8fafc;color:var(--text-primary);display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:.98rem;gap:12px;line-height:1.6;min-height:200px;padding:18px;transition:border .2s ease,box-shadow .2s ease;width:100%}.ai-card__response p{margin:0}.ai-card__response--empty{color:#e2e8f0b3;font-style:italic;justify-content:center;text-align:center}.ai-card__placeholder{margin:0}.ai-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:18px}.ai-card__textarea{background:#020617a6;border:1px solid #94a3b866;border-radius:24px;box-shadow:inset 0 20px 35px -32px #6366f1e6;color:#f8fafc;font-family:Space Grotesk,Poppins,sans-serif;font-size:1.06rem;line-height:1.7;min-height:220px;padding:22px 24px;resize:vertical;transition:border .2s ease,box-shadow .2s ease;width:100%}.ai-card__textarea::placeholder{color:#e2e8f080;letter-spacing:.08em}.ai-card__textarea:focus{border-color:#c4b5fde6;box-shadow:0 0 0 3px #7c3aed40,inset 0 24px 40px -32px #2563ebe6;outline:none}.ai-card__hint{color:#e2e8f0d9;font-family:Space Grotesk,Poppins,sans-serif;font-size:.95rem}.ai-card__error{color:#f87171f2;font-size:.9rem}.ai-card__tone-control{display:flex;flex-direction:column;gap:6px;min-width:220px}.ai-card__tone-label{color:#e2e8f0cc;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.ai-card__tone-description{color:#e2e8f0bf;font-size:.85rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.recap{border-radius:32px;padding:42px 36px}.recap__body{grid-template-columns:1fr}.share-card{align-items:flex-start;flex-direction:column}.share-card__buttons{width:100%}}@media (max-width:720px){body{padding:32px 16px}.card{border-radius:26px;padding:32px 20px}.riot-id{grid-template-columns:1fr auto 120px}.recap{padding:36px 24px}.stat-grid{grid-template-columns:1fr}.recap__banner{align-items:flex-start}.share-card{padding:24px}.ai-card{padding:28px 22px}.share-button{flex:1 1 240px}}@media (max-width:540px){.riot-id{grid-template-columns:1fr}.riot-id__separator{display:none}.form-actions{align-items:flex-start;flex-direction:column}.form-actions .primary-button,.ghost-button{justify-content:center;text-align:center;width:100%}.share-card__actions{width:100%}.share-card__actions .primary-button{justify-content:center;width:100%}.share-card__buttons{flex-direction:column}.share-button{width:100%}}
/*# sourceMappingURL=main.6f6bf82c.css.map*/