:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101319;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#101319;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#f4f7fb;background:#0c1118;border:1px solid #344152;border-radius:6px;outline:none;width:100%}input:focus,textarea:focus{border-color:#40c7a2;box-shadow:0 0 0 3px #40c7a22e}input,select{height:42px;padding:0 12px}select:disabled{cursor:not-allowed;opacity:.55}textarea{resize:vertical;min-height:64px;padding:10px 12px}a{color:#68d2ff;text-decoration:none}a:hover{text-decoration:underline}.screen-loader{color:#8da1b5;place-items:center;min-height:100vh;font-weight:700;display:grid}.auth-page{background-color:#080b10;background-image:linear-gradient(135deg,#40c7a21f,#0000 34%),linear-gradient(#d9a84d14,#0000 42%),linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:auto,auto,44px 44px,44px 44px;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:34px;width:min(100%,1040px);display:grid}.auth-hero{text-align:center;justify-items:center;gap:18px;min-width:0;display:grid}.auth-logo-stage{aspect-ratio:1;place-items:center;width:min(430px,100%);display:grid}.auth-logo-large{filter:drop-shadow(0 26px 44px #40c7a233)drop-shadow(0 16px 38px #d9a84d29);width:100%;height:auto;display:block}.auth-hero-copy{gap:8px;max-width:520px;display:grid}.auth-hero-copy span{color:#f1c66b;text-transform:uppercase;font-size:.82rem;font-weight:900}.auth-hero-copy h1{color:#f6fafc;margin:0;font-size:2.45rem;line-height:1.04}.auth-hero-copy p{color:#aab5c3;margin:0;font-size:1rem;font-weight:700;line-height:1.55}.auth-panel{background:#121821f0;border:1px solid #2b3a4d;border-radius:8px;width:min(100%,430px);padding:28px;box-shadow:0 22px 70px #00000070}.auth-login-panel{justify-self:end}.auth-panel-wide{width:min(100%,720px)}.auth-panel-heading{margin-bottom:22px}.auth-panel-heading h2{color:#f7fafc;margin:0;font-size:1.5rem;line-height:1.15}.auth-panel-heading p{color:#8da1b5;margin:6px 0 0;font-weight:700}.brand-block{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 10px 18px #40c7a22e);flex:none;width:62px;height:62px;display:block}.brand-block h1{letter-spacing:0;margin:0;font-size:1.45rem;line-height:1.15}.brand-block p,.auth-switch,.app-header p{color:#8da1b5;margin:4px 0 0}.auth-form{gap:16px;display:grid}.auth-form.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form label{color:#dbe5ee;gap:7px;font-size:.9rem;font-weight:700;display:grid}.primary-button,.ghost-button,.note-actions button{border:0;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{color:#041311;background:#40c7a2}.primary-button:hover:not(:disabled){background:#63dbba}.primary-button.compact{min-height:38px}.ghost-button{color:#dbe5ee;background:0 0;border:1px solid #344152;text-decoration:none}.ghost-button:hover:not(:disabled),.ghost-button:focus-visible{color:#fff;border-color:#68d2ff;text-decoration:none}.form-error,.form-success,.dashboard-error,.inline-error{color:#ffb5b5;background:#ef56561f;border:1px solid #ef565659;border-radius:6px}.form-error,.form-success,.dashboard-error{padding:11px 12px}.form-success{color:#9cf0d8;background:#40c7a21f;border-color:#40c7a259}.inline-error{padding:8px 10px;font-size:.85rem}.form-error-wide,.form-submit-wide{grid-column:1/-1}.auth-switch{text-align:center;margin-top:22px}.dashboard-page{width:min(100%,1360px);margin:0 auto;padding:22px}.app-header{border-bottom:1px solid #2a3038;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:16px;display:flex}.eyebrow{color:#d7a84d;text-transform:uppercase;letter-spacing:0;font-size:.78rem;font-weight:900}.app-header h1{letter-spacing:0;margin:4px 0 0;font-size:1.7rem;line-height:1.1}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.dashboard-error,.dashboard-state{margin-bottom:12px}.dashboard-state{color:#a4afbd;background:#151a20;border:1px dashed #3a4049;border-radius:8px;justify-content:center;align-items:center;min-height:120px;display:flex}.match-list{gap:8px;display:grid}.match-card{background:#181d24;border:1px solid #292f37;border-radius:6px;grid-template-columns:88px minmax(0,1fr) 46px;min-height:96px;display:grid;overflow:hidden}.match-card.win{background:linear-gradient(90deg,#2f629e47,#181d24 33%);border-color:#4a90e247}.match-card.loss{background:linear-gradient(90deg,#84363b57,#181d24 33%);border-color:#e0535747}.match-outcome-rail{text-align:center;border-right:1px solid #ffffff14;align-content:center;gap:5px;padding:14px 10px;display:grid}.match-card.win .match-outcome-rail{color:#eaf4ff;background:#2f62a0}.match-card.loss .match-outcome-rail{color:#fff0f1;background:#b3474e}.match-outcome-rail strong{font-size:.96rem;line-height:1.1}.match-outcome-rail span{color:#ffffffc7;font-size:.8rem;font-weight:700}.match-overview{border-right:1px solid #292f37;grid-template-columns:minmax(150px,.8fr) minmax(240px,1.15fr) minmax(250px,1fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.match-meta-block{color:#9aa5b4;gap:4px;font-size:.78rem;font-weight:700;display:grid}.queue-label{color:#eef3f8}.match-annotation-counts{color:#f1c66b;text-transform:uppercase;background:#d9a84d29;border:1px solid #d9a84d7a;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:.7rem;font-weight:900;display:inline-flex}.match-annotation-counts b{color:#fff0bd}.own-summary-block{align-items:center;gap:12px;min-width:0;display:flex}.champion-portrait-large{border:1px solid #46515f;border-radius:50%;flex:none;width:46px;height:46px}.champion-level-badge{color:#cfd8e3;background:#0b0f14;border:2px solid #181d24;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:.68rem;font-weight:900;display:grid;position:absolute;bottom:-3px;right:-2px}.own-kda-block{gap:3px;min-width:0;display:grid}.own-kda-block strong{color:#f7fafc;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.kda-line{color:#d8e0ea;font-size:1.08rem;font-weight:800}.kda-line em{color:#e05d62;font-style:normal}.own-kda-block small{color:#9aa5b4;font-weight:700}.match-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.match-stat-strip div{background:#11161c;border:1px solid #2c333d;border-radius:6px;min-width:0;padding:6px 8px}.match-stat-strip span{color:#8793a2;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.match-stat-strip strong{color:#eef3f8;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.86rem;display:block;overflow:hidden}.match-expand-button{color:#aab5c3;background:#141920;border:0;border-left:1px solid #292f37;border-radius:0;place-items:center;width:100%;min-height:100%;padding:0;display:grid}.match-expand-button:hover{color:#eef3f8;background:#1d232c}.match-expand-caret{border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transition:transform .14s;transform:rotate(45deg)}.match-card.expanded .match-expand-caret{transform:rotate(225deg)}.match-details{background:#171c23;border-top:1px solid #292f37;grid-column:1/-1}.expanded-own-stats{background:#292f37;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.expanded-own-stats div{background:#151a20;min-width:0;padding:9px 12px}.expanded-own-stats span{color:#8793a2;text-transform:uppercase;font-size:.7rem;font-weight:900;display:block}.expanded-own-stats strong{color:#eef3f8;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.86rem;display:block;overflow:hidden}.teams-grid{background:#222831;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.team-panel{background:#12161cc7;min-width:0;padding:10px}.team-panel+.team-panel{border-left:1px solid #292f37}.team-panel h2{color:#a4afbd;text-transform:uppercase;letter-spacing:0;align-items:center;gap:7px;margin:0 0 8px;font-size:.72rem;line-height:1.2;display:flex}.team-panel h2:before{content:"";border-radius:999px;width:7px;height:7px}.blue-team h2:before{background:#4a90e2}.red-team h2:before{background:#e05d62}.participant-row{background:#151a20;border:1px solid #0000;border-radius:6px;gap:8px;padding:8px;display:grid}.participant-row+.participant-row{margin-top:6px}.participant-row.known{background:#1e1c18;border-color:#d9a84dcc}.participant-summary-line{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.participant-core{gap:8px;min-width:0;display:flex}.champion-icon{color:#f1c66b;background:radial-gradient(circle at 40% 30%,#45505f,#10141a);place-items:center;font-size:.72rem;font-weight:900;display:grid;position:relative;overflow:visible}.champion-image-frame{border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}.champion-icon img,.champion-icon-fallback{width:100%;height:100%}.champion-icon img{object-fit:cover;transform-origin:50%;display:block;transform:scale(1.12)}.champion-icon-fallback{place-items:center;display:grid}.champion-token{border:1px solid #394350;border-radius:50%;flex:none;width:36px;height:36px}.champion-token .champion-level-badge{border-width:2px;min-width:18px;height:18px;font-size:.62rem;bottom:-4px;right:-3px}.participant-main{min-width:0}.participant-name-line{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.participant-name{color:#f5f8fb;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:800;overflow:hidden}.participant-name-link:hover,.participant-name-link:focus-visible{color:#68d2ff;text-decoration:none}.self-pill,.known-badge span,.known-badge small{border-radius:999px;padding:2px 6px;font-size:.68rem;font-weight:900}.self-pill{color:#63dbba;background:#40c7a22e}.opgg-link{color:#b8d8ff;background:#4a90e229;border:1px solid #4a90e28c;border-radius:4px;align-items:center;height:20px;padding:0 6px;font-size:.68rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.opgg-link:hover,.opgg-link:focus-visible{color:#eef6ff;background:#4a90e242;border-color:#67a7f2e6;text-decoration:none}.known-badge{flex-wrap:wrap;gap:4px;display:flex}.known-badge span{color:#f1c66b;background:#d9a84d2e}.known-badge small{color:#b8d8ff;background:#4a90e229}.participant-meta{color:#8b96a5;flex-wrap:wrap;gap:7px;margin-top:4px;font-size:.75rem;display:flex}.participant-kda{color:#aab5c3;white-space:nowrap;justify-items:end;font-size:.72rem;display:grid}.participant-kda strong{color:#eef3f8;font-size:.82rem}.participant-kda span{color:#8b96a5}.participant-actions{border-top:1px solid #272e37;gap:7px;min-width:0;padding-top:8px;display:grid}.participant-actions.disabled{opacity:.46}.participant-actions.disabled .flag-button,.note-editor.disabled textarea,.note-editor.disabled button{cursor:not-allowed}.flag-grid{flex-wrap:wrap;gap:5px;display:flex}.flag-button{color:#c7d0dc;background:#0e1319;border:1px solid #343d49;border-radius:999px;min-height:25px;padding:0 8px;font-size:.7rem;font-weight:800}.flag-button:hover:not(:disabled),.flag-button.active{color:#f1c66b;border-color:#d7a84d}.flag-button.active{background:#d9a84d24}.note-editor{gap:6px;display:grid}.note-editor textarea{min-height:52px;font-size:.82rem}.note-editor.disabled textarea{color:#6f7b89;background:#10151b;border-color:#2a3038}.note-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.note-actions button{color:#eef3f8;background:#2a3038;min-height:30px;font-size:.78rem}.note-actions button:hover:not(:disabled){background:#37414d}.inline-status{color:#63dbba;font-size:.82rem;font-weight:800}@media (width<=1180px){.match-overview{grid-template-columns:minmax(140px,.75fr) minmax(220px,1fr) minmax(220px,.9fr)}.teams-grid{grid-template-columns:1fr}.team-panel+.team-panel{border-top:1px solid #292f37;border-left:0}}@media (width<=860px){.match-card{grid-template-columns:1fr 44px}.match-outcome-rail{text-align:left;border-right:0;grid-column:1/-1;justify-content:space-between;padding:10px 14px;display:flex}.match-overview{border-right:0;grid-template-columns:1fr}.match-expand-button{border-left:1px solid #292f37}.expanded-own-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.auth-shell{grid-template-columns:1fr;gap:18px}.auth-login-panel{justify-self:center}.auth-logo-stage{width:min(280px,72vw)}.auth-hero-copy h1{font-size:2rem}}@media (width<=760px){.auth-form.two-column{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.participant-summary-line,.match-stat-strip,.expanded-own-stats{grid-template-columns:1fr}.participant-kda{justify-items:start}.dashboard-page,.auth-page{padding:16px}.auth-panel{padding:22px}.auth-logo-stage{width:min(230px,76vw)}.auth-hero-copy h1{font-size:1.72rem}.auth-hero-copy p{font-size:.92rem}}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-panel,.profile-section{background:#171d26;border:1px solid #293342;border-radius:8px;gap:16px;padding:18px;display:grid}.settings-panel h2,.profile-section h2{letter-spacing:0;margin:0;font-size:1rem}.settings-panel p,.profile-section p{color:#8da1b5;margin:5px 0 0}.settings-panel label{color:#dbe5ee;gap:7px;font-size:.9rem;font-weight:700;display:grid}.settings-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.activity-toolbar{grid-template-columns:auto minmax(240px,420px);align-items:end;gap:14px;margin-bottom:14px;display:grid}.activity-toolbar-wide{grid-template-columns:minmax(190px,230px) minmax(210px,260px) minmax(170px,230px) minmax(220px,1fr)}.activity-toolbar label,.activity-control-group{color:#dbe5ee;gap:7px;font-size:.82rem;font-weight:800;display:grid}.activity-control-group>span{color:#dbe5ee}.segmented-control{background:#111720;border:1px solid #344152;border-radius:6px;width:100%;min-height:42px;display:flex;overflow:hidden}.segmented-control button{color:#aeb9c6;white-space:nowrap;background:0 0;border:0;border-right:1px solid #344152;flex:1 1 0;min-width:0;padding:0 16px;font-weight:900}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:#041311;background:#40c7a2}.player-search-panel{background:#171d26;border:1px solid #293342;border-radius:8px;gap:12px;margin-bottom:14px;padding:16px;display:grid}.player-search-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-search-heading h2{letter-spacing:0;margin:4px 0 0;font-size:1rem}.player-search-form{grid-template-columns:minmax(180px,1fr) minmax(120px,.55fr) auto;align-items:end;gap:10px;display:grid}.player-search-form label{color:#dbe5ee;gap:7px;font-size:.82rem;font-weight:800;display:grid}.player-search-filter-status{background:#111720;border:1px solid #33404f;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.player-search-filter-status div{gap:2px;min-width:0;display:grid}.player-search-filter-status strong{color:#eef3f8;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.player-search-filter-status span{color:#8da1b5;font-size:.78rem;font-weight:800}.player-search-filter-status .ghost-button{min-height:34px}.summary-grid{grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-bottom:14px;display:grid}.summary-grid>div{background:#171d26;border:1px solid #293342;border-radius:6px;gap:4px;padding:12px;display:grid}.summary-grid span{color:#8da1b5;text-transform:uppercase;font-size:.72rem;font-weight:900}.summary-grid strong{color:#eef3f8;font-size:1.2rem}.summary-flags{grid-column:span 2}.summary-flags div{flex-wrap:wrap;gap:5px;display:flex}.summary-flags small{color:#f1c66b;background:#d9a84d29;border-radius:999px;padding:3px 7px;font-weight:900}.activity-entry-list{gap:14px;display:grid}.activity-entry{gap:8px;display:grid}.activity-annotation-header{background:#171d26;border:1px solid #293342;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:center;gap:12px;padding:12px 14px;display:grid}.activity-group-header{grid-template-columns:1fr;align-items:stretch}.activity-group-heading{color:#8da1b5;justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;font-weight:800;display:flex}.activity-group-heading strong{color:#eef3f8;font-size:.92rem}.activity-bundle-list{gap:8px;display:grid}.activity-bundle-row{border-top:1px solid #8da1b529;grid-template-columns:minmax(0,1fr) minmax(240px,auto);align-items:start;gap:12px;padding-top:8px;display:grid}.activity-annotation-main{gap:6px;min-width:0;display:grid}.activity-annotation-body{justify-self:end;max-width:480px}.activity-bundle-body{gap:6px;display:grid}.activity-bundle-flags{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.activity-annotation-body p{color:#dbe5ee;margin:0;line-height:1.45}.activity-match-unavailable{min-height:76px}.annotation-list{gap:8px;display:grid}.annotation-card{background:#171d26;border:1px solid #293342;border-radius:6px;gap:10px;padding:14px;display:grid}.annotation-main-line,.annotation-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.annotation-title-line,.annotation-meta-line,.annotation-footer{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.annotation-target-link,.annotation-title-line strong{color:#f5f8fb;font-size:.95rem;font-weight:900}.annotation-target-link:hover,.annotation-target-link:focus-visible{color:#68d2ff;text-decoration:none}.annotation-meta-line,.annotation-footer{color:#8da1b5;font-size:.78rem;font-weight:700}.type-pill,.annotation-flag-label{border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:900}.type-pill.note{color:#aee8ff;background:#68d2ff29}.type-pill.flag,.annotation-flag-label{color:#f1c66b;background:#d9a84d2e}.annotation-match-chip{color:#aab5c3;justify-items:end;min-width:90px;font-size:.78rem;font-weight:800;display:grid}.annotation-match-chip strong{color:#eef3f8}.annotation-body p{color:#dbe5ee;margin:0;line-height:1.45}.profile-section{margin-top:14px}.compact-match-list{gap:6px;display:grid}.compact-match-row{color:#aab5c3;background:#111720;border:1px solid #293342;border-radius:6px;grid-template-columns:minmax(100px,1fr) repeat(3,auto);align-items:center;gap:12px;padding:10px 12px;font-size:.82rem;display:grid}.compact-match-row strong{color:#eef3f8}@media (width<=880px){.settings-grid,.activity-toolbar,.activity-toolbar-wide,.player-search-form,.settings-two-column{grid-template-columns:1fr}.player-search-filter-status{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-flags{grid-column:1/-1}.activity-annotation-header,.activity-bundle-row,.annotation-main-line,.annotation-footer{grid-template-columns:1fr;align-items:flex-start}.annotation-main-line,.annotation-footer{flex-direction:column}.activity-annotation-body{justify-self:stretch;max-width:none}.activity-bundle-flags{justify-content:flex-start}.annotation-match-chip{justify-items:start}}