.match-demo-module__YT4ntq__demo{min-width:0;transform:none}.match-demo-module__YT4ntq__match{text-align:center;background:#0d151d;border:1px solid #26333e;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:grid}.match-demo-module__YT4ntq__match>div{min-width:0}.match-demo-module__YT4ntq__match strong{overflow-wrap:anywhere;font-size:12px;display:block}.match-demo-module__YT4ntq__match small{color:#8798a6;margin-top:5px;font-size:9px;display:block}.match-demo-module__YT4ntq__prediction strong{color:#32e879;font-size:28px}.match-demo-module__YT4ntq__prediction span{font-size:11px}.match-demo-module__YT4ntq__players{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.match-demo-module__YT4ntq__card{background:#09121a;border:1px solid #26333e;border-radius:9px;min-width:0;overflow:hidden}.match-demo-module__YT4ntq__heading{background:#1d1e20;border-bottom:1px solid #26333e;align-items:center;gap:9px;min-height:58px;padding:8px 12px;display:flex}.match-demo-module__YT4ntq__avatar{color:#79d5ff;background:linear-gradient(135deg,#283b50,#141b25);border:1px solid #4e6278;border-radius:7px;flex:0 0 35px;place-items:center;height:40px;font-weight:800;display:grid}.match-demo-module__YT4ntq__name{text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.match-demo-module__YT4ntq__streak{color:#2bea79;white-space:nowrap;align-items:center;gap:3px;font-size:12px;font-weight:800;display:inline-flex}.match-demo-module__YT4ntq__streakLoss{color:#ff3959}.match-demo-module__YT4ntq__smurf{text-align:center;color:#96adbf;border:3px solid #2a3c4b;border-radius:50%;flex:0 0 42px;place-content:center;height:42px;line-height:1;display:grid;box-shadow:0 0 10px #3b698733}.match-demo-module__YT4ntq__smurf small{font-size:5px}.match-demo-module__YT4ntq__smurf b{margin-block:2px;font-size:12px}.match-demo-module__YT4ntq__elo{color:#bac1c8;font-variant-numeric:tabular-nums;font-size:14px}.match-demo-module__YT4ntq__level{border:3px solid #343434;border-color:#ffcd25 #343434 #343434 #ffcd25;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:13px;display:grid}.match-demo-module__YT4ntq__maps{align-items:center;gap:12px;padding:10px 12px;display:flex}.match-demo-module__YT4ntq__maps img{object-fit:contain;flex-shrink:0;width:58px;height:58px}.match-demo-module__YT4ntq__maps>div{flex-wrap:wrap;gap:6px 14px;display:flex}.match-demo-module__YT4ntq__maps span{white-space:nowrap;font-size:10px;font-weight:650}.match-demo-module__YT4ntq__maps b{font-weight:500}.match-demo-module__YT4ntq__good{color:#75e88a}.match-demo-module__YT4ntq__bad{color:#ff8058}.match-demo-module__YT4ntq__neutral{color:#94a6b6}.match-demo-module__YT4ntq__skills{background:#0c1822;border:1px solid #254157;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px 12px;display:grid}.match-demo-module__YT4ntq__skills>div{min-width:0}.match-demo-module__YT4ntq__ring{background:conic-gradient(var(--skill-color) var(--skill-value), #293b49 0);border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 5px;display:grid}.match-demo-module__YT4ntq__ring b{width:36px;height:36px;color:var(--skill-color);background:#0c1822;border-radius:50%;place-items:center;font-size:16px;display:grid}.match-demo-module__YT4ntq__skills small{color:#96aabd;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;font-size:8px;font-weight:800;line-height:1.25;display:block}.match-demo-module__YT4ntq__averages{color:#8599aa;flex-wrap:wrap;justify-content:space-around;gap:5px;padding:7px;font-size:8px;display:flex}.match-demo-module__YT4ntq__averages b{color:#c0cbd5;font-size:10px}.match-demo-module__YT4ntq__footer{background:#202020;grid-template-columns:1fr .55fr 2.8fr;display:grid}.match-demo-module__YT4ntq__footer>div{border-right:1px solid #313131;min-width:0;padding:8px}.match-demo-module__YT4ntq__footer>div:last-child{border:0}.match-demo-module__YT4ntq__footer small{color:#949a9e;text-transform:uppercase;margin-bottom:9px;font-size:8px;display:block}.match-demo-module__YT4ntq__footer strong{color:#b5b7ba;white-space:nowrap;font-size:13px;font-weight:500;display:block}.match-demo-module__YT4ntq__footer span{color:#949a9e;margin-top:3px;font-size:8px;display:block}.match-demo-module__YT4ntq__results{gap:3px;padding-top:6px;display:flex}.match-demo-module__YT4ntq__results b{border-radius:4px;place-items:center;width:14px;height:16px;font-size:9px;display:grid}.match-demo-module__YT4ntq__win{color:#002b14;background:#24df78;box-shadow:0 0 7px #24df7833}.match-demo-module__YT4ntq__loss{color:#3d0010;background:#ff3959}.match-demo-module__YT4ntq__recent{grid-template-columns:.75fr 1.2fr 1fr;gap:8px;display:grid}.match-demo-module__YT4ntq__heading{background:#0c131b;flex-wrap:wrap}.match-demo-module__YT4ntq__averages{justify-content:space-between;gap:8px;padding:8px 10px}.match-demo-module__YT4ntq__footer{grid-template-columns:1fr .6fr}.match-demo-module__YT4ntq__footer>div:last-child{border-top:1px solid #313131;grid-column:1/-1}.match-demo-module__YT4ntq__maps>div{gap:6px 10px}@media (max-width:560px){.match-demo-module__YT4ntq__players{grid-template-columns:1fr}}@media (max-width:480px){.match-demo-module__YT4ntq__heading{flex-wrap:wrap;gap:7px}.match-demo-module__YT4ntq__name{min-width:55px}.match-demo-module__YT4ntq__smurf{display:none}.match-demo-module__YT4ntq__maps{gap:8px;padding:9px}.match-demo-module__YT4ntq__maps img{width:46px;height:46px}.match-demo-module__YT4ntq__maps>div{gap:5px 9px}.match-demo-module__YT4ntq__skills{gap:4px;padding:9px 6px}.match-demo-module__YT4ntq__ring{width:36px;height:36px}.match-demo-module__YT4ntq__ring b{width:30px;height:30px;font-size:14px}.match-demo-module__YT4ntq__footer{grid-template-columns:1.2fr .6fr}.match-demo-module__YT4ntq__footer>div:last-child{border-top:1px solid #313131;grid-column:1/-1}}
.role-deck-module__-y4yGa__trigger{color:#eef3f7;cursor:pointer;background:#090d12aa;border:1px solid #0000;border-radius:12px;justify-items:center;gap:6px;min-width:0;padding:12px 4px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.role-deck-module__-y4yGa__trigger:hover,.role-deck-module__-y4yGa__trigger[data-active=true]{border-color:color-mix(in srgb, var(--role-color) 55%, transparent);box-shadow:0 10px 30px color-mix(in srgb, var(--role-color) 14%, transparent);transform:translateY(-4px)}.role-deck-module__-y4yGa__trigger:focus-visible{outline:2px solid var(--role-color);outline-offset:4px}.role-deck-module__-y4yGa__popup{border:1px solid color-mix(in srgb, var(--role-color) 45%, #26333e);background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--role-color) 12%, transparent), transparent 75%), #101720;width:min(320px,100vw - 32px);box-shadow:0 20px 55px #0009, 0 0 30px color-mix(in srgb, var(--role-color) 8%, transparent);color:#eef3f7;border-radius:18px;gap:16px;padding:22px;position:relative;overflow:hidden}.role-deck-module__-y4yGa__header{align-items:center;gap:14px;display:flex}.role-deck-module__-y4yGa__header img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.role-deck-module__-y4yGa__eyebrow{color:var(--role-color);font:750 9px var(--font-geist-mono);letter-spacing:.14em;margin-bottom:5px;display:block}.role-deck-module__-y4yGa__title{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:750}.role-deck-module__-y4yGa__description{color:#adbcc9;margin:0;font-size:14px;line-height:1.65}.role-deck-module__-y4yGa__tags{flex-wrap:wrap;gap:6px;display:flex}.role-deck-module__-y4yGa__tags span{border:1px solid color-mix(in srgb, var(--role-color) 20%, transparent);background:color-mix(in srgb, var(--role-color) 7%, transparent);color:var(--role-color);font:700 9px var(--font-geist-mono);border-radius:6px;padding:5px 7px}.role-deck-module__-y4yGa__accent{background:linear-gradient(90deg, transparent, var(--role-color), transparent);height:2px;position:absolute;top:0;left:22px;right:22px}@media (prefers-reduced-motion:reduce){.role-deck-module__-y4yGa__trigger{transition:none}.role-deck-module__-y4yGa__trigger:hover,.role-deck-module__-y4yGa__trigger[data-popup-open]{transform:none}.role-deck-module__-y4yGa__popup{animation:none}}.role-deck-module__-y4yGa__deck{min-width:0}.role-deck-module__-y4yGa__detailSlot{margin-top:20px}.role-deck-module__-y4yGa__detailSlot .role-deck-module__-y4yGa__popup{box-sizing:border-box;opacity:0;visibility:hidden;flex-direction:column;gap:14px;width:100%;min-height:230px;transition:opacity .18s,transform .18s;display:flex;transform:translateY(6px);box-shadow:0 12px 30px #0004}.role-deck-module__-y4yGa__detailSlot .role-deck-module__-y4yGa__popup[data-visible=true]{opacity:1;visibility:visible;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.role-deck-module__-y4yGa__detailSlot .role-deck-module__-y4yGa__popup{transition:none}.role-deck-module__-y4yGa__trigger[data-active=true]{transform:none}}