@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&display=swap";.login-page{min-height:calc(100vh - var(--header-h));display:grid;place-items:center;padding:var(--section-pad) var(--pad);background:radial-gradient(55rem 55rem at 112% -12%,var(--bg-tint),transparent 60%),radial-gradient(45rem 45rem at -12% 112%,var(--bg-tint),transparent 55%)}.login-card{position:relative;width:min(440px,100%);background:linear-gradient(180deg,var(--surface),#fffdf8);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink-2);padding:clamp(1.9rem,5vw,3rem);overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--muted-2))}.login-badge{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.login-badge svg{width:26px;height:26px}.login-title{margin:0 0 var(--space-1);font-size:clamp(1.8rem,1.4rem + 1.5vw,2.4rem);color:var(--ink)}.login-subtitle{margin:0 0 var(--space-6);color:var(--muted);font-size:.95rem}.login-form{display:grid;gap:var(--space-4)}.login-label{display:grid;gap:var(--space-2);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input{width:100%;padding:var(--space-3);border:1px solid var(--ring);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.login-input--password{padding-right:3.25rem}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.login-input.invalid{border-color:#c0584f;box-shadow:0 0 0 4px #c0584f1f}.login-toggle{position:absolute;right:.5rem;border:none;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;padding:.35rem .5rem;border-radius:var(--radius-sm)}.login-toggle:hover{color:var(--ink)}.login-button{margin-top:var(--space-2);padding:var(--space-3);border:none;border-radius:var(--pill);background:var(--accent);color:var(--on-accent);cursor:pointer;font:inherit;font-weight:600;font-size:1.05rem;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.login-button:hover:not([disabled]){background:#2f2f2e;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.login-button[disabled]{opacity:.6;cursor:not-allowed}.login-error{display:flex;align-items:flex-start;gap:var(--space-2);border:1px solid #c0584f;background:#c0584f14;color:#8f3a33;border-radius:var(--radius-sm);padding:var(--space-3);font-size:.9rem}.login-error svg{flex:0 0 auto;width:18px;height:18px;margin-top:1px}.login-hint{margin:0;color:var(--muted-2);font-size:.82rem;text-align:center}.hub-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1.25rem,5vw,3.5rem);background:var(--surface, #fbf5ea);border-bottom:1px solid var(--line, rgba(66, 66, 65, .12))}.hub-brand{font-size:1.4rem;font-weight:700;text-decoration:none;color:var(--ink, #2e2e2d)}.hub-brand span{color:var(--muted, #6e6e6a)}.hub-actions{display:flex;gap:.6rem}.hub-link{color:var(--ink-2, #424241);text-decoration:none;border:1px solid var(--ring, rgba(66, 66, 65, .18));background:transparent;border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.9rem;cursor:pointer}.hub-link:hover{border-color:var(--accent, #424241)}.hub-main{min-height:calc(100vh - 104px);color:var(--ink-2, #424241);padding-block:clamp(2rem,5vw,3.5rem)}.hub-main h1{color:var(--ink, #2e2e2d);margin-bottom:.5rem}.hub-cards{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.hub-card{display:block;min-width:240px;padding:1.25rem 1.5rem;border:1px solid var(--ring, rgba(66, 66, 65, .18));border-radius:14px;text-decoration:none;color:var(--ink-2, #424241);background:var(--surface, #fbf5ea);transition:border-color .15s ease,transform .15s ease}.hub-card:hover{border-color:var(--accent, #424241);transform:translateY(-2px)}.hub-card strong{font-size:1.1rem}.hub-card-sub{color:var(--muted, #6e6e6a);font-size:.9rem;margin-top:.35rem}.hub-footer{border-top:1px solid var(--line, rgba(66, 66, 65, .12));padding:1rem clamp(1.25rem,5vw,3.5rem);color:var(--muted, #6e6e6a);font-size:.8rem;text-align:center}.hub-card--deadlock{color:#e7ecf3;background:radial-gradient(360px 140px at 85% -20%,rgba(224,121,46,.18) 0%,transparent 60%),radial-gradient(360px 140px at 10% -20%,rgba(61,139,255,.16) 0%,transparent 60%),linear-gradient(180deg,#1a202b,#12161e);border:1px solid rgba(217,164,65,.35)}.hub-card--deadlock .hub-card-sub{color:#93a0b4}.hub-card--deadlock:hover{border-color:#d9a441;box-shadow:0 6px 24px #d9a44138;transform:translateY(-2px)}.dl{--dl-bg: #0e1116;--dl-surface: #171c24;--dl-surface-2: #1f2733;--dl-line: rgba(255, 255, 255, .08);--dl-text: #e7ecf3;--dl-muted: #93a0b4;--dl-gold: #d9a441;--dl-good: #43c478;--dl-bad: #e5604d;--dl-hk: #e0792e;--dl-am: #3d8bff;background:radial-gradient(900px 480px at 12% -8%,rgba(224,121,46,.1) 0%,transparent 55%),radial-gradient(900px 480px at 88% -8%,rgba(61,139,255,.12) 0%,transparent 55%),radial-gradient(1200px 600px at 70% -10%,#1a2330 0%,var(--dl-bg) 60%);color:var(--dl-text);min-height:100vh;padding:clamp(1rem,3vw,2.5rem);box-sizing:border-box}.dl *{box-sizing:border-box}.dl-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1500px;margin:0 auto 1.5rem}.dl-title{margin:0;font-size:clamp(1.4rem,1rem + 2vw,2.1rem);letter-spacing:.5px}.dl-title span{color:var(--dl-gold)}.dl-topbar-links{display:flex;gap:.75rem}.dl-link{color:var(--dl-muted);text-decoration:none;border:1px solid var(--dl-line);padding:.45rem .8rem;border-radius:8px;font-size:.85rem;background:var(--dl-surface);cursor:pointer}.dl-link:hover{color:var(--dl-text);border-color:var(--dl-gold)}.dl-header{position:sticky;top:0;z-index:30;margin:calc(-1*clamp(1rem,3vw,2.5rem)) calc(-1*clamp(1rem,3vw,2.5rem)) 1.5rem;padding:.7rem clamp(1rem,3vw,2.5rem);background:#0e1116eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--dl-line)}.dl-header-inner{max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.dl-brand{font-size:clamp(1.25rem,1rem + 1.2vw,1.7rem);font-weight:700;letter-spacing:.5px;text-decoration:none;color:var(--dl-text)}.dl-brand span{color:var(--dl-gold)}.dl-footer{max-width:1500px;margin:2.5rem auto 0;padding-top:1rem;border-top:1px solid var(--dl-line);color:var(--dl-muted);font-size:.8rem;text-align:center}.dl-footer a{color:var(--dl-gold)}.dl-wrap{max-width:1500px;margin:0 auto;padding:0 1.25rem}.dl-viewnav{display:flex;gap:.25rem;border-bottom:1px solid var(--dl-line);margin-bottom:1rem}.dl-viewtab{background:transparent;border:none;color:var(--dl-muted);padding:.6rem 1rem;cursor:pointer;font:inherit;font-size:.95rem;border-bottom:2px solid transparent;margin-bottom:-1px}.dl-viewtab:hover{color:var(--dl-text)}.dl-viewtab.active{color:var(--dl-gold);border-bottom-color:var(--dl-gold);font-weight:600}.dl-header-card{margin-bottom:1rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.dl-header-card .dl-profile{flex:1 1 480px}.dl-header-extra{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.dl-tophero-block{min-width:200px}.dl-tophero-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.dl-tophero{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--dl-text)}.dl-tophero:hover .dl-tophero-name{color:var(--dl-good)}.dl-tophero img,.dl-tophero-ph{width:34px;height:34px;border-radius:7px;object-fit:cover;background:var(--dl-bg);border:1px solid var(--dl-line);flex:0 0 auto}.dl-tophero-name{font-size:.88rem;font-weight:600}.dl-headradar{min-width:210px}.dl-analyse-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.dl-select{background:var(--dl-surface-2);color:var(--dl-text);border:1px solid var(--dl-line);border-radius:8px;padding:.4rem .6rem;font:inherit;font-size:.85rem}.dl-filters{display:flex;gap:.6rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.dl-graph-pick{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}.dl-matchlist{display:flex;flex-direction:column;gap:.35rem;max-height:70vh;overflow-y:auto}.dl-hero-row:hover{background:var(--dl-surface-2)}.dl-hero-link{color:var(--dl-text);text-decoration:none;cursor:pointer}.dl-hero-link:hover{color:var(--dl-good)}.dl-build{display:flex;flex-wrap:wrap;gap:.6rem}.dl-build-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:84px;padding:.5rem .3rem;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;text-align:center}.dl-build-icon{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--dl-bg)}.dl-build-name{font-size:.72rem;line-height:1.1;color:var(--dl-text)}.dl-build-pct{font-size:.72rem;color:var(--dl-good);font-weight:600}.dl-tierlist{display:flex;flex-direction:column;gap:.4rem}.dl-tierrow{display:flex;align-items:stretch;gap:.5rem;background:var(--dl-surface-2);border-radius:10px;overflow:hidden}.dl-tierbadge{flex:0 0 56px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#11161f}.dl-tierbadge--wide{flex-basis:120px;font-size:.9rem;text-align:center;padding:0 .4rem;line-height:1.1}.dl-tierrow.tier-S .dl-tierbadge{background:#2ecc71}.dl-tierrow.tier-A .dl-tierbadge{background:#7bd44a}.dl-tierrow.tier-B .dl-tierbadge{background:#c4c93f}.dl-tierrow.tier-C .dl-tierbadge{background:#e0b53f}.dl-tierrow.tier-D .dl-tierbadge{background:#e08a3f}.dl-tierrow.tier-F .dl-tierbadge{background:#e5604d}.dl-tierheroes{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;flex:1}.dl-tierhero{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none}.dl-tierhero img,.dl-tierhero-ph{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--dl-bg);border:1px solid var(--dl-line)}.dl-tierhero:hover img{border-color:var(--dl-good)}.dl-tierhero-wr{font-size:.68rem;color:var(--dl-muted);font-variant-numeric:tabular-nums}.dl-grade{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:26px;height:26px;padding:0 6px;border-radius:7px;font-weight:800;font-size:.9rem;color:#11161f;flex:0 0 auto;position:relative}.dl-grade-num{font-size:.68rem;font-weight:700;opacity:.75}.dl-grade.grade-S{background:#2ecc71}.dl-grade.grade-A{background:#7bd44a}.dl-grade.grade-B{background:#c4c93f}.dl-grade.grade-C{background:#e0b53f}.dl-grade.grade-D{background:#e08a3f}.dl-grade.grade-E{background:#e5734a}.dl-grade.grade-F{background:#e5604d}.dl-pp-delta{font-size:.66rem;font-weight:800;margin-left:2px}.dl-pp-delta.good{color:#0a3d1f}.dl-pp-delta.bad{color:#4d1410}.dl-grade-pop{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);z-index:60;display:none;flex-direction:column;gap:.4rem;min-width:200px;padding:.6rem .7rem;background:#1b2330;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 28px #00000073;color:#e7ecf3;cursor:default;text-align:left;font-weight:500}.dl-grade:hover .dl-grade-pop,.dl-grade:focus-within .dl-grade-pop{display:flex}.dl-grade-pop:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#1b2330}.dl-gp-grades{display:flex;align-items:center;justify-content:center;gap:.55rem}.dl-gp-col{display:flex;flex-direction:column;align-items:center;gap:.2rem}.dl-gp-lab{font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:#8a96a8;font-weight:700}.dl-gp-num{font-size:.66rem;color:#93a0b4;font-weight:700}.dl-grade.sm{height:22px;min-width:22px;font-size:.78rem}.dl-gp-arrow{color:#6b7689;font-size:1.1rem;font-weight:800}.dl-gp-perf{font-size:.82rem;color:#cfd7e3;text-align:center}.dl-gp-perf b{color:#d9a441}.dl-gp-sub{font-size:.72rem;color:#8a96a8;text-align:center}.dl-gp-impact{display:flex;justify-content:center;gap:.7rem;font-size:.85rem;font-weight:800}.dl-gp-impact .good{color:var(--dl-good)}.dl-gp-impact .bad{color:var(--dl-bad)}.dl-gp-foot{font-size:.62rem;color:#6b7689;text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:.35rem}.dl-mvpbar{display:inline-flex;align-items:center;gap:.55rem;margin-left:auto;flex-wrap:wrap}.dl-mvpbar .dl-grade{height:24px;min-width:26px;font-size:.85rem}.dl-mvprank{font-size:.8rem;font-weight:700;color:#93a0b4}.dl-ppimpact{font-size:.85rem;font-weight:800}.dl-ppimpact.good{color:var(--dl-good)}.dl-ppimpact.bad{color:var(--dl-bad)}.dl-mvp-perf{font-size:.78rem;color:#93a0b4}.dl-muted{color:#6b7689}.dl-matchid{opacity:.7;font-variant-numeric:tabular-nums}.dl-profile-pp{display:inline-flex;align-items:center;gap:.5rem;margin-top:.25rem}.dl-pp-rank{font-weight:800;color:#d9a441;font-size:.95rem}.dl-pp-val{font-size:.8rem;color:var(--dl-muted);font-weight:700}.dl-heropp{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem 1.2rem;margin-top:.9rem}.dl-heropp-row{display:flex;align-items:center;gap:.5rem;font-size:.86rem}.dl-heropp-row img{width:26px;height:26px;border-radius:6px}.dl-heropp-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-heropp-pp{font-weight:800;color:#d9a441}.dl-heropp-rank{font-size:.74rem;color:#93a0b4;min-width:72px;text-align:right}.dl-gradedist{display:flex;gap:.5rem;align-items:flex-end;height:140px}.dl-gradecol{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;height:100%;justify-content:flex-end}.dl-gradebar-wrap{width:100%;height:90px;display:flex;align-items:flex-end}.dl-gradebar{width:100%;border-radius:6px 6px 0 0;min-height:3px}.dl-gradebar.tier-S{background:#2ecc71}.dl-gradebar.tier-A{background:#7bd44a}.dl-gradebar.tier-B{background:#c4c93f}.dl-gradebar.tier-C{background:#e0b53f}.dl-gradebar.tier-D{background:#e08a3f}.dl-gradebar.tier-F{background:#e5604d}.dl-rank-info{margin-left:.4rem;color:var(--dl-muted);cursor:help;font-size:.85rem}.dl-rank-info:hover{color:var(--dl-text)}.dl-period{margin-left:auto}.dl-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.dl-record{text-align:left;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-left-width:3px;border-radius:10px;padding:.6rem .7rem;color:var(--dl-text);font:inherit;cursor:pointer}.dl-record:hover{border-color:var(--dl-gold)}.dl-record.win{border-left-color:var(--dl-good)}.dl-record.loss{border-left-color:var(--dl-bad)}.dl-record-lbl{font-size:.75rem;color:var(--dl-muted)}.dl-record-val{font-size:1.5rem;font-weight:800}.dl-record-hero{display:flex;align-items:center;gap:.35rem;font-size:.82rem;margin-top:.15rem}.dl-record-hero img{width:22px;height:22px;border-radius:5px;object-fit:cover}.dl-vsavg{margin-bottom:1rem}.dl-vsavg-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.dl-vsavg-cell{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:8px;padding:.5rem;text-align:center}.dl-vsavg-lbl{font-size:.72rem;color:var(--dl-muted)}.dl-vsavg-val{font-size:1.1rem;font-weight:700}.dl-streaks{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.dl-stat-value.bad{color:var(--dl-bad)}.dl-cal-wrap{position:relative}.dl-cal{display:flex;gap:3px;overflow-x:auto;padding-bottom:.5rem}.dl-cal-week{display:flex;flex-direction:column;gap:3px}.dl-cal-cell{width:12px;height:12px;border-radius:2px;transition:outline .08s}.dl-cal-cell:hover{outline:1.5px solid rgba(255,255,255,.7);outline-offset:1px}.dl-cal-tip{position:fixed;z-index:1000;pointer-events:none;background:#1f2733;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:.5rem .65rem;min-width:130px;box-shadow:0 6px 20px #00000073;font-size:.82rem}.dl-cal-tip-date{font-weight:700;color:#e7ecf3;margin-bottom:.3rem;text-transform:capitalize}.dl-cal-tip-row{display:flex;justify-content:space-between;gap:1rem;color:#93a0b4;line-height:1.5}.dl-cal-tip-row b{color:#e7ecf3}.dl-cal-tip-row.good b{color:var(--dl-good)}.dl-cal-tip-row.bad b{color:var(--dl-bad)}.dl-sb tbody tr.me{background:#d9a4411f}.dl-sb-items{display:flex;flex-wrap:wrap;gap:2px}.dl-sb-items img,.dl-sb-item-ph{width:24px;height:24px;border-radius:4px;object-fit:cover}.dl-sb-item-ph{background:var(--dl-line);display:inline-block}.dl-sb td .dl-grade{font-size:.82rem;min-width:30px;height:24px}.dl-sb{table-layout:fixed;width:100%}.dl-sb th,.dl-sb td{overflow:hidden}.dl-sb th:nth-child(1){width:38px}.dl-sb th:nth-child(2){width:178px}.dl-sb th:nth-child(3){width:54px}.dl-sb th:nth-child(4){width:78px}.dl-sb th:nth-child(5){width:58px}.dl-sb th:nth-child(6){width:52px}.dl-sb th:nth-child(7){width:52px}.dl-sb th:nth-child(8){width:56px}.dl-sb th:nth-child(9){width:52px}.dl-sb th:nth-child(10){width:50px}.dl-sb th:nth-child(11){width:46px}.dl-sb .dl-hero-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-ps-pick{display:flex;gap:.35rem;flex-wrap:wrap}.dl-ps-chip{width:38px;height:38px;padding:0;border-radius:8px;cursor:pointer;border:1px solid var(--dl-line);background:var(--dl-surface-2);overflow:hidden}.dl-ps-chip img{width:100%;height:100%;object-fit:cover}.dl-ps-chip.active{border-color:var(--dl-gold);box-shadow:0 0 0 2px #d9a44159}.dl-ps-chip.me{outline:1px solid rgba(217,164,65,.5)}.dl-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.dl-tab{border:1px solid var(--dl-line);background:var(--dl-surface);color:var(--dl-muted);padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.9rem}.dl-tab:hover{color:var(--dl-text)}.dl-tab.active{background:var(--dl-gold);color:#16110a;border-color:var(--dl-gold);font-weight:600}.dl-refresh{color:var(--dl-gold);border-color:#d9a44166}.dl-refresh:disabled{opacity:.6;cursor:default}.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dl-card{background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:14px;padding:1.25rem}.dl-card.span2{grid-column:1 / -1}.dl-card h2{margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--dl-muted)}.dl-profile{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.dl-avatar{width:84px;height:84px;border-radius:12px;border:2px solid var(--dl-gold);object-fit:cover}.dl-profile-name{font-size:1.5rem;font-weight:700}.dl-profile-rank{display:flex;align-items:center;gap:.5rem;color:var(--dl-muted);margin-top:.25rem}.dl-sync{font-size:.72rem;color:var(--dl-muted);margin-top:.4rem;opacity:.8}.dl-rank-badge{width:40px;height:40px;object-fit:contain}.dl-profile-stats{display:flex;gap:1.75rem;margin-left:auto;flex-wrap:wrap}.dl-stat{text-align:center}.dl-stat-value{font-size:1.6rem;font-weight:700}.dl-stat-value.good{color:var(--dl-good)}.dl-stat-label{font-size:.75rem;color:var(--dl-muted);text-transform:uppercase;letter-spacing:1px}.dl-match{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:.75rem;padding:.55rem .6rem;border-radius:10px;border-left:3px solid transparent;position:relative}.dl-liveall{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}@media (max-width: 900px){.dl-liveall{grid-template-columns:1fr}}.dl-liveall-col{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.55rem .65rem}.dl-liveall-row{display:grid;grid-template-columns:26px minmax(80px,1fr) auto auto minmax(120px,1.4fr);align-items:center;gap:.45rem;width:100%;text-align:left;background:transparent;border:none;border-left:3px solid transparent;color:var(--dl-text);cursor:pointer;padding:.22rem .3rem;border-radius:8px}.dl-liveall-row:hover{background:#ffffff0a}.dl-liveall-row.sel{background:#d9a4411a;border-left-color:var(--dl-gold)}.dl-liveall-row.me .dl-liveall-name{color:var(--dl-gold)}.dl-liveall-hero{width:26px;height:26px;border-radius:6px;object-fit:cover}.dl-liveall-name{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-liveall-kda{font-size:.8rem;color:var(--dl-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dl-liveall-souls{font-size:.84rem;font-weight:800;color:#d9a441;font-variant-numeric:tabular-nums}.dl-liveall-items{display:flex;flex-wrap:wrap;gap:2px}.dl-liveall-items img{width:18px;height:18px;border-radius:4px;object-fit:cover}.dl-bm-form{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.8rem}.dl-bm-form .dl-input{flex:1 1 160px}.dl-bm-cat{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.55rem .65rem;margin-bottom:.5rem;cursor:pointer}.dl-bm-cat.sel{border-color:var(--dl-gold)}.dl-bm-cathead{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.dl-bm-catname{background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.2);color:var(--dl-text);font-weight:700;font-size:.92rem;flex:1;min-width:0;padding:.1rem 0}.dl-bm-catname:focus{outline:none;border-bottom-color:var(--dl-gold)}.dl-bm-catitems{display:flex;flex-wrap:wrap;gap:.3rem;min-height:34px;align-items:center}.dl-bm-item{display:inline-flex;cursor:pointer}.dl-bm-item img{width:32px;height:32px;border-radius:7px;object-fit:cover;border:2px solid transparent}.dl-bm-item.tier-1 img{border-color:#6b7689}.dl-bm-item.tier-2 img{border-color:#43c478}.dl-bm-item.tier-3 img{border-color:#5b9bd5}.dl-bm-item.tier-4 img{border-color:#c8b6e8}.dl-bm-item.tier-5 img{border-color:#d9a441}.dl-bm-item:hover img{filter:brightness(.6) saturate(.4)}.dl-bm-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.4rem}.dl-bm-invest{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:.4rem}.dl-bm-invest-total{font-weight:800;font-size:1.05rem;color:#d9a441}.dl-bm-invest-chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid;border-radius:7px;padding:.12rem .5rem;font-size:.82rem;font-weight:700}.dl-bm-invest-chip i{width:8px;height:8px;border-radius:2px;display:inline-block}.dl-bm-investbar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--dl-bg);margin-bottom:.8rem}.dl-bm-stattabs{display:inline-flex;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:8px;overflow:hidden;margin-bottom:.6rem}.dl-bm-stattab{background:transparent;border:none;color:var(--dl-muted);padding:.35rem .9rem;font-size:.85rem;font-weight:700;cursor:pointer}.dl-bm-stattab.active{color:#11161f;background:var(--dl-gold)}.dl-bm-stattable td{padding:.3rem .45rem}.dl-shop-weapon h2{color:#e0843f}.dl-shop-vitality h2{color:#43c478}.dl-shop-spirit h2{color:#c8b6e8}.dl-shop-tier{margin-top:.9rem}.dl-shop-tierhead{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.dl-shop-tierprice{font-weight:900;font-size:1rem;color:#43e0a0;background:#00000059;border:1px solid rgba(67,224,160,.4);border-radius:6px;padding:.08rem .5rem}.dl-shop-tiername{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:var(--dl-muted)}.dl-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.45rem}.dl-shop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-top:3px solid transparent;border-radius:9px;padding:.5rem .35rem .45rem;color:var(--dl-text);cursor:pointer}.dl-shop-card.slot-weapon{border-top-color:#e0843f}.dl-shop-card.slot-weapon:hover{background:#e0843f1f}.dl-shop-card.slot-vitality{border-top-color:#43c478}.dl-shop-card.slot-vitality:hover{background:#43c4781f}.dl-shop-card.slot-spirit{border-top-color:#c8b6e8}.dl-shop-card.slot-spirit:hover{background:#c8b6e81f}.dl-shop-card>img{width:46px;height:46px;border-radius:8px;object-fit:cover}.dl-shop-cardname{font-size:.72rem;font-weight:700;text-align:center;line-height:1.15}.dl-shop-badge{position:absolute;top:4px;left:4px;font-size:.55rem;font-weight:900;letter-spacing:.04em;background:#11161f;color:#e7ecf3;border-radius:4px;padding:.06rem .3rem}.dl-shop-badge.imbue{left:auto;right:4px;background:#6b4ea0}.dl-shop-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);z-index:80;display:none;flex-direction:column;width:240px;text-align:left;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px #0000008c;cursor:default}.dl-shop-card:hover .dl-shop-tip{display:flex}.dl-shop-tip.slot-weapon .dl-shop-tipname{background:#b5651d}.dl-shop-tip.slot-vitality .dl-shop-tipname{background:#2e8b50}.dl-shop-tip.slot-spirit .dl-shop-tipname{background:#8e6ab8}.dl-shop-tipname{font-weight:900;font-size:.95rem;color:#fff;padding:.5rem .65rem .15rem}.dl-shop-tipcost{font-weight:800;color:#43e0a0;padding:0 .65rem .45rem}.dl-shop-tip.slot-weapon .dl-shop-tipcost{background:#b5651d}.dl-shop-tip.slot-vitality .dl-shop-tipcost{background:#2e8b50}.dl-shop-tip.slot-spirit .dl-shop-tipcost{background:#8e6ab8}.dl-shop-tipstats{display:flex;flex-direction:column;gap:.15rem;background:#1b2330;padding:.5rem .65rem;font-size:.82rem;color:#e7ecf3}.dl-shop-tipstats b{color:#fff}.dl-shop-tippath{background:#141a24;padding:.45rem .65rem;display:flex;flex-direction:column;gap:.25rem}.dl-shop-tiplab{font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8a96a8}.dl-shop-tipitem{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#e7ecf3}.dl-shop-tipitem img{width:20px;height:20px;border-radius:4px;object-fit:cover}.dl-mcard{position:relative;border-radius:10px;border-left:3px solid transparent;padding:.55rem .6rem}.dl-mcard+.dl-mcard{margin-top:.4rem}.dl-mcard.win{background:#43c47814;border-left-color:var(--dl-good)}.dl-mcard.loss{background:#e5604d14;border-left-color:var(--dl-bad)}.dl-mcard-top{display:grid;grid-template-columns:36px 1fr auto auto auto auto auto;align-items:center;gap:.75rem}.dl-mcard-res{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-left:.35rem}.dl-mcard-res.win{color:var(--dl-good)}.dl-mcard-res.loss{color:var(--dl-bad)}.dl-mcard-mid{text-align:right}.dl-mcard-lobby{display:flex;flex-direction:column;align-items:center;line-height:1.15}.dl-mcard-lobbyrank{font-size:.78rem;font-weight:800;color:#c8b6e8;white-space:nowrap}.dl-mcard-place{font-size:.8rem;font-weight:800;color:#d9a441;background:#d9a4411f;border:1px solid rgba(217,164,65,.35);border-radius:6px;padding:.1rem .4rem}.dl-mcard-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem 1.1rem;margin-top:.45rem;padding-left:calc(36px + .75rem)}.dl-mcard-abilities{display:inline-flex;align-items:center;gap:.15rem}.dl-mcard-abilities .dl-ability-ic{width:24px;height:24px}.dl-mcard-build{display:inline-flex;flex-wrap:wrap;gap:3px}.dl-mcard-build img{width:22px;height:22px;border-radius:5px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}@media (max-width: 860px){.dl-mcard-top{grid-template-columns:36px 1fr auto auto}.dl-mcard-lobby,.dl-mcard-place{display:none}.dl-mcard-bottom{padding-left:0}}.dl-mprev{position:absolute;left:46px;top:calc(100% + 4px);z-index:70;width:min(640px,calc(100vw - 90px));background:#1b2330;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 30px #00000080;padding:.65rem .75rem;cursor:default}.dl-mprev-cols{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media (max-width: 700px){.dl-mprev-cols{grid-template-columns:1fr}}.dl-mprev-team{font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.dl-mprev-row{display:grid;grid-template-columns:22px minmax(70px,1fr) auto auto;align-items:center;gap:.4rem;padding:.12rem 0}.dl-mprev-hero{width:22px;height:22px;border-radius:5px;object-fit:cover;background:#ffffff0f}.dl-mprev-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-mprev-kda{font-size:.76rem;color:var(--dl-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.dl-mprev-items{display:flex;gap:2px}.dl-mprev-items img{width:16px;height:16px;border-radius:3px;object-fit:cover}.dl-match+.dl-match{margin-top:.35rem}.dl-match.win{background:#43c47814;border-left-color:var(--dl-good)}.dl-match.loss{background:#e5604d14;border-left-color:var(--dl-bad)}.dl-hero-icon{width:36px;height:36px;border-radius:8px;object-fit:cover;background:var(--dl-surface-2)}.dl-match-hero{font-weight:600}.dl-match-sub{font-size:.75rem;color:var(--dl-muted)}.dl-kda{font-variant-numeric:tabular-nums}.dl-result{font-weight:700;font-size:.8rem;text-transform:uppercase}.dl-result.win{color:var(--dl-good)}.dl-result.loss{color:var(--dl-bad)}.dl-table{width:100%;border-collapse:collapse;font-size:.9rem}.dl-table th,.dl-table td{text-align:right;padding:.5rem .6rem}.dl-table th:first-child,.dl-table td:first-child{text-align:left}.dl-table thead th{color:var(--dl-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--dl-line)}.dl-table tbody tr{border-bottom:1px solid var(--dl-line)}.dl-table tbody tr:hover{background:var(--dl-surface-2)}.dl-hero-cell{display:flex;align-items:center;gap:.6rem}.dl-hero-cell img{width:28px;height:28px;border-radius:6px}.dl-num{font-variant-numeric:tabular-nums}.dl-match--click{cursor:pointer;transition:background .15s ease}.dl-match--click:hover{filter:brightness(1.25)}.dl-modal-overlay{position:fixed;inset:0;z-index:50;background:#000000a6;display:grid;place-items:center;padding:1rem}.dl-modal{position:relative;width:min(1240px,96vw);max-height:92vh;overflow-y:auto;background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:14px;padding:1.5rem 1.75rem;background-image:linear-gradient(90deg,var(--dl-hk) 0%,var(--dl-hk) 42%,var(--dl-am) 58%,var(--dl-am) 100%),linear-gradient(var(--dl-surface),var(--dl-surface));background-repeat:no-repeat;background-size:100% 3px,100% 100%;background-position:top left,top left}.dl-modal-close{position:absolute;top:.75rem;right:.75rem;border:1px solid var(--dl-line);background:var(--dl-surface-2);color:var(--dl-muted);border-radius:8px;cursor:pointer;width:32px;height:32px;font-size:.9rem}.dl-modal-close:hover{color:var(--dl-text)}.dl-chartfull{width:96vw;max-width:96vw}.dl-modal-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;padding-right:3rem}.dl-modal-head .dl-result{font-size:1.1rem}.dl-team{margin-bottom:1rem}.dl-team-head{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--dl-muted);margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid var(--dl-line)}.dl-pl{display:grid;grid-template-columns:30px 32px 28px 1fr auto auto auto;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:8px}.dl-pl+.dl-pl{margin-top:.2rem}.dl-pl.me{background:#d9a4411f;outline:1px solid rgba(217,164,65,.35)}.dl-pl-av{width:32px;height:32px;border-radius:6px;object-fit:cover;background:var(--dl-surface-2)}.dl-pl-hero{width:28px;height:28px;border-radius:6px;object-fit:cover}.dl-pl-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-pl-heroname{font-size:.78rem;color:var(--dl-muted)}.dl-place{font-size:.8rem;font-weight:700;color:var(--dl-muted)}.dl-place.top{color:var(--dl-gold)}.dl .good{color:var(--dl-good)}.dl .bad{color:var(--dl-bad)}.dl-awards{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.dl-award{font-size:.78rem;padding:.25rem .6rem;border-radius:999px;background:var(--dl-surface-2);border:1px solid var(--dl-line);color:var(--dl-text)}.dl-dmgsrc{margin-top:1rem}.dl-dmgrow{display:grid;grid-template-columns:22px 110px 1fr 42px;align-items:center;gap:.6rem;margin-bottom:.3rem}.dl-dmgicon{width:22px;height:22px;border-radius:5px;object-fit:cover;background:var(--dl-bg)}.dl-dmgicon--ph{display:inline-block;border:1px solid var(--dl-line)}.dl-dmgname{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-dmgbar{background:var(--dl-surface-2);border-radius:4px;height:12px;overflow:hidden}.dl-dmgbar i{display:block;height:100%;background:var(--dl-gold)}.dl-dmgbar.heal i{background:#43c478}.dl-dmgsplit{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-top:.6rem}.dl-dmgsplit-chart{flex:1 1 360px;min-width:0;height:300px}.dl-dmgsrclist{flex:1 1 300px}.dl-dmgsrcrow{display:grid;grid-template-columns:12px 22px 1fr auto auto;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem}.dl-dmgswatch{width:12px;height:12px;border-radius:3px;display:inline-block}.dl-dmgsrcrow .dl-dmgpct{color:var(--dl-muted);min-width:38px;text-align:right}.dl-killtypes{display:flex;gap:.6rem;margin-top:1rem}.dl-kt{flex:1;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:8px;padding:.5rem;text-align:center}.dl-kt-val{font-size:1.2rem;font-weight:700}.dl-kt-lbl{font-size:.72rem;color:var(--dl-muted)}.dl-dmgpct{text-align:right;font-size:.8rem;color:var(--dl-muted)}.dl-killmap{position:relative;width:min(440px,100%);aspect-ratio:1 / 1;margin:0 auto;background-size:cover;background-position:center;border-radius:12px;border:1px solid var(--dl-line)}.dl-kmdot{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,0,0,.55);box-shadow:0 0 4px #00000080}.dl-kmdot.kill{background:var(--dl-good)}.dl-kmdot.death{background:var(--dl-bad);width:13px;height:13px}.dl-hmdot{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);opacity:.5;mix-blend-mode:screen}.dl-hmdot.kill{background:#43c478;box-shadow:0 0 6px 2px #43c47880}.dl-hmdot.death{background:#e5604d;box-shadow:0 0 6px 2px #e5604d80}.dl-buildphases{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.75rem}@media (max-width: 760px){.dl-buildphases{grid-template-columns:1fr}}.dl-buildphase{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.6rem .7rem;border-top:2px solid var(--dl-line)}.dl-phase-early{border-top-color:#43c478}.dl-phase-mid{border-top-color:var(--dl-gold)}.dl-phase-end{border-top-color:var(--dl-am)}.dl-buildphase-head{font-weight:700;margin-bottom:.5rem;font-size:.95rem}.dl-builditem{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.dl-builditem img,.dl-builditem-ph{width:30px;height:30px;border-radius:6px;flex-shrink:0;object-fit:cover;background:#ffffff0f}.dl-builditem-name{flex:1;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-builditem-pct{color:var(--dl-muted);font-size:.85rem}.dl-ability-row{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem;margin-top:.35rem}.dl-ability{display:inline-flex;align-items:center;gap:.15rem}.dl-ability-arrow{color:var(--dl-muted);font-size:.8rem;margin:0 .1rem}.dl-ability-ic{width:30px;height:30px;border-radius:7px;object-fit:cover;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.dl-ability-lvl{font-size:.72rem;font-weight:800;color:#d9a441;min-width:12px}.dl-advmatch-form{display:flex;gap:.6rem;flex-wrap:wrap}.dl-advmatch-form .dl-input{flex:1 1 240px;max-width:340px}.dl-advrecent{display:flex;flex-wrap:wrap;gap:.45rem}.dl-advrecent-chip{background:var(--dl-surface-2);border:1px solid var(--dl-line);color:var(--dl-text);border-radius:8px;padding:.4rem .7rem;cursor:pointer;font-variant-numeric:tabular-nums}.dl-advrecent-chip:hover{border-color:var(--dl-gold)}.dl-live{margin-top:.8rem;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.7rem .85rem}.dl-live-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem;flex-wrap:wrap}.dl-live-head img{width:28px;height:28px;border-radius:6px}.dl-live-tiles{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin-bottom:.55rem}.dl-live-items{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;min-height:32px}.dl-live-item{width:30px;height:30px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.dl-live-item.sold{opacity:.35;filter:grayscale(.8)}.dl-live-item.fresh{border-color:#d9a441;box-shadow:0 0 8px #d9a44180}.dl-live-graphrow{display:flex;align-items:center;gap:.7rem;margin-bottom:.3rem;flex-wrap:wrap}.dl-pplegend-wrap{margin-top:.7rem}.dl-pplegend-wrap>summary{cursor:pointer;color:var(--dl-muted);font-size:.88rem}.dl-pplegend{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.4rem;margin-top:.55rem}.dl-pplegend-card{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:8px;padding:.4rem .55rem}.dl-pplegend-card.here{border-color:#d9a441;background:#d9a44114}.dl-pplegend-name{font-weight:700;font-size:.9rem}.dl-pplegend-you{color:#d9a441;font-weight:800}.dl-feedback{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.7rem .85rem;margin-bottom:1rem}.dl-feedback-title{font-weight:700;margin-bottom:.55rem}.dl-feedback-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.dl-feedback-cols{grid-template-columns:1fr}}.dl-feedback-head{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.dl-feedback-head.good{color:var(--dl-good)}.dl-feedback-head.bad{color:var(--dl-bad)}.dl-feedback-bit{display:flex;justify-content:space-between;gap:.5rem;font-size:.88rem;padding:.12rem 0}.dl-feedback-lab{color:var(--dl-text)}.dl-feedback-pts{font-weight:800;font-variant-numeric:tabular-nums}.dl-feedback-pts.good{color:var(--dl-good)}.dl-feedback-pts.bad{color:var(--dl-bad)}.dl-hm-time{width:min(440px,100%);margin:.6rem auto 0}.dl-hm-slider{width:100%;accent-color:var(--dl-gold);cursor:pointer}.dl-hm-time-lbl{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.2rem;font-size:.85rem}.dl-hm-time-lbl b{color:var(--dl-text)}.dl-replay{display:flex;flex-direction:column;gap:.7rem}.dl-replay-main{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.dl-replay-left{flex:1 1 460px;display:flex;flex-direction:column;gap:.7rem}.dl-replay-map{position:relative;width:100%;max-width:520px;aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:12px;border:1px solid var(--dl-line)}.dl-ps-all{font-weight:700;color:var(--dl-muted);display:flex;align-items:center;justify-content:center}.dl-rdot{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;background-size:cover;background-position:center;background-color:var(--dl-surface-2);box-shadow:0 0 4px #0009;transition:left .1s linear,top .1s linear,opacity .2s,width .15s,height .15s;cursor:pointer}.dl-rdot.me{width:20px;height:20px;z-index:3;box-shadow:0 0 0 2px #d9a441,0 0 6px #000000b3}.dl-rdot.sel{width:30px;height:30px;z-index:5;border-color:#fff;box-shadow:0 0 0 3px var(--dl-good),0 0 8px #000c}.dl-obj{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(0,0,0,.65);z-index:1;font-size:8px;font-weight:800;color:#11161f;line-height:1;box-shadow:0 0 3px #000000b3}.dl-obj-tier1{width:13px;height:13px}.dl-obj-tier2{width:17px;height:17px;border-radius:5px;font-size:9px}.dl-obj-titan{width:16px;height:16px;border-radius:50%}.dl-obj-core{width:19px;height:19px;border-radius:50%;font-size:11px}.dl-obj-midboss{width:18px;height:18px;border-radius:50%;box-shadow:0 0 6px #c8b6e8b3}.dl-obj-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-top:.5rem;font-size:.78rem;color:var(--dl-text)}.dl-obj-legend span{display:inline-flex;align-items:center;gap:.3rem}.dl-objleg{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;background:#9fb6c9;color:#11161f;font-size:9px;font-weight:800;border:1.5px solid rgba(0,0,0,.5);font-style:normal}.dl-objleg.dl-obj-core,.dl-objleg.dl-obj-titan{background:#e7ecf3;border-radius:50%;transform:none;position:static;box-shadow:none}.dl-objleg.dl-obj-midboss{background:#c8b6e8;border-radius:50%;transform:none;position:static;box-shadow:none}.dl-rkill{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e5604de6,#e5604d00 70%);z-index:2;animation:dl-killflash .6s ease-out infinite alternate}@keyframes dl-killflash{0%{opacity:.4}to{opacity:1}}.dl-replay-ctrl{display:flex;align-items:center;gap:.6rem}.dl-replay-slider{flex:1;accent-color:var(--dl-good);cursor:pointer}.dl-replay-time{white-space:nowrap;font-variant-numeric:tabular-nums}.dl-replay-play{background:var(--dl-surface-2);color:var(--dl-text);border:1px solid var(--dl-line);border-radius:8px;padding:.35rem .7rem;font-size:.95rem;min-width:2.4rem;cursor:pointer}.dl-replay-play:hover{border-color:var(--dl-good)}.dl-replay-log{flex:1 1 320px;max-height:560px;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.dl-replay-log .dl-team-head{position:sticky;top:0;background:var(--dl-surface);padding-bottom:.3rem}.dl-logrow{display:flex;gap:.6rem;align-items:center;text-align:left;background:var(--dl-surface-2);border:1px solid transparent;border-left-width:3px;border-radius:6px;padding:.25rem .55rem;color:var(--dl-text);font:inherit;font-size:.82rem;cursor:pointer}.dl-logrow:hover{border-color:var(--dl-line)}.dl-logrow.fresh{border-color:var(--dl-good)}.dl-logrow.kill .dl-logtxt{color:#e9b4ab}.dl-logrow.objective .dl-logtxt{color:#c8b6e8}.dl-logrow.buy .dl-logtxt{color:#9fb6c9}.dl-logt{color:var(--dl-muted);font-variant-numeric:tabular-nums;flex:0 0 auto}.dl-logtxt{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.dl-logchip{display:inline-flex;align-items:center;gap:.25rem}.dl-logicon{width:18px;height:18px;border-radius:50%;object-fit:cover;background:var(--dl-bg);border:1px solid var(--dl-line);flex:0 0 auto}.dl-logsep{color:var(--dl-muted)}.dl-pctcell{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--dl-muted);white-space:nowrap}.dl-pctbar{width:90px;height:10px;background:var(--dl-surface-2);border-radius:4px;overflow:hidden;flex:0 0 auto}.dl-pctbar i{display:block;height:100%}.dl-tabs--sub{margin-bottom:1rem;flex-wrap:wrap}.dl-tabs--sub .dl-tab{padding:.35rem .85rem;font-size:.82rem}.dl-itemrow{display:grid;grid-template-columns:160px 1fr;gap:.6rem;align-items:center;padding:.4rem .5rem;border-radius:8px}.dl-itemrow.me{background:#d9a4411f;outline:1px solid rgba(217,164,65,.35)}.dl-itemrow-name{display:flex;align-items:center;gap:.5rem;min-width:0}.dl-item-icons{display:flex;flex-wrap:wrap;gap:.25rem}.dl-item-ic{width:26px;height:26px;border-radius:5px;object-fit:cover;background:var(--dl-surface-2)}.dl-lanes{display:flex;flex-direction:column;gap:.9rem}.dl-lane-sides{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.dl-lane-side{display:flex;flex-direction:column;gap:.35rem}.dl-lane-pl{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.dl-lane-pl.me{color:var(--dl-gold);font-weight:600}.dl-vs{color:var(--dl-muted);font-size:.8rem}.dl-lanes2{display:flex;flex-direction:column;gap:1.1rem}.dl-lane2{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:12px;padding:.85rem 1rem}.dl-lane2-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-bottom:.4rem}.dl-lane2-side{display:flex;flex-direction:column;gap:.3rem}.dl-lane2-side.right{align-items:flex-end}.dl-lane2-side .dl-lane-pl{font-weight:600}.dl-lane2-title{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--dl-muted);white-space:nowrap}.dl-lane2-winner{text-align:center;font-size:.85rem;font-weight:700;margin-bottom:.6rem}.dl-lane2-stats{display:flex;flex-direction:column;gap:.45rem}.dl-lane2-row{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:.6rem}.dl-lane2-val{font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--dl-muted)}.dl-lane2-val.right{text-align:right}.dl-lane2-val.lead{color:var(--dl-text);font-weight:700}.dl-lane2-barwrap{text-align:center}.dl-lane2-label{font-size:.72rem;color:var(--dl-muted);margin-bottom:.15rem}.dl-lane2-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--dl-bg)}.dl-lane2-bar i{display:block;height:100%}.dl-cbuild{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:.5rem}@media (max-width: 760px){.dl-cbuild{grid-template-columns:1fr}}.dl-cbuild-col{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.6rem .7rem}.dl-guides{display:flex;flex-direction:column;gap:.45rem;margin-top:.4rem}.dl-guide{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;overflow:hidden}.dl-guide.open{border-color:#d9a44166}.dl-guide-head{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;background:transparent;border:none;color:var(--dl-text);cursor:pointer;padding:.6rem .8rem}.dl-guide-head:hover{background:#ffffff08}.dl-guide-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.dl-guide-name{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-guide-favs{color:#d9a441;font-weight:800;font-size:.9rem;white-space:nowrap}.dl-guide-toggle{color:var(--dl-muted);font-size:.8rem}.dl-guide-body{padding:.2rem .8rem .7rem;border-top:1px solid var(--dl-line)}.dl-guide-desc{margin:.5rem 0 .6rem;white-space:pre-wrap;word-break:break-word}.dl-guide-cat{margin-top:.6rem}.dl-guide-items{display:flex;flex-wrap:wrap;gap:.4rem}.dl-guide-item{display:inline-flex}.dl-guide-item img,.dl-guide-item .dl-builditem-ph{width:36px;height:36px;border-radius:7px;object-fit:cover;border:2px solid transparent}.dl-guide-item.tier-1 img{border-color:#6b7689}.dl-guide-item.tier-2 img{border-color:#43c478}.dl-guide-item.tier-3 img{border-color:#5b9bd5}.dl-guide-item.tier-4 img{border-color:#c8b6e8}.dl-herohead-icon{width:84px;height:84px;border-radius:14px}.dl-wlbar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--dl-bg);margin-top:.55rem;max-width:420px}.dl-wlbar-w{background:var(--dl-good)}.dl-wlbar-l{background:var(--dl-bad)}.dl-wlbar-lbl{display:flex;justify-content:space-between;max-width:420px;margin-top:.2rem;font-size:.8rem;font-weight:700}.dl-sched-lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--dl-muted);margin-bottom:.4rem}.dl-sched-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.dl-sched-cell{border-radius:8px;padding:.5rem .25rem;text-align:center;border:1px solid var(--dl-line)}.dl-sched-day{font-weight:700;font-size:.85rem}.dl-sched-wr{font-size:1.1rem;font-weight:800}.dl-sched-n{font-size:.72rem;color:var(--dl-muted)}.dl-sched-hours{display:grid;grid-template-columns:repeat(24,1fr);gap:3px}@media (max-width: 760px){.dl-sched-hours{grid-template-columns:repeat(12,1fr)}}.dl-sched-hcell{aspect-ratio:1 / 1;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--dl-line)}.dl-sched-h{font-size:.62rem;color:var(--dl-muted)}.dl-segment{display:inline-flex;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:8px;overflow:hidden}.dl-seg{background:transparent;border:none;color:var(--dl-muted);padding:.35rem .85rem;font-size:.82rem;cursor:pointer}.dl-seg.active{background:var(--dl-gold);color:#11161f;font-weight:700}.dl-hvh-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.dl-hvh-hero{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem}.dl-hvh-hero.right{flex-direction:row}.dl-hvh-hero img{width:36px;height:36px;border-radius:8px;object-fit:cover}.dl-tip{background:#1f2733;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.5rem .65rem;font-size:.78rem}.dl-tip-t{color:var(--dl-muted);margin-bottom:.25rem}.dl-legend{display:flex;gap:1rem;margin-top:.6rem;font-size:.78rem;color:var(--dl-muted)}.dl-legend span{display:flex;align-items:center;gap:.35rem}.dl-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.dl-msg{color:var(--dl-muted);padding:2rem 0;text-align:center}.dl-error{color:var(--dl-bad);background:#e5604d1a;border:1px solid rgba(229,96,77,.3);padding:.75rem 1rem;border-radius:8px}.dl-namelink{color:inherit;text-decoration:none;cursor:pointer;border-bottom:1px dotted rgba(255,255,255,.25)}.dl-namelink:hover{color:var(--dl-gold);border-bottom-color:var(--dl-gold)}.dl-player-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.dl-player-actions .dl-link{cursor:pointer;background:none;border:none;font:inherit}.dl-player-actions .dl-saved{color:var(--dl-gold)}.dl-player-lookup{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.dl-input{background:var(--dl-surface-2);color:var(--dl-text);border:1px solid var(--dl-line);border-radius:8px;padding:.5rem .7rem;font:inherit;min-width:200px}.dl-input:focus{outline:none;border-color:var(--dl-gold)}.dl-btn{background:var(--dl-gold);color:#1a1407;border:none;border-radius:8px;padding:.5rem .9rem;font:inherit;font-weight:700;cursor:pointer}.dl-btn:hover{filter:brightness(1.08)}.dl-btn:disabled{opacity:.5;cursor:default}.dl-savedlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem}.dl-savedplayer{display:flex;align-items:center;gap:.4rem;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.5rem .6rem}.dl-savedplayer-link{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;text-decoration:none;color:var(--dl-text)}.dl-savedplayer-link:hover .dl-savedplayer-name{color:var(--dl-gold)}.dl-savedplayer-link img,.dl-savedplayer-ph{width:38px;height:38px;border-radius:8px;object-fit:cover;background:var(--dl-line);flex-shrink:0}.dl-savedplayer-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-savedplayer-x{background:none;border:none;color:var(--dl-muted);cursor:pointer;font-size:.9rem;padding:.2rem .35rem;border-radius:6px;flex-shrink:0}.dl-savedplayer-x:hover{color:var(--dl-bad);background:#e5604d1f}.dl-herohead-icon{object-fit:cover}.dl-refresh-msg{font-size:.82rem;align-self:center}.dl-refresh-msg.good{color:var(--dl-good)}.dl-refresh-msg.bad{color:var(--dl-bad)}@media (max-width: 760px){.dl-grid{grid-template-columns:1fr}.dl-profile-stats{margin-left:0;width:100%;justify-content:space-between}}.dl-lb-wrap{max-height:560px;overflow-y:auto;margin-top:.6rem;border:1px solid var(--dl-line);border-radius:10px}.dl-lb{margin:0}.dl-lb thead th{position:sticky;top:0;background:var(--dl-surface);z-index:1}.dl-lb-top3{background:#d9a44112}.dl-lb-name{font-weight:600;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-lb-rank{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.dl-lb-rank img{width:26px;height:26px;object-fit:contain}.dl-lb-heroes{display:inline-flex;align-items:center;gap:.25rem}.dl-lb-heroes img{width:26px;height:26px;border-radius:6px;object-fit:cover;border:1px solid var(--dl-line)}.dl-lane2-swing{margin:.4rem 0 .6rem;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.4rem .3rem .5rem}.dl-urnchip{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .5rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid var(--dl-line);background:var(--dl-surface-2)}.dl-urnchip.wait{color:var(--dl-muted)}.dl-urnchip.geel{color:#e5c54d;border-color:#e5c54d73}.dl-urnchip.groen{color:#43c478;border-color:#43c47873}.dl-urnchip-sub{font-size:.68rem;font-weight:400;color:var(--dl-muted)}.dl-iw{position:relative;display:inline-flex}.dl-itip{position:fixed;z-index:200;width:252px;pointer-events:none;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 14px 36px #000000a6;text-align:left;border:1px solid rgba(217,164,65,.25)}.dl-itip-head{padding:.5rem .65rem .4rem}.dl-itip.slot-weapon .dl-itip-head{background:#b5651d}.dl-itip.slot-vitality .dl-itip-head{background:#2e8b50}.dl-itip.slot-spirit .dl-itip-head{background:#8e6ab8}.dl-itip-name{font-weight:900;font-size:.95rem;color:#fff}.dl-itip-cost{font-weight:800;font-size:.78rem;color:#ffffffeb;margin-top:.1rem}.dl-itip-stats{display:flex;flex-direction:column;gap:.16rem;background:#1b2330;padding:.5rem .65rem;font-size:.82rem;color:#e7ecf3}.dl-itip-stats b{color:#fff}.dl-itip-sub{color:#8a96a8;font-size:.78rem}.dl-itip-path{background:#141a24;padding:.45rem .65rem .55rem;display:flex;flex-direction:column;gap:.25rem}.dl-itip-lab{font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8a96a8;margin-top:.15rem}.dl-itip-comp{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#e7ecf3}.dl-itip-comp img{width:20px;height:20px;border-radius:4px;object-fit:cover}.dl{--dl-bg: #0c0e12;--dl-surface: #151a22;--dl-surface-2: #1d2430;--dl-line: rgba(206, 178, 120, .13);--dl-gold-2: #f0c873;background:repeating-linear-gradient(135deg,rgba(217,164,65,.016) 0 2px,transparent 2px 14px),radial-gradient(1100px 520px at 12% -8%,rgba(224,121,46,.1) 0%,transparent 55%),radial-gradient(1100px 520px at 88% -8%,rgba(61,139,255,.1) 0%,transparent 55%),radial-gradient(1400px 700px at 50% -12%,#191e2b 0%,var(--dl-bg) 62%)}.dl-brand,.dl-title{font-family:Cinzel,Georgia,serif;letter-spacing:1.5px}.dl-card h2{font-family:Cinzel,Georgia,serif;color:var(--dl-gold);letter-spacing:2px;font-weight:600;position:relative;padding-bottom:.55rem}.dl-card h2:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg,rgba(217,164,65,.55),rgba(217,164,65,.12) 45%,transparent 80%)}.dl-card h2 .dl-match-sub{font-family:system-ui,Segoe UI,sans-serif;letter-spacing:normal;text-transform:none}.dl-card{background:linear-gradient(180deg,#1a202b,#141923);border:1px solid rgba(217,164,65,.12);border-radius:12px;box-shadow:inset 0 1px #ffffff08,0 10px 26px #00000047}.dl-header{background:linear-gradient(180deg,#101218f7,#0d0f14eb);border-bottom:1px solid rgba(217,164,65,.28);box-shadow:0 1px #d9a4411a,0 8px 22px #00000059}.dl-brand span,.dl-title span{color:var(--dl-gold-2)}.dl-tab{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.dl-tab.active{background:linear-gradient(180deg,#eec468,#c2913a);border-color:#e8bb5e;color:#191204;box-shadow:0 0 14px #d9a44147}.dl-seg.active{background:linear-gradient(180deg,#eec468,#c2913a);color:#191204}.dl-viewtab.active{text-shadow:0 0 18px rgba(217,164,65,.5)}.dl-btn{background:linear-gradient(180deg,#eec468,#c2913a);color:#191204;box-shadow:inset 0 1px #ffffff40,0 2px 8px #0000004d}.dl-btn:hover{filter:brightness(1.06);box-shadow:inset 0 1px #ffffff40,0 0 16px #d9a44159}.dl-input:focus,.dl-select:focus{outline:none;border-color:#d9a4418c;box-shadow:0 0 0 2px #d9a4411f}.dl-table thead th{color:#c9ab6a;border-bottom:1px solid rgba(217,164,65,.22)}.dl-table tbody tr:hover{background:#d9a4410d}.dl-modal{border:1px solid rgba(217,164,65,.18);box-shadow:0 24px 70px #0009}.dl-modal-overlay{background:#050609b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dl-avatar{box-shadow:0 0 18px #d9a44140}.dl-mcard:hover,.dl-match--click:hover{background:#d9a4410b;filter:none}.dl *::-webkit-scrollbar{width:10px;height:10px}.dl *::-webkit-scrollbar-track{background:#00000040;border-radius:8px}.dl *::-webkit-scrollbar-thumb{background:#2a3140;border:2px solid transparent;background-clip:padding-box;border-radius:8px}.dl *::-webkit-scrollbar-thumb:hover{background:#d9a44173;background-clip:padding-box}.dl-footer{border-top:1px solid rgba(217,164,65,.18)}.dl-replay-map{max-width:min(720px,76vh);filter:saturate(1.08) contrast(1.06)}.dl-replay-left{flex:1 1 540px}.dl-killmap{width:min(640px,100%);filter:saturate(1.08) contrast(1.06)}.dl-lanesvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dl-urnspot{position:absolute;transform:translate(-50%,-50%);z-index:3;width:26px;height:26px;display:grid;place-items:center;font-size:14px;background:#0a0c10b8;border:2px solid;border-radius:50%;opacity:.38;cursor:help;transition:opacity .3s ease}.dl-urnspot.active{opacity:1;animation:dl-urnpulse 1.6s ease-in-out infinite}@keyframes dl-urnpulse{0%,to{box-shadow:0 0 4px 1px currentColor}50%{box-shadow:0 0 14px 4px currentColor}}.dl-info{position:relative;display:inline-flex;vertical-align:middle;margin-left:.35rem}.dl-info-btn{width:17px;height:17px;border-radius:50%;border:1px solid rgba(217,164,65,.5);background:#d9a4411f;color:var(--dl-gold);font-size:.66rem;font-weight:800;font-family:Georgia,serif;font-style:italic;line-height:1;cursor:help;padding:0}.dl-info-btn:hover{background:#d9a44140}.dl-info-pop{position:absolute;z-index:120;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:340px;padding:.6rem .75rem;background:#161b24;border:1px solid rgba(217,164,65,.3);border-radius:10px;box-shadow:0 14px 34px #0000008c;font-size:.78rem;line-height:1.45;color:var(--dl-text);font-weight:400;font-family:system-ui,Segoe UI,sans-serif;letter-spacing:normal;text-transform:none;white-space:normal;text-align:left}.dl-replay-sumbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.45rem .8rem;margin-bottom:.7rem;font-size:.95rem}.dl-replay-score{font-weight:700;font-variant-numeric:tabular-nums}.dl-advrecent-chip.rich{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem .3rem .35rem;border-left:3px solid transparent}.dl-advrecent-chip.rich img{width:26px;height:26px;border-radius:6px;object-fit:cover}.dl-advrecent-chip.rich.win{border-left-color:var(--dl-good)}.dl-advrecent-chip.rich.loss{border-left-color:var(--dl-bad)}.dl-ig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.dl-ig-col{background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.7rem .85rem}.dl-ig-row{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem}.dl-ig-row:last-child{border-bottom:none}.dl-ig-row span{color:var(--dl-muted)}.dl-ig-row b{font-variant-numeric:tabular-nums}.dl-session{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}.dl-hperf{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}.dl-hperf-card{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--dl-text);background:var(--dl-surface-2);border:1px solid var(--dl-line);border-radius:10px;padding:.5rem .6rem;transition:border-color .15s ease}.dl-hperf-card:hover{border-color:#d9a44180}.dl-hperf-card img{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid var(--dl-line);flex-shrink:0}.dl-hperf-info{min-width:0}.dl-hperf-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-hperf-rank{color:var(--dl-gold);font-size:.78rem;font-weight:600}:root{--bg: #f4e7d3;--bg-tint: #efe1c9;--surface: #fbf5ea;--ink: #2e2e2d;--ink-2: #424241;--muted: #6e6e6a;--muted-2: #93938e;--accent: #424241;--on-accent: #fbf5ea;--ring: rgba(66, 66, 65, .18);--line: rgba(66, 66, 65, .12);--good: #3aa55d;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius: 16px;--radius-sm: 10px;--pill: 999px;--shadow: 0 18px 45px -22px rgba(66, 66, 65, .45);--shadow-sm: 0 8px 24px -16px rgba(66, 66, 65, .5);--header-h: 72px;--maxw: 1280px;--pad: clamp(1.25rem, 5vw, 3.5rem);--section-pad: clamp(3.5rem, 8vw, 7rem);--fs-hero: clamp(2rem, 1.1rem + 2.6vw, 3rem);--fs-title: clamp(1.8rem, 1.2rem + 2.6vw, 2.8rem);--fs-lead: clamp(1.05rem, 1rem + .4vw, 1.25rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--bg);color:var(--ink-2);font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}h1,h2,h3{color:var(--ink);line-height:1.15;margin:0}p{margin:0}a{color:inherit}strong{font-weight:700}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:min(100%,var(--maxw));margin-inline:auto;padding-inline:var(--pad)}.section{padding-block:var(--section-pad);scroll-margin-top:calc(var(--header-h) + 12px)}.section--tint{background-color:var(--bg-tint)}.section__eyebrow,.hero__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:600;color:var(--muted);margin:0 0 var(--space-3)}.section__title{font-size:var(--fs-title);font-weight:700;max-width:20ch}.section__lead{margin-top:var(--space-4);font-size:var(--fs-lead);color:var(--muted);max-width:60ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:var(--pill);border:1.5px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:#2f2f2e}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ring)}.btn--ghost:hover{border-color:var(--ink);background:#4242410d}.btn--sm{padding:.5rem 1rem;font-size:.9rem}.btn__icon{width:1.15em;height:1.15em}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:var(--pill);background:#4242410d;border:1px solid var(--ring);font-size:.85rem;font-weight:500;color:var(--ink-2);margin-bottom:var(--space-5)}.badge__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--good);box-shadow:0 0 #3aa55d66;animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3aa55d66}70%{box-shadow:0 0 0 8px #3aa55d00}to{box-shadow:0 0 #3aa55d00}}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.35rem .75rem;border-radius:var(--pill);background:#4242410f;border:1px solid var(--line);font-size:.85rem;color:var(--ink-2)}.tags--sm .tag{font-size:.78rem;padding:.25rem .6rem}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .25s ease,background .25s ease}.site-header.is-scrolled{box-shadow:0 1px 0 var(--line),0 10px 30px -24px #42424199}.site-header__progress{position:absolute;left:0;bottom:0;height:3px;max-width:100%;background:linear-gradient(90deg,var(--muted),var(--ink));transition:width .1s linear}.site-header__inner{width:min(100%,var(--maxw));margin-inline:auto;padding-inline:var(--pad);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem);font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.brand strong{color:var(--muted);font-weight:700}.nav{display:flex;align-items:center}.nav--desktop{gap:clamp(1rem,2.5vw,2rem)}.nav__link{position:relative;text-decoration:none;color:var(--ink-2);font-size:1rem;font-weight:500;opacity:.7;padding:.25rem 0;transition:opacity .2s ease}.nav__link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:width .25s ease}.nav__link:hover{opacity:1}.nav__link.is-active{opacity:1;font-weight:600}.nav__link.is-active:after{width:100%}.site-header__actions{display:flex;align-items:center;gap:var(--space-3)}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ring);border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer}.nav-toggle svg{width:24px;height:24px}.nav--mobile{display:none}.hero{position:relative;overflow:hidden;min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));display:flex;align-items:center;scroll-margin-top:var(--header-h)}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:clamp(2rem,6vw,4rem);align-items:center;padding-block:clamp(1.5rem,3vh,2.5rem)}.hero__glow{position:absolute;z-index:0;top:50%;right:0;width:min(70vw,760px);aspect-ratio:1;transform:translate(18%,-50%);background:radial-gradient(circle,#f7eedef2,#f4e7d300 62%);pointer-events:none}.hero__content{max-width:640px}.hero__title{font-size:var(--fs-hero);font-weight:700;letter-spacing:-.02em;text-wrap:balance}.hero__lead{margin-top:var(--space-4);font-size:var(--fs-lead);color:var(--muted);max-width:50ch}.hero__lead strong{color:var(--ink-2)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.stats{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,5vw,3rem);margin:var(--space-6) 0 0}.stats__item{margin:0}.stats__value{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem);font-weight:700;color:var(--ink)}.stats__label{margin:.15rem 0 0;color:var(--muted);font-size:.9rem;max-width:14ch}.hero__visual{position:relative;display:grid;place-items:center;justify-self:center;width:min(86vw,620px);aspect-ratio:1;animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.hero__portrait{grid-area:1 / 1;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 32%,#fbf5ea,#ecdcc2);box-shadow:0 34px 70px -30px #42424180}.hero__photo{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}.hero__ring{grid-area:1 / 1;width:100%;height:100%;border-radius:50%;border:clamp(6px,1.4vw,12px) solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 1.5px #4242411a;z-index:2;pointer-events:none}.hero__scroll{position:absolute;left:50%;bottom:clamp(1rem,3vw,2rem);transform:translate(-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--ring);color:var(--ink-2);background:var(--surface);animation:bob 2s ease-in-out infinite}.hero__scroll svg{width:20px;height:20px}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--bg-tint);padding-block:var(--space-4);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:flex;width:max-content;align-items:center;gap:clamp(1.5rem,4vw,3rem);animation:marquee 36s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{display:inline-flex;align-items:center;gap:clamp(1.5rem,4vw,3rem);font-size:clamp(1.05rem,.9rem + .6vw,1.5rem);font-weight:600;color:var(--ink);opacity:.65;white-space:nowrap}.marquee__dot{width:6px;height:6px;border-radius:50%;background:var(--muted-2)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about__grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3.5rem);margin-top:var(--space-7);align-items:start}.about__text{font-size:var(--fs-lead);color:var(--muted)}.about__text+.about__text{margin-top:var(--space-4)}.about__card{padding:var(--space-6)}.facts{display:grid}.facts__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.facts__item:last-child{border-bottom:none}.facts__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.facts__value{font-weight:600;color:var(--ink);text-align:right}.about__chips{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line)}.about__chips-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);margin-bottom:var(--space-3)}.env{margin-top:clamp(2rem,5vw,3.5rem)}.env__figure{margin:0 auto;max-width:920px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.env__img{width:100%;height:auto;display:block}.env__caption{padding:var(--space-3) var(--space-4);text-align:center;color:var(--muted);font-weight:600;font-size:.9rem;border-top:1px solid var(--line)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-top:var(--space-7)}.skill-group{padding:var(--space-6);transition:transform .2s ease,box-shadow .2s ease}.skill-group:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.skill-group__title{font-size:1.15rem;margin-bottom:var(--space-4)}.tag{transition:border-color .2s ease,color .2s ease,background .2s ease}.tag:hover{border-color:var(--ring);color:var(--ink);background:#4242411a}.timeline{position:relative;margin-top:var(--space-7);padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--ring)}.timeline__item{position:relative;padding-bottom:var(--space-6)}.timeline__item:last-child{padding-bottom:0}.timeline__marker{position:absolute;left:calc(-2rem + 1px);top:6px;width:16px;height:16px;border-radius:50%;background:var(--surface);border:3px solid var(--accent)}.timeline__item--education .timeline__marker{border-color:var(--muted-2)}.timeline__card{padding:var(--space-5)}.timeline__period{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.timeline__role{font-size:1.2rem;margin-top:var(--space-2)}.timeline__org{color:var(--accent);font-weight:600;margin-top:.1rem}.timeline__desc{margin-top:var(--space-3);color:var(--muted)}.work__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--space-5);margin-top:var(--space-7)}.project-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-card__title{font-size:1.2rem}.project-card__desc{color:var(--muted);flex:1}.project-card__link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;color:var(--accent);margin-top:var(--space-2)}.project-card__link:hover{gap:.7rem}.contact__card{padding:clamp(2rem,6vw,4rem);text-align:center;display:flex;flex-direction:column;align-items:center}.contact__card .section__lead{margin-inline:auto}.contact__title{max-width:22ch}.contact__actions{margin-top:var(--space-6)}.contact__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5);margin-top:var(--space-6);color:var(--muted)}.contact__meta li{display:inline-flex;align-items:center;gap:.5rem}.contact__meta-icon{width:1.1rem;height:1.1rem}.contact__social{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink-2);font-weight:500;transition:color .2s ease}.contact__social:hover{color:var(--accent)}.contact__social-arrow{width:.9rem;height:.9rem;transform:rotate(-45deg)}.site-footer{border-top:1px solid var(--line);padding-block:var(--space-6)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-footer__brand{font-size:1.3rem;font-weight:600;color:var(--ink)}.site-footer__brand strong{color:var(--muted)}.site-footer__copy{color:var(--muted);font-size:.9rem}.site-footer__links{display:flex;gap:var(--space-4)}.site-footer__links a{color:var(--ink-2);text-decoration:none;font-size:.9rem}.site-footer__links a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (min-width: 768px){.about__grid{grid-template-columns:1.5fr 1fr;align-items:start}}@media (min-width: 900px){.hero__inner{grid-template-columns:1fr 1fr}.hero__visual{justify-self:center}}@media (min-width: 900px){.nav-toggle,.nav--mobile{display:none!important}}@media (max-width: 899px){.nav--desktop,.site-header__actions .btn{display:none}.nav-toggle{display:inline-flex}.nav--mobile{display:flex;flex-direction:column;gap:var(--space-2);position:fixed;top:var(--header-h);left:0;right:0;padding:var(--space-5) var(--pad) var(--space-7);background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}.nav--mobile.is-open{transform:translateY(0);opacity:1;visibility:visible}.nav--mobile .nav__link{font-size:1.25rem;padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.nav--mobile .nav__link:after{display:none}.nav--mobile .btn{margin-top:var(--space-4)}}@media (max-width: 480px){.hero__actions .btn,.contact__actions .btn{width:100%}.about__body .facts{grid-template-columns:1fr}.stats{gap:var(--space-5) var(--space-6)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.badge__dot,.hero__scroll,.hero__circle,.marquee__track{animation:none}.btn:hover,.project-card:hover{transform:none}}