*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--void:#0a0e1a;--card:#111826;--border:#1e2a3a;--hex:#00c8ff;--hex-dim:#006e8a;--gold:#c89b3c;--gold-lt:#e8c46a;--text:#e8e0d0;--muted:#7a8a99;--green:#3ddc84;--red:#ff5c5c;--silver:#a8b8c8}body{background:var(--void);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}header{border-bottom:1px solid var(--border);align-items:center;gap:14px;width:100%;padding:28px 40px;display:flex}.header-right{align-items:center;gap:16px;margin-left:auto;display:flex}#signin-btn,#user-button{display:none}.auth-spinner{border:2px solid var(--border);border-top-color:var(--hex);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signin-btn{color:#c89b3c;cursor:pointer;background:0 0;border:1px solid #c89b3c;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s}.signin-btn:hover{color:#08101e;background:#c89b3c;box-shadow:0 0 18px #c89b3c59}.signin-btn:active{transform:scale(.97)}.signin-btn:focus-visible{outline-offset:3px;outline:2px solid #00c8ff}#user-button{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:flex}.logo-icon{width:36px;height:36px}.logo-text{letter-spacing:.08em;color:var(--gold);font-family:Cinzel,serif;font-size:1.35rem}.logo-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:1px;font-size:.7rem;font-weight:500}.hero{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:680px;padding:72px 24px 48px;display:flex}.hero-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--hex);font-size:.7rem;font-weight:600}.hero-title{text-align:center;color:var(--text);font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2}.hero-title span{color:var(--gold)}.hero-desc{color:var(--muted);text-align:center;max-width:420px;margin-bottom:12px;font-size:.9rem;line-height:1.6}.search-wrap{width:100%;position:relative}.search-wrap:before{content:"";background:linear-gradient(135deg, var(--hex), var(--gold));opacity:0;z-index:0;border-radius:12px;transition:opacity .3s;position:absolute;inset:-2px}.search-wrap:focus-within:before{opacity:1}.search-inner{z-index:1;background:var(--card);border:1px solid var(--border);border-radius:10px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.search-wrap:focus-within .search-inner{border-color:#0000}.search-icon{color:var(--muted);flex-shrink:0;align-items:center;padding:0 16px;display:flex}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-family:Inter,sans-serif;font-size:1rem}.search-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--card) inset;transition:background-color 5000s ease-in-out}.search-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--card) inset;transition:background-color 5000s ease-in-out}.search-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--card) inset;transition:background-color 5000s ease-in-out}.search-input::placeholder{color:var(--muted)}.search-btn{background:var(--hex);color:var(--void);letter-spacing:.05em;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;padding:0 18px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.search-btn:hover{background:#33d4ff}.search-btn:disabled{background:var(--hex-dim);cursor:not-allowed}.search-hint{color:var(--muted);text-align:center;margin-top:8px;font-size:.75rem}.search-history{background:var(--card);border:1px solid var(--border);z-index:999;border-radius:10px;animation:.14s ease-out dropdownIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 30px #00000059}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.history-list-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:10px 16px 6px;font-size:.65rem;font-weight:600}.history-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .14s;display:flex}.history-item:hover,.history-item.kbd-active{background:#00c8ff12}.history-item:active{background:#00c8ff1f}.history-item+.history-item{border-top:1px solid var(--border)}.history-item-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--gold-lt);background:linear-gradient(135deg,#1a2a3a,#0d1a28);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.history-item-body{flex:1;min-width:0}.history-main{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.history-main strong{font-weight:600}.history-main .tag-part{color:var(--muted);font-weight:400}.history-sub{color:var(--muted);margin-top:1px;font-size:.7rem}.history-item-remove{width:24px;height:24px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .14s,background .14s,color .14s;display:flex}.history-item:hover .history-item-remove{opacity:1}.history-item-remove:hover{color:var(--red);background:#ff5c5c1f}.history-empty{text-align:center;color:var(--muted);padding:22px 16px;font-size:.78rem}.queue-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.queue-pill{appearance:none;border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:600;transition:all .18s}.queue-pill:hover{border-color:var(--hex-dim);color:var(--text)}.queue-pill.active{color:var(--text);border-color:var(--hex);background:#00c8ff1a;box-shadow:inset 0 0 0 1px #00c8ff14}#output{width:100%;max-width:960px;padding:0 24px 72px}.loading-wrap{flex-direction:column;align-items:center;gap:16px;padding:48px 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--hex);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.loading-text{color:var(--muted);letter-spacing:.08em;font-size:.85rem}.not-found{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.not-found-icon{opacity:.6;font-size:3rem}.not-found-title{color:var(--text);font-family:Cinzel,serif;font-size:1.2rem}.not-found-desc{color:var(--muted);max-width:340px;font-size:.85rem;line-height:1.6}.not-found-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:#ff5c5c1f;border:1px solid #ff5c5c40;border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:600}.results-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.refresh-btn{color:var(--text);cursor:pointer;background:#c89b3c1f;border:1px solid #c89b3c59;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.refresh-btn:hover{background:#c89b3c38}.refresh-btn:disabled{opacity:.6;cursor:wait}.history-hint{color:var(--hex);opacity:.7;align-items:center;gap:6px;font-size:.72rem;display:flex}.match-card{border:1px solid var(--border);border-radius:10px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.match-card.expanded{border-color:var(--hex);box-shadow:0 8px 24px #00c8ff14}.history-row{background:var(--card);cursor:pointer;align-items:center;gap:14px;padding:12px 16px;transition:background .18s;display:flex;position:relative;overflow:hidden}.match-card.win .history-row:before{background:var(--green)}.match-card.loss .history-row:before{background:var(--red)}.history-row:hover{background:#141f2e}.match-card.expanded .history-row{background:#00c8ff0d}.h-chevron{color:var(--muted);flex-shrink:0;transition:transform .2s}.match-card.expanded .h-chevron{color:var(--hex);transform:rotate(180deg)}.match-expand{border-top:1px solid var(--border);background:#0d1520;padding:20px;display:none}.match-card.expanded .match-expand{display:block}.expand-stats{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:20px;padding-bottom:18px;display:flex}.expand-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.expand-stat-val{font-size:1.3rem;font-weight:600}.expand-stat-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:500}.expand-outcome.win{color:var(--green)}.expand-outcome.loss{color:var(--red)}.analysis-wrap{margin-top:20px;padding-top:20px}.analyze-btn{border:1px solid var(--hex-dim);color:var(--hex);letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#00c8ff1f,#c89b3c14);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.analyze-btn:hover{border-color:var(--hex);color:#fff;background:#00c8ff33}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.expand-loading{color:var(--muted);align-items:center;gap:12px;padding:20px 0;display:flex}.expand-spinner{border:2px solid var(--border);border-top-color:var(--hex);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.expand-error{color:var(--red);background:#ff5c5c12;border:1px solid #ff5c5c33;border-radius:8px;margin-top:16px;padding:14px 16px}.expand-stats{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;margin-bottom:20px;padding-bottom:20px;display:flex}.expand-outcome{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.expand-kda{align-items:center;gap:14px;display:flex}.kda-score{font-size:1.35rem;font-weight:700}.kda-ratio{color:var(--gold);font-weight:600}.expand-meta{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:.85rem;display:flex}.expand-items{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.analyze-btn{justify-content:center;width:100%;margin-bottom:20px}.match-banner{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:24px 28px;display:flex}.banner-left{flex:1;align-items:center;gap:16px;min-width:220px;display:flex}.champion-avatar{border:2px solid var(--gold);width:84px;height:84px;color:var(--gold);text-align:center;background:linear-gradient(135deg,#1a2a3a,#0d1a28);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;line-height:1.2;display:flex;overflow:hidden}.champion-avatar img,.h-champ img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.match-meta{flex:1;min-width:160px}.match-outcome{margin-bottom:4px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.match-outcome.win{color:var(--green)}.match-outcome.loss{color:var(--red)}.match-detail{color:var(--muted);font-size:.8rem}.match-stats{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-val{color:var(--text);font-size:1.4rem;font-weight:600;line-height:1}.stat-val .slash{color:var(--muted);font-weight:300}.stat-val .deaths{color:var(--red)}.stat-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:500}.kda-ratio{color:var(--hex);border:1px solid var(--hex-dim);background:#00c8ff1a;border-radius:20px;align-self:center;padding:3px 10px;font-size:.8rem;font-weight:600}.analysis-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.analysis-grid{grid-template-columns:1fr}.match-stats{gap:16px}}.analysis-col{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.col-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px;display:flex}.col-header.strengths{border-top:3px solid var(--green)}.col-header.strengths .col-title{color:var(--green)}.strengths .insight-icon{background:#3ddc841f}.col-header.improve{border-top:3px solid var(--gold)}.col-title{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:600}.col-header.improve .col-title{color:var(--gold)}.insight-list{padding:8px 0}.insight-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 20px;display:flex}.insight-item:last-child{border-bottom:none}.insight-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:1rem;display:flex}.improve .insight-icon{background:#c89b3c1f}.insight-body{flex:1}.insight-desc{color:var(--text);font-size:.82rem;line-height:1.55}.insight-tag{letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-top:6px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.tag-focus{color:var(--gold-lt);background:#c89b3c26}.tag-critical{color:var(--red);background:#ff5c5c26}.tag-solid{color:var(--hex);background:#00c8ff1f}.history-section{margin-top:24px}.history-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.history-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.history-divider{background:var(--border);flex:1;height:1px}.history-hint{color:var(--hex);align-items:center;gap:6px;font-size:.72rem;display:flex}.history-list{flex-direction:column;gap:6px;display:flex}.history-row{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.history-row:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.history-row.win:before{background:var(--green)}.history-row.loss:before{background:var(--red)}.history-row:hover{border-color:var(--hex-dim);background:#141f2e}.history-row.active{border-color:var(--hex);background:#00c8ff0d}.h-champ{text-align:center;background:linear-gradient(135deg,#1a2a3a,#0d1a28);border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.1rem;display:flex;overflow:hidden}.champion-avatar-fallback{width:100%;height:100%;color:var(--gold);text-align:center;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;line-height:1.1;display:flex}.h-info{flex:1;min-width:0}.h-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.h-champ-name{color:var(--text);font-size:.82rem;font-weight:600}.h-role{color:var(--muted);font-size:.7rem}.h-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.h-meta{color:var(--muted);font-size:.72rem}.match-item-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.match-item-icon{object-fit:cover;background:#0d1a28;border:1px solid #ffffff1a;border-radius:7px;width:40px;height:40px;transition:transform .15s,border-color .15s,box-shadow .15s}.match-item-icon:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 10px #00000059}.match-item-slot{border:1px dashed var(--border);background:#ffffff05;border-radius:7px;flex-shrink:0;width:40px;height:40px}.expand-items-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:.62rem;font-weight:500}.h-outcome{letter-spacing:.1em;text-transform:uppercase;text-align:center;flex-shrink:0;width:36px;font-size:.72rem;font-weight:700}.h-outcome.win{color:var(--green)}.h-outcome.loss{color:var(--red)}.h-kda{color:var(--text);text-align:right;min-width:70px;font-size:.8rem;font-weight:600}.h-kda .h-d{color:var(--red)}.h-score-pill{text-align:center;border-radius:999px;min-width:42px;padding:4px 9px;font-size:.72rem;font-weight:700}.pill-high{color:var(--green);background:#3ddc8426}.pill-mid{color:var(--hex);background:#00c8ff1a}.pill-low{color:var(--gold-lt);background:#c89b3c26}.fade-in{animation:.35s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}