*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:#111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{background:#111;min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{color:#f8fafc;background:#111;min-height:100svh;overflow-x:hidden}.mobile-stage{width:min(100%,430px);min-height:100svh;padding:0 14px calc(18px + env(safe-area-inset-bottom));margin:0 auto}.brand-header{isolation:isolate;justify-content:center;align-items:center;min-height:clamp(76px,22vw,92px);margin-top:-4px;margin-bottom:2px;display:flex;position:relative;overflow:visible}.brand-header:before{z-index:0;pointer-events:none;content:"";opacity:.82;background:radial-gradient(at 50% 74%,rgba(16,74,116,.46),rgba(7,26,48,.58) 34%,transparent 72%),radial-gradient(at 50% 70%,rgba(250,204,21,.1),transparent 42%),linear-gradient(transparent 0%,rgba(5,12,26,.82) 76%,rgba(5,18,34,.9) 100%);animation:12s ease-in-out infinite title-ambient-halo;position:absolute;inset:-72px -14px -10px}.brand-logo-stage{z-index:1;isolation:isolate;place-items:center;width:min(92vw,380px);min-height:clamp(78px,22vw,96px);display:grid;position:relative}.brand-logo-stage:before,.brand-logo-stage:after{pointer-events:none;content:"";position:absolute}.brand-logo-stage:before{z-index:0;filter:blur(18px);opacity:.72;background:radial-gradient(at 50% 52%,rgba(122,212,255,.24),rgba(20,70,120,.18) 38%,transparent 70%),radial-gradient(at 52% 60%,rgba(250,204,21,.12),transparent 48%);border-radius:50%;animation:8.8s ease-in-out infinite title-core-halo;inset:-18px -20px -16px;transform:scaleX(1.12)}.brand-logo-stage:after{z-index:2;filter:blur(11px);opacity:.34;mix-blend-mode:screen;background:linear-gradient(90deg,transparent 8%,rgba(103,232,249,.18) 32%,rgba(250,204,21,.12) 50%,rgba(103,232,249,.16) 68%,transparent 92%) 50%/120% 100%,radial-gradient(at 50% 56%,rgba(255,255,255,.12),transparent 42%) 50%/100% 100%;animation:10s ease-in-out infinite title-sweep-halo;inset:-18px -28px -14px}.brand-halo-canvas{z-index:1;pointer-events:none;opacity:.42;mix-blend-mode:screen;width:calc(100% + 52px);height:calc(100% + 84px);position:absolute;inset:-64px -26px -20px}.brand-edge-canvas{z-index:4;aspect-ratio:1229/401;pointer-events:none;opacity:.94;mix-blend-mode:screen;width:min(84vw,330px);height:min(27.4vw,108px);position:absolute;transform:translateY(-3px)}.title-edge-fallback{filter:blur(2px);background:linear-gradient(90deg,transparent 8%,rgba(103,232,249,.18) 38%,rgba(255,255,255,.44) 50%,rgba(250,204,21,.2) 60%,transparent 92%) -80%/220% 100%;animation:7.5s linear infinite title-edge-fallback;-webkit-mask:url(/assets/brands/lolstars_typo_logo.webp) 50%/contain no-repeat;mask:url(/assets/brands/lolstars_typo_logo.webp) 50%/contain no-repeat}.title-shader-fallback{filter:blur(16px);background:radial-gradient(at 50% 54%,rgba(43,123,176,.28),transparent 54%) 0 0/120% 110%,radial-gradient(at 50% 56%,rgba(250,204,21,.1),transparent 42%) 0 0/110% 110%;animation:12s ease-in-out infinite title-fallback-halo}.brand-logo{z-index:3;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.14))drop-shadow(0 0 18px rgba(103,232,249,.32))drop-shadow(0 0 28px rgba(250,204,21,.12));width:min(84vw,330px);height:auto;position:relative;transform:translateY(-3px)}.rank-emblem-header{--rank-primary:103, 232, 249;--rank-secondary:250, 204, 21;--rank-emblem-image:none;z-index:0;isolation:isolate;background:radial-gradient(ellipse at 50% 106%, rgba(var(--rank-primary), .1), transparent 54%), radial-gradient(ellipse at 18% 48%, rgba(var(--rank-primary), .12), transparent 44%), radial-gradient(ellipse at 82% 50%, rgba(var(--rank-secondary), .08), transparent 46%), linear-gradient(180deg, rgba(2,6,16,.98) 0%, rgba(3,11,22,.96) 52%, rgba(2,8,13,.94) 100%);place-items:center;min-height:clamp(150px,41vw,188px);margin:-18px -14px -8px;padding:30px 14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 22px 28px rgba(2,6,16,.78),inset 0 -34px 36px rgba(2,6,16,.9);-webkit-mask-image:linear-gradient(transparent 0,#000 10px calc(100% - 24px),transparent 100%);mask-image:linear-gradient(transparent 0,#000 10px calc(100% - 24px),transparent 100%)}.rank-emblem-header[data-rank-tier=iron],.rank-emblem-header[data-rank-tier=silver]{--rank-primary:203, 213, 225;--rank-secondary:103, 232, 249}.rank-emblem-header[data-rank-tier=bronze]{--rank-primary:217, 119, 6;--rank-secondary:103, 232, 249}.rank-emblem-header[data-rank-tier=gold]{--rank-primary:250, 204, 21;--rank-secondary:103, 232, 249}.rank-emblem-header[data-rank-tier=platinum],.rank-emblem-header[data-rank-tier=emerald]{--rank-primary:45, 212, 191;--rank-secondary:250, 204, 21}.rank-emblem-header[data-rank-tier=diamond]{--rank-primary:125, 211, 252;--rank-secondary:192, 132, 252}.rank-emblem-header[data-rank-tier=master]{--rank-primary:192, 132, 252;--rank-secondary:250, 204, 21}.rank-emblem-header[data-rank-tier=grandmaster]{--rank-primary:248, 113, 113;--rank-secondary:250, 204, 21}.rank-emblem-header:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(96deg, transparent 0 10%, rgba(var(--rank-primary), .1) 23%, rgba(255,255,255,.05) 39%, transparent 56%), linear-gradient(82deg, transparent 0 32%, rgba(var(--rank-secondary), .08) 48%, rgba(var(--rank-primary), .09) 62%, transparent 82%), radial-gradient(ellipse at 36% 44%, rgba(var(--rank-primary), .22), transparent 42%), radial-gradient(ellipse at 68% 52%, rgba(var(--rank-secondary), .13), transparent 44%), radial-gradient(ellipse at 50% 58%, rgba(255,255,255,.06), transparent 46%);filter:blur(14px);opacity:.66;animation:12s ease-in-out infinite title-ambient-halo;position:absolute;inset:0;transform:scaleX(1.08)}.rank-emblem-header:after{z-index:0;pointer-events:none;content:"";background:radial-gradient(ellipse at 50% 20%, rgba(var(--rank-primary), .14), transparent 70%), linear-gradient(90deg, transparent 0%, rgba(var(--rank-primary), .12) 30%, rgba(255,255,255,.1) 50%, rgba(var(--rank-secondary), .1) 70%, transparent 100%);filter:blur(18px);opacity:.52;height:70px;position:absolute;bottom:-18px;left:22px;right:22px}.rank-emblem-backplate,.rank-emblem-aurora,.rank-emblem-orbit,.rank-emblem-sparks{pointer-events:none;position:absolute}.rank-emblem-backplate{z-index:0;background-image:var(--rank-emblem-image);filter:blur(8px)saturate(1.25)brightness(.92);opacity:.08;mix-blend-mode:screen;background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(116vw,500px);height:clamp(170px,46vw,230px);top:50%;left:50%;transform:translate(-50%,-48%)scale(1.28)}.rank-emblem-aurora{z-index:0;background:radial-gradient(ellipse at 26% 48%, rgba(var(--rank-primary), .22), transparent 38%), radial-gradient(ellipse at 72% 54%, rgba(var(--rank-secondary), .14), transparent 40%), linear-gradient(102deg, transparent 8%, rgba(var(--rank-primary), .08) 28%, rgba(255,255,255,.05) 48%, rgba(var(--rank-secondary), .07) 66%, transparent 90%), linear-gradient(78deg, transparent 12%, rgba(var(--rank-primary), .06) 34%, transparent 58%, rgba(var(--rank-secondary), .06) 76%, transparent 94%);filter:blur(16px);opacity:.58;mix-blend-mode:screen;inset:-18px -28px -26px}.rank-emblem-orbit{z-index:1;background:conic-gradient(from 190deg at 50% 50%, transparent 0 9%, rgba(var(--rank-primary), .4) 10%, transparent 16% 34%, rgba(255,255,255,.24) 37%, transparent 43% 60%, rgba(var(--rank-secondary), .28) 64%, transparent 72% 100%);width:min(92vw,390px);height:clamp(110px,30vw,142px);filter:drop-shadow(0 0 8px rgba(var(--rank-primary), .3)) drop-shadow(0 0 14px rgba(var(--rank-secondary), .12));opacity:.48;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-46%);-webkit-mask:radial-gradient(transparent 0 54%,#000 56% 58%,transparent 61%);mask:radial-gradient(transparent 0 54%,#000 56% 58%,transparent 61%)}.rank-emblem-sparks{z-index:2;background:radial-gradient(circle at 18% 42%, rgba(255,255,255,.8) 0 1px, transparent 2px), radial-gradient(circle at 27% 30%, rgba(var(--rank-primary), .9) 0 1px, transparent 2px), radial-gradient(circle at 38% 22%, rgba(255,255,255,.72) 0 1px, transparent 2px), radial-gradient(circle at 63% 20%, rgba(var(--rank-secondary), .88) 0 1px, transparent 2px), radial-gradient(circle at 74% 34%, rgba(255,255,255,.78) 0 1px, transparent 2px), radial-gradient(circle at 84% 48%, rgba(var(--rank-primary), .86) 0 1px, transparent 2px);filter:drop-shadow(0 0 5px rgba(var(--rank-primary), .48)) drop-shadow(0 0 10px rgba(var(--rank-secondary), .18));opacity:.46;mix-blend-mode:screen;inset:16px 30px 18px}.rank-emblem-stage{z-index:3;isolation:isolate;place-items:center;width:min(92vw,380px);min-height:clamp(136px,37vw,172px);display:grid;position:relative}.rank-emblem-stage:before,.rank-emblem-stage:after{pointer-events:none;content:"";position:absolute}.rank-emblem-stage:before{z-index:0;background:radial-gradient(ellipse at 50% 44%, rgba(255,255,255,.1), transparent 30%), radial-gradient(ellipse at 50% 50%, rgba(var(--rank-primary), .3), rgba(var(--rank-primary), .1) 42%, transparent 72%), radial-gradient(ellipse at 50% 66%, rgba(var(--rank-secondary), .12), transparent 60%);filter:blur(13px);opacity:.62;border-radius:50%;animation:8.8s ease-in-out infinite title-core-halo;inset:0 8px -2px;transform:scaleX(1.22)}.rank-emblem-stage:after{z-index:4;background:linear-gradient(90deg, transparent 5%, rgba(var(--rank-primary), .18) 30%, rgba(255,255,255,.24) 50%, rgba(var(--rank-secondary), .14) 70%, transparent 95%), radial-gradient(ellipse at 50% 52%, rgba(255,255,255,.08), transparent 48%);filter:blur(9px);opacity:.24;mix-blend-mode:screen;background-position:50%,50%,50%;background-size:150% 100%,100% 100%,100% 100%;border-radius:50%;animation:10s ease-in-out infinite title-sweep-halo;inset:12px 8px 8px}.rank-emblem-image{z-index:3;object-fit:contain;width:min(70vw,300px);height:clamp(136px,37vw,176px);filter:drop-shadow(0 0 10px rgba(255,255,255,.16)) drop-shadow(0 0 18px rgba(var(--rank-primary), .38)) drop-shadow(0 0 34px rgba(var(--rank-secondary), .16));position:relative;transform:translateY(-2px)}.rank-emblem-edge-canvas{z-index:5;pointer-events:none;opacity:.92;mix-blend-mode:screen;width:min(70vw,300px);height:clamp(136px,37vw,176px);position:absolute;transform:translateY(-2px)}.rank-emblem-empty{z-index:3;color:#67e8f9;background:rgba(15,23,42,.74);border:1px solid rgba(103,232,249,.22);border-radius:22px;place-items:center;width:86px;height:86px;display:grid;position:relative;box-shadow:0 0 30px rgba(103,232,249,.14)}.rank-emblem-empty svg{width:34px;height:34px}.panel-head,.card-top,.identity-row,.search-panel,.tag-row{align-items:center;display:flex}.panel-head h3,.identity-copy h2{letter-spacing:0;margin:0}.eyebrow{color:#67e8f9;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.search-nav{z-index:20;isolation:isolate;backdrop-filter:blur(12px);background:linear-gradient(rgba(4,12,24,.98) 0%,rgba(4,12,24,.9) 58%,rgba(4,12,24,.08) 100%),radial-gradient(at 50% 0,rgba(103,232,249,.12),transparent 62%);border-bottom:0;min-height:64px;margin:-2px -14px -24px;padding:8px 14px 22px;position:sticky;top:0;overflow:visible;box-shadow:0 12px 28px rgba(2,6,23,.2)}.search-nav:after{z-index:0;pointer-events:none;content:"";filter:blur(9px);background:radial-gradient(at 32% 80%,rgba(103,232,249,.12),transparent 56%),radial-gradient(at 74% 82%,rgba(250,204,21,.08),transparent 58%),linear-gradient(rgba(4,12,24,.34) 0%,rgba(3,10,20,.1) 50%,rgba(3,10,20,0) 100%);height:78px;position:absolute;bottom:-48px;left:0;right:0}.search-panel{z-index:1;gap:8px;width:100%;position:relative}.primary-button{place-items:center;display:grid}.platform-select-shell svg,.primary-button svg{stroke-width:2.4px;width:20px;height:20px}.search-input-shell,.platform-select-shell{align-items:center;min-width:0;display:flex;position:relative}.search-input-shell{flex:1}.search-input,.platform-select{color:#f8fafc;background:rgba(15,23,42,.86);border:1px solid rgba(255,255,255,.14);border-radius:8px;outline:none;width:100%;min-width:0;height:48px}.search-input{padding:0 12px}.platform-select-shell{flex:none;width:70px}.platform-select{appearance:none;color:#e2e8f0;padding:0 30px 0 12px}.platform-select-shell svg{color:#67e8f9;pointer-events:none;width:16px;height:16px;position:absolute;right:9px}.search-input:focus,.platform-select:focus{border-color:rgba(103,232,249,.7);box-shadow:0 0 0 3px rgba(103,232,249,.12)}.search-error{z-index:1;color:#fecdd3;text-align:right;max-width:100%;margin:8px 0 0;font-size:12px;line-height:1.4;position:relative}.primary-button{color:#67e8f9;background:rgba(15,23,42,.86);border:1px solid rgba(255,255,255,.14);border-radius:8px;width:48px;height:48px;font-weight:900}.hero-card-section{width:100%}.player-card{z-index:1;contain:layout paint style;isolation:isolate;background:#020617;border:1px solid rgba(103,232,249,.34);border-radius:8px;width:100%;height:456px;position:relative;overflow:hidden;box-shadow:0 24px 80px rgba(8,145,178,.24),0 0 0 1px rgba(250,204,21,.08),inset 0 0 42px rgba(103,232,249,.08)}.card-bg,.particle-canvas,.card-rift,.card-shade,.card-content{position:absolute;inset:0}.card-bg{filter:saturate(1.18)contrast(1.08)brightness(1.04);opacity:.76;background-image:url(https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Azir_0.jpg);background-position:50%;background-size:cover}.particle-canvas{z-index:1;opacity:.96;mix-blend-mode:screen;width:100%;height:100%}canvas[data-shader-disabled]{display:none}.shader-fallback{background:radial-gradient(circle at 28% 24%,rgba(103,232,249,.38),transparent 24%),radial-gradient(circle at 75% 45%,rgba(250,204,21,.24),transparent 26%)}.card-rift{z-index:2;pointer-events:none;opacity:.48;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.24) 44%,transparent 52%),conic-gradient(from 210deg,transparent,rgba(103,232,249,.18),transparent,rgba(250,204,21,.14),transparent);animation:5.8s ease-in-out infinite card-rift-sweep;transform:translate(-55%)skew(-10deg)}.card-shade{z-index:3;background:linear-gradient(rgba(2,6,23,.02) 0%,rgba(2,6,23,.06) 42%,rgba(2,6,23,.58) 78%,rgba(2,6,23,.88) 100%),radial-gradient(circle at 50% 32%,rgba(103,232,249,.12),transparent 48%),radial-gradient(circle at 82% 12%,rgba(250,204,21,.12),transparent 24%)}.card-content{z-index:4;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.player-card:before{z-index:5;pointer-events:none;content:"";opacity:.42;background:linear-gradient(90deg,rgba(103,232,249,.75),transparent 28% 70%,rgba(250,204,21,.55)),linear-gradient(rgba(255,255,255,.3),transparent 18% 78%,rgba(103,232,249,.35));border-radius:10px;padding:1px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.player-card:after{z-index:3;aspect-ratio:1;pointer-events:none;content:"";filter:blur(14px);background:radial-gradient(circle,rgba(103,232,249,.26),transparent 62%);border-radius:50%;width:44%;animation:3.8s ease-in-out infinite card-core-pulse;position:absolute;bottom:18%;right:10%}.card-top{justify-content:flex-start;align-items:flex-start}.card-region-stack{align-items:center;gap:12px;display:flex}.rank-badge,.rank-move-badge,.tag-row span{backdrop-filter:blur(10px);background:rgba(2,6,23,.58);border:1px solid rgba(255,255,255,.15);border-radius:999px}.region-badge{color:#fde68a;backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;padding:0;font-size:14.4px;font-weight:900;display:flex}.region-icon{object-fit:cover;border-radius:2px;flex:none;width:40px;height:30px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}.region-code{background:0 0;line-height:1}.rank-badge{color:#a5f3fc;text-transform:uppercase;white-space:nowrap;padding:7px 10px;font-size:11px;font-weight:800}.rank-move-badge{color:#fde68a;white-space:nowrap;padding:6px 8px;font-size:10px;font-weight:900;line-height:1}.card-main{gap:14px;display:grid}.identity-row{gap:12px}.profile-icon-wrap{flex:none;gap:4px;width:58px;display:grid}.profile-icon{background:#020617;border:1px solid rgba(255,255,255,.24);border-radius:8px;width:58px;height:58px}.profile-icon-meta{gap:3px;display:grid}.profile-icon-id,.profile-level{color:#a5f3fc;text-align:center;font-size:10px;font-weight:800;line-height:1;display:block}.profile-level{color:#fde68a}.identity-copy{min-width:0}.identity-copy p{color:#a5f3fc;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:800}.rank-meta{color:#cbd5e1;margin-bottom:6px;font-size:10px;font-weight:700;line-height:1;display:block}.identity-copy h2{overflow-wrap:anywhere;font-size:clamp(24px,7vw,34px);line-height:1}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.card-info-panel{z-index:1;background:radial-gradient(at 50% 0,rgba(103,232,249,.12),transparent 62%),linear-gradient(rgba(8,19,38,.88),rgba(4,10,24,.92));border:1px solid rgba(103,232,249,.24);border-radius:8px;margin-top:6px;padding:8px;position:relative;box-shadow:0 12px 34px rgba(8,145,178,.12),inset 0 0 26px rgba(103,232,249,.05)}.card-update-row{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:10px 2px 0;display:flex;position:relative}.card-info-meta{color:rgba(165,243,252,.76);backdrop-filter:blur(10px);text-align:right;white-space:nowrap;background:rgba(2,6,23,.72);border:1px solid rgba(103,232,249,.12);border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:28px;margin:0;padding:7px 10px;font-size:9.5px;font-weight:750;line-height:1;display:inline-flex;box-shadow:0 8px 20px rgba(2,6,23,.2),inset 0 0 12px rgba(103,232,249,.024)}.metric-tile{text-align:center;background:rgba(2,6,23,.58);border:1px solid rgba(255,255,255,.12);border-radius:8px;min-width:0;padding:10px 8px}.metric-tile p{color:#94a3b8;margin:0 0 5px;font-size:11px}.metric-tile strong{color:#f8fafc;overflow-wrap:anywhere;font-size:13px;line-height:1.15;display:block}.performance-panel{z-index:1;background:radial-gradient(at 18% 0,rgba(250,204,21,.12),transparent 38%),radial-gradient(at 78% 0,rgba(103,232,249,.16),transparent 54%),linear-gradient(rgba(8,19,38,.9),rgba(4,10,24,.94));border:1px solid rgba(103,232,249,.24);border-radius:8px;margin-top:10px;padding:12px;position:relative;box-shadow:0 16px 38px rgba(8,145,178,.14),inset 0 0 28px rgba(103,232,249,.05)}.performance-overview{grid-template-columns:minmax(104px,.72fr) minmax(0,1fr);gap:10px;display:grid}.performance-gauge-card,.record-visual-card,.position-visual-card{background:rgba(2,6,23,.62);border:1px solid rgba(255,255,255,.11);border-radius:8px;min-width:0;box-shadow:inset 0 0 18px rgba(103,232,249,.035)}.performance-gauge-card{justify-items:center;gap:8px;padding:10px 8px;display:grid}.performance-label{color:#94a3b8;margin:0;font-size:10px;font-weight:850;line-height:1}.win-rate-gauge{aspect-ratio:1;background:conic-gradient(from -90deg, #67e8f9 0 var(--win-rate), rgba(248,113,113,.48) var(--win-rate) 100%);border-radius:50%;place-items:center;width:min(22vw,82px);min-width:68px;display:grid;position:relative;box-shadow:0 0 18px rgba(103,232,249,.18),inset 0 0 18px rgba(255,255,255,.08)}.win-rate-gauge:before{content:"";background:radial-gradient(circle at 50% 24%,rgba(103,232,249,.13),transparent 42%),#020617;border-radius:50%;position:absolute;inset:9px}.win-rate-gauge span{color:#f8fafc;font-size:17px;font-weight:950;line-height:1;position:relative}.record-visual-card{align-content:center;gap:10px;padding:11px 10px;display:grid}.record-head,.position-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.record-head strong,.position-head strong{color:#f8fafc;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:950;line-height:1}.record-split-bar{background:rgba(15,23,42,.82);border:1px solid rgba(255,255,255,.11);border-radius:999px;height:16px;display:flex;overflow:hidden}.record-win-fill{flex:0 0 var(--win-share);background:linear-gradient(90deg,#22d3ee,#facc15);min-width:2px;box-shadow:0 0 16px rgba(103,232,249,.25)}.record-loss-fill{background:repeating-linear-gradient(135deg,rgba(248,113,113,.22) 0 4px,rgba(148,163,184,.12) 4px 8px),rgba(30,41,59,.78);flex:auto}.record-legend{color:#cbd5e1;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:850;line-height:1;display:flex}.record-win-label{color:#a5f3fc}.record-loss-label{color:#fecaca}.position-visual-card{gap:12px;margin-top:10px;padding:11px 10px 10px;display:grid}.position-bars{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:8px;display:grid}.position-meter{color:#94a3b8;justify-items:center;gap:5px;min-width:0;display:grid}.position-track{background:linear-gradient(rgba(15,23,42,.2),rgba(2,6,23,.8)),rgba(15,23,42,.58);border:1px solid rgba(255,255,255,.09);border-radius:6px;align-items:flex-end;width:100%;height:58px;display:flex;position:relative;overflow:hidden}.position-fill{width:100%;height:var(--role-share);opacity:.78;background:linear-gradient(#a5f3fc,#0891b2);border-radius:5px 5px 0 0;min-height:3px;display:block}.position-meter.is-primary .position-track{border-color:rgba(250,204,21,.58);box-shadow:0 0 18px rgba(250,204,21,.12),inset 0 0 14px rgba(250,204,21,.08)}.position-meter.is-primary .position-fill{opacity:1;background:linear-gradient(#facc15,#22d3ee 62%,#0891b2)}.position-code{color:#f8fafc;font-size:10px;font-weight:900;line-height:1}.position-count{color:#94a3b8;font-size:9px;font-weight:800;line-height:1}.position-meter.is-primary .position-code,.position-meter.is-primary .position-count{color:#fde68a}.position-fallback{color:#f8fafc;background:rgba(2,6,23,.52);border:1px solid rgba(103,232,249,.12);border-radius:8px;place-items:center;min-height:64px;font-size:16px;font-weight:950;display:grid}.performance-panel{gap:10px;display:grid}.form-dashboard-head{background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(2,6,23,.62)),radial-gradient(at 90% 12%,rgba(250,204,21,.14),transparent 44%);border:1px solid rgba(255,255,255,.11);border-radius:8px;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:12px;min-height:92px;padding:12px;display:grid}.form-kicker{color:#a5f3fc;letter-spacing:.06em;margin:0 0 10px;font-size:11px;font-weight:950}.form-status-row{gap:7px;display:grid}.form-status{color:#020617;background:linear-gradient(90deg,#facc15,#67e8f9);border:1px solid rgba(250,204,21,.32);border-radius:999px;width:fit-content;padding:7px 10px;font-size:13px;font-weight:950;line-height:1}.form-status.is-stable{color:#e0f2fe;background:rgba(14,165,233,.22)}.form-status.is-volatile{color:#fde68a;background:rgba(245,158,11,.2)}.form-status.is-risk{color:#fecaca;background:rgba(239,68,68,.2)}.form-status-row span{color:#cbd5e1;font-size:11px;font-weight:800;line-height:1.25}.form-score-dial{aspect-ratio:1;background:conic-gradient(from -90deg, #facc15 0 var(--form-score), rgba(30,41,59,.8) var(--form-score) 100%);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 24px rgba(250,204,21,.16),inset 0 0 18px rgba(255,255,255,.08)}.form-score-dial:before{content:"";background:radial-gradient(circle at 50% 20%,rgba(103,232,249,.15),transparent 42%),#020617;border-radius:50%;position:absolute;inset:9px}.form-score-dial span{color:#f8fafc;font-size:24px;font-weight:950;line-height:1;position:relative}.telemetry-panel,.auto-summary-panel,.data-basis-panel,.activity-panel,.patch-form-panel,.style-tags-panel,.self-trend-panel,.skill-profile-panel,.champion-form-panel,.match-evidence-panel,.risk-flag-panel,.role-focus-panel{background:rgba(2,6,23,.62);border:1px solid rgba(255,255,255,.11);border-radius:8px;gap:11px;padding:11px 10px;display:grid;box-shadow:inset 0 0 18px rgba(103,232,249,.035)}.telemetry-head,.role-focus-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.telemetry-legend{gap:6px;font-size:9px;font-weight:950;line-height:1;display:flex}.legend-win{color:#67e8f9}.legend-loss{color:#fca5a5}.telemetry-strip{background:linear-gradient(rgba(15,23,42,.24),rgba(2,6,23,.72)),repeating-linear-gradient(90deg,transparent 0 9%,rgba(148,163,184,.08) 9% 10%);border-radius:8px;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:6px;min-height:78px;padding:8px 7px 6px;display:grid}.telemetry-tick{align-content:end;justify-items:center;gap:4px;min-width:0;height:70px;display:grid}.telemetry-fill{width:100%;height:var(--tick-height);background:linear-gradient(#facc15,#22d3ee 68%,#0891b2);border-radius:5px 5px 2px 2px;min-height:10px;display:block;box-shadow:0 0 12px rgba(34,211,238,.18)}.telemetry-tick.is-loss .telemetry-fill{background:linear-gradient(#fca5a5,#f97316 72%,#7f1d1d);box-shadow:0 0 12px rgba(248,113,113,.14)}.telemetry-tick small{color:#64748b;font-size:8px;font-weight:900;line-height:1}.telemetry-empty{color:#94a3b8;place-items:center;min-height:72px;font-size:12px;font-weight:850;display:grid}.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.signal-card{background:linear-gradient(rgba(15,23,42,.72),rgba(2,6,23,.76));border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:0;padding:10px 8px}.signal-card strong{color:#f8fafc;overflow-wrap:anywhere;margin:7px 0 5px;font-size:14px;font-weight:950;line-height:1.05;display:block}.signal-card span{color:#94a3b8;font-size:9px;font-weight:850;line-height:1}.auto-summary-panel p{color:#e2e8f0;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:800;line-height:1.45}.section-strip-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.basis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.basis-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.basis-item{background:linear-gradient(rgba(15,23,42,.64),rgba(2,6,23,.68));border:1px solid rgba(103,232,249,.1);border-radius:8px;min-width:0;padding:8px}.basis-item span,.style-tag span,.risk-flag span,.champion-signal small{color:#94a3b8;overflow-wrap:anywhere;font-size:8.5px;font-weight:850;line-height:1.15;display:block}.basis-item strong{color:#f8fafc;overflow-wrap:anywhere;margin-top:5px;font-size:11px;font-weight:950;line-height:1.15;display:block}.basis-item.is-sample strong{color:#fde68a}.basis-item.is-time strong{font-size:10px}.activity-patch-grid{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.activity-panel .basis-item.is-time{grid-column:1/-1}.patch-form-panel{align-content:start}.patch-form-body{gap:6px;min-width:0;display:grid}.patch-form-body span{color:#94a3b8;font-size:9px;font-weight:950;line-height:1}.patch-form-body strong{color:#f8fafc;font-size:20px;font-weight:950;line-height:1}.patch-form-body small{color:#94a3b8;overflow-wrap:anywhere;font-size:9px;font-weight:850;line-height:1.25}.patch-form-panel.is-hot .patch-form-body strong{color:#fde68a}.patch-form-panel.is-cool .patch-form-body strong{color:#fecaca}.style-tag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.style-tag{background:linear-gradient(135deg,rgba(8,47,73,.54),rgba(2,6,23,.72));border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:0;padding:8px}.style-tag strong{color:#e0f2fe;overflow-wrap:anywhere;margin-bottom:5px;font-size:11px;font-weight:950;line-height:1.1;display:block}.style-tag.is-carry strong,.style-tag.is-momentum strong{color:#fde68a}.champion-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.champion-signal{background:radial-gradient(at 50% 0,rgba(103,232,249,.1),transparent 58%),rgba(2,6,23,.68);border:1px solid rgba(103,232,249,.12);border-radius:8px;min-width:0;padding:8px 7px}.champion-signal-name{color:#cbd5e1;overflow-wrap:anywhere;font-size:9px;font-weight:900;line-height:1.05;display:block}.champion-signal strong{color:#f8fafc;overflow-wrap:anywhere;margin:6px 0 5px;font-size:12px;font-weight:950;line-height:1.05;display:block}.champion-signal.is-hot strong{color:#fde68a}.champion-signal.is-cool strong{color:#fecaca}.match-evidence-list{gap:7px;display:grid}.match-evidence-row{background:linear-gradient(rgba(15,23,42,.62),rgba(2,6,23,.72));border:1px solid rgba(103,232,249,.1);border-radius:8px;grid-template-columns:minmax(84px,.82fr) minmax(0,1.18fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.match-evidence-row.is-win{border-color:rgba(103,232,249,.16)}.match-evidence-row.is-loss{border-color:rgba(248,113,113,.14)}.evidence-main,.evidence-meta{gap:4px;min-width:0;display:grid}.evidence-main{grid-template-columns:28px minmax(0,1fr);align-items:center}.evidence-index,.evidence-result{color:#a5f3fc;background:rgba(8,47,73,.72);border-radius:999px;width:fit-content;min-width:0;padding:4px 6px;font-size:8px;font-weight:950;line-height:1;display:inline-grid}.match-evidence-row.is-loss .evidence-result{color:#fecaca;background:rgba(127,29,29,.58)}.evidence-main strong,.evidence-meta strong{color:#f8fafc;overflow-wrap:anywhere;font-size:10px;font-weight:950;line-height:1.1}.evidence-main small,.evidence-meta small{color:#94a3b8;overflow-wrap:anywhere;font-size:8.5px;font-weight:800;line-height:1.15}.risk-flag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.risk-flag{background:linear-gradient(135deg,rgba(15,23,42,.68),rgba(2,6,23,.76));border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:0;padding:8px}.risk-flag strong{color:#e2e8f0;overflow-wrap:anywhere;margin-bottom:5px;font-size:10.5px;font-weight:950;line-height:1.1;display:block}.risk-flag.is-risk strong{color:#fecaca}.risk-flag.is-warning strong{color:#fde68a}.risk-flag.is-clear strong{color:#a5f3fc}.insight-panel{background:radial-gradient(at 10% 0,rgba(250,204,21,.1),transparent 44%),rgba(2,6,23,.62);border:1px solid rgba(255,255,255,.11);border-radius:8px;gap:9px;padding:11px 10px;display:grid;box-shadow:inset 0 0 18px rgba(103,232,249,.035)}.insight-head,.insight-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.insight-head span{color:#64748b;text-align:right;font-size:9px;font-weight:850;line-height:1}.insight-grid{gap:8px;display:grid}.insight-card{background:linear-gradient(rgba(15,23,42,.62),rgba(2,6,23,.74));border:1px solid rgba(103,232,249,.1);border-radius:8px;gap:7px;min-width:0;padding:9px;display:grid}.insight-card-head span{color:#94a3b8;font-size:10px;font-weight:950;line-height:1}.insight-card-head strong{color:#f8fafc;font-size:15px;font-weight:950;line-height:1}.insight-meter{background:rgba(30,41,59,.84);border-radius:999px;height:8px;overflow:hidden}.insight-fill{width:var(--signal-value);border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#facc15);min-width:5px;height:100%;display:block;box-shadow:0 0 14px rgba(103,232,249,.18)}.insight-card.is-negative .insight-fill{background:linear-gradient(90deg,#fca5a5,#f97316)}.insight-card.is-neutral .insight-fill,.insight-card.is-consistency .insight-fill{background:linear-gradient(90deg,#38bdf8,#a5f3fc)}.insight-card.is-carry .insight-fill{background:linear-gradient(90deg,#22d3ee,#facc15)}.insight-card.is-waiting .insight-fill{background:rgba(148,163,184,.42)}.insight-card small{color:#94a3b8;overflow-wrap:anywhere;font-size:9.5px;font-weight:800;line-height:1.15}.self-trend-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.self-trend-head span{color:#64748b;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:9px;font-weight:850;line-height:1.2}.trend-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.trend-signal{background:linear-gradient(135deg,rgba(15,23,42,.68),rgba(2,6,23,.76));border:1px solid rgba(103,232,249,.1);border-radius:8px;min-width:0;padding:8px}.trend-signal span,.trend-signal small{overflow-wrap:anywhere;display:block}.trend-signal span{color:#94a3b8;font-size:8.5px;font-weight:950;line-height:1}.trend-signal strong{color:#e2e8f0;margin:6px 0 5px;font-size:13px;font-weight:950;line-height:1;display:block}.trend-signal small{color:#94a3b8;font-size:8px;font-weight:800;line-height:1.15}.trend-signal.is-positive strong{color:#fde68a}.trend-signal.is-negative strong{color:#fecaca}.trend-signal.is-neutral strong{color:#a5f3fc}.skill-profile-head,.skill-axis-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-profile-head span{color:#64748b;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:9px;font-weight:850;line-height:1.2}.skill-axis-list{gap:7px;display:grid}.skill-axis-row{background:linear-gradient(rgba(15,23,42,.62),rgba(2,6,23,.74));border:1px solid rgba(103,232,249,.1);border-radius:8px;min-width:0;padding:8px}.skill-axis-name{flex:0 0 88px;gap:4px;min-width:0;display:grid}.skill-axis-name span{color:#e2e8f0;overflow-wrap:anywhere;font-size:9px;font-weight:950;line-height:1}.skill-axis-name small{color:#94a3b8;overflow-wrap:anywhere;font-size:8px;font-weight:800;line-height:1.15}.skill-axis-meter{background:rgba(30,41,59,.84);border-radius:999px;flex:auto;min-width:52px;height:8px;overflow:hidden}.skill-axis-fill{width:var(--skill-value);border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#facc15);min-width:5px;height:100%;display:block;box-shadow:0 0 14px rgba(34,211,238,.18)}.skill-axis-row strong{color:#f8fafc;text-align:right;flex:0 0 30px;font-size:14px;font-weight:950;line-height:1}.skill-axis-row.is-hot strong{color:#fde68a}.skill-axis-row.is-cool strong{color:#fecaca}.skill-axis-row.is-cool .skill-axis-fill{background:linear-gradient(90deg,#fca5a5,#f97316)}.skill-axis-row.is-stable .skill-axis-fill{background:linear-gradient(90deg,#38bdf8,#a5f3fc)}.role-focus-head strong{color:#f8fafc;font-size:18px;font-weight:950;line-height:1}.role-focus-panel .position-bars{gap:8px}.role-focus-panel .position-track{height:50px}.art-list-section{content-visibility:auto;contain-intrinsic-size:760px;margin-top:14px}.art-list-head{margin-bottom:10px}.art-list-head h3{letter-spacing:0;margin:0;font-size:19px}.art-strip{gap:12px;display:grid}.art-card{background:#020617;border:1px solid rgba(103,232,249,.24);border-radius:8px;overflow:hidden}.art-card-image{aspect-ratio:1215/717;object-fit:contain;background:#020617;width:100%;display:block}.art-card-label{background:rgba(2,6,23,.9);border-top:1px solid rgba(255,255,255,.08);align-items:center;min-height:62px;padding:8px 10px;display:flex}.art-card-copy{gap:5px;min-width:0;display:grid}.art-card-name{color:#f8fafc;overflow-wrap:anywhere;font-size:13px;font-weight:900}.art-card-meta{flex-wrap:wrap;gap:6px;display:flex}.art-card-meta span{color:#a5f3fc;white-space:nowrap;font-size:10px;font-weight:800;line-height:1}.flow-panel{content-visibility:auto;contain-intrinsic-size:240px;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:14px;padding:14px}.panel-head{justify-content:space-between;margin-bottom:12px}.panel-head h3{font-size:19px}.trend-up{color:#67e8f9;font-size:18px;font-weight:900}.chart-card{background:rgba(2,6,23,.48);border:1px solid rgba(255,255,255,.08);border-radius:8px;height:116px;padding:12px}.chart-bars{align-items:end;gap:5px;height:100%;display:flex}.chart-bar{background:linear-gradient(#facc15,#67e8f9 46%,#0e7490);border-radius:3px 3px 0 0;flex:1;min-width:0;box-shadow:0 0 16px rgba(103,232,249,.22)}.chart-bar.is-loss{background:linear-gradient(#f87171,#f59e0b 52%,#7f1d1d);box-shadow:0 0 14px rgba(248,113,113,.2)}.tag-row{flex-wrap:wrap;gap:8px;margin-top:12px}.tag-row span{color:#cbd5e1;padding:7px 10px;font-size:12px;font-weight:800}@media (width>=760px){.mobile-stage{padding-top:24px;padding-bottom:32px}}@media (width<=360px){.player-card{height:438px}}.mobile-stage .brand-header:before,.mobile-stage .brand-logo-stage:before,.mobile-stage .brand-logo-stage:after,.mobile-stage .rank-emblem-header:before,.mobile-stage .rank-emblem-stage:before,.mobile-stage .rank-emblem-stage:after,.mobile-stage .title-shader-fallback,.mobile-stage .title-edge-fallback,.mobile-stage .card-rift,.mobile-stage .player-card:after{animation:none}.mobile-stage .card-rift,.mobile-stage .brand-logo-stage:after,.mobile-stage .player-card:after{display:none}.mobile-stage .brand-header:before{opacity:.66}.mobile-stage .brand-logo-stage:before{filter:blur(10px);opacity:.42}.mobile-stage .brand-logo{filter:drop-shadow(0 0 10px rgba(103,232,249,.24))drop-shadow(0 0 16px rgba(250,204,21,.1))}.mobile-stage .rank-emblem-header:before{opacity:.58}.mobile-stage .rank-emblem-stage:before{filter:blur(12px);opacity:.48}.mobile-stage .rank-emblem-stage:after{filter:blur(9px);opacity:.18}.mobile-stage .rank-emblem-image{filter:drop-shadow(0 0 10px rgba(var(--rank-primary), .32)) drop-shadow(0 0 18px rgba(var(--rank-secondary), .12))}.mobile-stage .player-card{box-shadow:0 14px 38px rgba(8,145,178,.16),0 0 0 1px rgba(250,204,21,.06)}.mobile-stage .card-bg{filter:saturate(1.12)contrast(1.06)brightness(1.03);opacity:.76}.mobile-stage .rank-badge,.mobile-stage .tag-row span{backdrop-filter:none}.mobile-stage .art-card-image{object-fit:cover}@keyframes mobile-title-sheen{0%,38%{transform:translate(-76%)}74%,to{transform:translate(76%)}}@keyframes mobile-card-sheen{0%,46%{transform:translate(-82%)skew(-8deg)}82%,to{transform:translate(82%)skew(-8deg)}}@keyframes card-rift-sweep{0%,35%{opacity:.14;transform:translate(-65%)skew(-10deg)}58%{opacity:.5}to{opacity:.08;transform:translate(72%)skew(-10deg)}}@keyframes card-core-pulse{0%,to{opacity:.28;transform:scale(.92)}50%{opacity:.72;transform:scale(1.08)}}@keyframes title-ambient-halo{0%,to{opacity:.72;transform:translateY(0)scaleX(1)}50%{opacity:.9;transform:translateY(-2px)scaleX(1.03)}}@keyframes title-core-halo{0%,to{opacity:.62;transform:translate(-3px)scaleX(1.08)scaleY(.96)}50%{opacity:.82;transform:translate(3px)scaleX(1.14)scaleY(1.02)}}@keyframes title-sweep-halo{0%,to{opacity:.22;background-position:44%,50%}50%{opacity:.4;background-position:56%,50%}}@keyframes title-fallback-halo{0%,to{opacity:.58;background-position:48% 54%,52% 48%}50%{opacity:.76;background-position:54% 52%,48%}}@keyframes title-edge-fallback{0%{background-position:-80%}to{background-position:160%}}@media (prefers-reduced-motion:reduce){.brand-header:before,.brand-logo-stage:before,.brand-logo-stage:after,.rank-emblem-header:before,.rank-emblem-stage:before,.rank-emblem-stage:after,.title-shader-fallback,.title-edge-fallback,.card-rift,.player-card:after{animation:none}}