:root{--bg: #05060d;--bg-2: #0a0c18;--card: rgba(14, 18, 34, .72);--card-solid: #0e1222;--border: rgba(0, 229, 255, .16);--cyan: #00e5ff;--pink: #ff2d78;--green: #00ff9d;--red: #ff3d5e;--violet: #8b5cf6;--text: #e8eeff;--muted: #8490b8;--glow-cyan: 0 0 18px rgba(0, 229, 255, .45);--glow-green: 0 0 18px rgba(0, 255, 157, .4);--glow-red: 0 0 18px rgba(255, 61, 94, .4);--panel: rgba(10, 12, 24, .6);--panel-soft: rgba(10, 12, 24, .45);--text-secondary: #6b7aa1;--hover: rgba(0, 229, 255, .07);--bg-secondary: rgba(10, 12, 24, .55);--neon-purple: #a78bfa;--neon-blue: #60a5fa}:root[data-theme=light]{--bg: #eef2f9;--bg-2: #ffffff;--card: rgba(255, 255, 255, .85);--card-solid: #ffffff;--border: rgba(0, 140, 175, .3);--cyan: #0a8fb0;--pink: #e03378;--green: #00a86b;--red: #e0445f;--violet: #7c5cff;--text: #1a2033;--muted: #5d6b8a;--glow-cyan: 0 0 18px rgba(10, 143, 176, .35);--glow-green: 0 0 18px rgba(0, 168, 107, .3);--glow-red: 0 0 18px rgba(224, 68, 95, .3);--panel: rgba(255, 255, 255, .75);--panel-soft: rgba(255, 255, 255, .6);--text-secondary: #6b7aa1;--hover: rgba(0, 140, 175, .08);--bg-secondary: rgba(240, 243, 250, .85);--neon-purple: #7c5cff;--neon-blue: #3b82f6}:root[data-theme=light] body{background:radial-gradient(1100px 520px at 85% -10%,rgba(10,143,176,.12),transparent 60%),radial-gradient(900px 500px at -10% 5%,rgba(124,92,255,.1),transparent 60%),var(--bg)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(1100px 520px at 85% -10%,rgba(0,229,255,.1),transparent 60%),radial-gradient(900px 500px at -10% 5%,rgba(139,92,246,.12),transparent 60%),var(--bg);color:var(--text);min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:0 22px 60px;display:flex;flex-direction:column;min-height:100vh}.app.app-full{max-width:none;padding:0;width:100%}.content{flex:1;margin-left:64px}@media(max-width:920px){.content{margin-left:0!important}}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 22px;background:linear-gradient(180deg,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar-icon-rail{width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box}.topbar-left{position:absolute;left:calc(50% + 32px);top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;width:clamp(240px,calc(50vw - 220px),550px)}.topbar-search-wrap .search,.topbar-left .search{width:100%;min-width:0;margin:0}.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.brand-logo{justify-self:start;flex-shrink:0;border:0;padding:0;background:transparent;cursor:pointer;line-height:0;border-radius:12px;transition:transform .2s,filter .2s}.brand-logo img{display:block;width:96px;height:96px;object-fit:cover;border-radius:16px;box-shadow:0 0 26px #00e5ff4d}.brand-logo:hover{filter:brightness(1.12);transform:translateY(-1px)}.brand-logo:active{transform:translateY(0) scale(.97)}.download-btn{flex-shrink:0;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:800;letter-spacing:.3px;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 4px 18px #00e5ff4d,inset 0 0 0 1px #ffffff14;transition:transform .2s,box-shadow .25s,filter .2s;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1)}.download-btn:before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);transition:left .55s ease}.download-btn:hover:before{left:130%}.download-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 26px #00e5ff73,inset 0 0 0 1px #ffffff1f}.download-btn:active{transform:translateY(0) scale(.97)}.download-icon{width:17px;height:17px;flex-shrink:0;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search{display:flex;gap:8px;width:min(700px,60%);min-width:300px}.search-center{margin:0 auto;padding:12px 0 4px;justify-content:center}.search-field{position:relative;flex:1;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);transition:box-shadow .2s,border-color .2s}.search-field:focus-within{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.search-field input{width:100%;background:transparent;border:0;outline:none;color:var(--text);font-size:15px;padding:11px 14px}.tag-field{flex:0 0 150px;display:flex;align-items:center}.hash{color:var(--cyan);padding-left:12px;font-size:16px}.btn{border:0;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .2s,filter .2s}.btn-search{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#04121a;box-shadow:var(--glow-cyan)}.btn-search:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-search:disabled{opacity:.5;cursor:wait}.btn-update{background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;box-shadow:0 0 16px #ff2d7859}.btn-update:hover:not(:disabled){transform:translateY(-1px)}.btn-update:disabled{opacity:.45;cursor:not-allowed}.lang-switcher{position:relative;flex-shrink:0}.discord-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer;transition:transform .15s,color .2s,border-color .2s,box-shadow .2s}.discord-btn:hover{color:#5865f2;border-color:#5865f2;box-shadow:0 0 16px #5865f273;transform:translateY(-1px)}.discord-btn svg{width:22px;height:22px}.riot-widget{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;max-width:250px;padding:5px 10px 5px 6px;border-radius:14px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .2s,border-color .2s,opacity .2s;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1)}.riot-widget:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.riot-widget:active{transform:translateY(0) scale(.97)}.riot-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 12px #00e5ff59}.riot-status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #00ff9dcc;flex-shrink:0}.riot-name{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.riot-tag{font-size:12px;color:var(--cyan);font-weight:600;flex-shrink:0}.riot-lvl{font-size:10px;font-weight:700;color:var(--muted);background:var(--panel);border:1px solid var(--border);padding:2px 7px;border-radius:999px;flex-shrink:0}.riot-logo{width:20px;height:20px;flex-shrink:0;opacity:.85}.riot-lbl{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.feedback-wrap{position:relative;flex-shrink:0}.feedback-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:14px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .2s,border-color .2s;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1)}.feedback-btn:hover,.feedback-btn.open{transform:translateY(-1px);border-color:var(--violet);box-shadow:0 0 16px #8b5cf673,inset 0 0 0 1px #8b5cf64d}.feedback-btn:active{transform:translateY(0) scale(.97)}.feedback-btn svg{color:var(--violet)}.feedback-btn-label{white-space:nowrap}.feedback-pop{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-width:calc(100vw - 24px);z-index:60;border-radius:16px;border:1px solid rgba(139,92,246,.35);background:var(--bg-2, #101523);box-shadow:0 18px 50px #0000008c,0 0 0 1px #8b5cf626,0 0 24px #8b5cf640;overflow:hidden;animation:pop-in .22s cubic-bezier(.34,1.56,.64,1)}.feedback-body{padding:18px}.feedback-body h4{margin:0 0 4px;font-size:15px;font-weight:800;color:var(--text);background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.feedback-sub{margin:0 0 14px;font-size:12px;line-height:1.5;color:var(--muted)}.feedback-label{display:block;margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.feedback-topic-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.feedback-topic{padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s,background .15s}.feedback-topic:hover{border-color:var(--violet);color:var(--text)}.feedback-topic.active{border-color:var(--violet);color:#fff;background:linear-gradient(135deg,#8b5cf659,#00e5ff33);box-shadow:0 0 12px #8b5cf659}.feedback-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:88px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:13px;font-family:inherit;line-height:1.5;outline:none}.feedback-textarea:focus{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf626}.feedback-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.feedback-ghost{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:color .15s,border-color .15s}.feedback-ghost:hover{color:var(--text);border-color:var(--violet)}.feedback-primary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;border:0;color:#fff;font-size:13px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 4px 16px #00e5ff40;transition:transform .15s,box-shadow .2s,filter .2s}.feedback-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #8b5cf666}.feedback-primary:disabled{opacity:.55;cursor:default}.feedback-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rt-spin .7s linear infinite}.feedback-error{margin:10px 0 0;font-size:12px;color:var(--red)}.feedback-sent{text-align:center;padding:26px 20px}.feedback-check{width:44px;height:44px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--cyan));color:#fff;font-size:22px;font-weight:900;box-shadow:0 0 20px #00ff9d66}.feedback-sent h4{-webkit-text-fill-color:initial;background:none;color:var(--green)}.feedback-sent p{margin:0 0 18px;font-size:13px;color:var(--muted)}.riot-unavailable{opacity:.8}.riot-unavailable:hover{opacity:1}.riot-loading{cursor:default;padding:9px 12px}.riot-loading:hover{transform:none;box-shadow:none;border-color:var(--border)}.riot-spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--cyan);animation:spin .8s linear infinite}.lang-current{background:var(--bg-2);border:1px solid var(--border);color:var(--cyan);padding:11px 16px;flex-shrink:0}.lang-current:hover,.lang-current.open{box-shadow:var(--glow-cyan)}.lang-caret{font-size:10px;transition:transform .2s}.lang-caret.open{transform:rotate(180deg)}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;list-style:none;margin:0;padding:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--glow-cyan);z-index:30}.lang-menu li{margin:0}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text-1);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}.lang-option:hover{background:#00e5ff1a}.lang-option.active{color:var(--cyan)}.lang-flag{font-size:16px;line-height:1}.lang-flag-img{width:20px;height:20px;flex-shrink:0;border-radius:2px;object-fit:contain}.lang-flag-fb{font-size:16px;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.lang-code{font-weight:800;letter-spacing:1px}.lang-name{flex:1}.lang-check{color:var(--cyan);font-weight:800}.refresh-icon{flex-shrink:0;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.btn-update:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.btn-update:disabled .refresh-icon{opacity:.6}.btn-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{margin:14px 0;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,61,94,.5);background:#ff3d5e1f;color:#ffd7de;font-size:14px}.loader{display:flex;align-items:center;gap:14px;justify-content:center;padding:80px 0;color:var(--muted);font-size:15px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(0,229,255,.2);border-top-color:var(--cyan);animation:spin .8s linear infinite;box-shadow:var(--glow-cyan)}.spinner-sm{width:20px;height:20px;border-width:2px;box-shadow:none}.load-more{display:flex;align-items:center;justify-content:center;min-height:60px;padding:16px 0}.loader-inline{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.no-more{color:var(--muted);font-size:13px}.hero{text-align:center;padding:60px 20px 40px}.hero-typewriter{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin:0 auto 18px;max-width:92%;animation:hero-typewriter-in .6s ease both}.hero-typewriter-text{font-family:var(--font-display, inherit);font-size:clamp(17px,2.4vw,24px);font-weight:700;letter-spacing:.3px;color:var(--text);background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(0,229,255,.35));white-space:pre-wrap;word-break:break-word}.hero-typewriter-caret{flex-shrink:0;width:3px;height:1.15em;border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--violet));box-shadow:var(--glow-cyan);animation:hero-caret-blink .85s step-end infinite}.hero-typewriter-caret.off{animation:none;opacity:0}@keyframes hero-typewriter-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-caret-blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:640px){.hero-typewriter{min-height:52px}}.profile-header{display:flex;align-items:center;gap:14px;margin:0 auto 12px;padding:10px 14px;border-radius:14px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 40px #00e5ff14;max-width:45%}.picon-wrap{position:relative;flex-shrink:0}.profile-icon{width:40px;height:40px;border-radius:10px;border:2px solid var(--cyan);box-shadow:var(--glow-cyan)}.picon-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;border:2px solid rgba(0,229,255,.2);pointer-events:none}.profile-identity{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-id-top{display:flex;align-items:center;gap:6px}.profile-id-top .fav-btn{width:24px;height:24px;font-size:13px;border-radius:6px;border:1px solid var(--border);background:#00e5ff0a;display:flex;align-items:center;justify-content:center}.profile-id-top .fav-btn:hover{transform:none;color:var(--cyan);border-color:#00e5ff66}.profile-id-top .fav-btn.active{text-shadow:none}.profile-id-top .share-btn{width:24px;height:24px;font-size:12px;border-radius:6px;padding:0}.profile-id-top .share-btn:hover{transform:none}.profile-id-top .chip.level{font-size:11px;padding:2px 8px}.profile-name-row{display:flex;align-items:baseline;gap:4px}.summoner-name{margin:0;font-size:17px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.summoner-tag{color:var(--cyan);font-weight:600;font-size:12px;white-space:nowrap}.chip{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.5px;border:1px solid var(--border);color:var(--muted);background:#00e5ff0d;white-space:nowrap}.chip.region{color:var(--cyan);border-color:#00e5ff66}.chip.lp{color:var(--green);border-color:#00ff9d66;background:#00ff9d0f}.share-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:#00e5ff0a;color:var(--muted);cursor:pointer;transition:all .2s;font-size:16px}.share-btn:hover{color:var(--cyan);border-color:#00e5ff66;transform:none}.share-btn.active{color:var(--green);border-color:#00ff9d66}.chip.level{color:var(--muted);border-color:var(--border)}.in-game-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--green);background:#00ff9d1a;border:1px solid rgba(0,255,157,.3);animation:pulse-glow 2s ease-in-out infinite}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.5s ease-in-out infinite}.profile-streak{margin-left:auto;flex-shrink:0}.streak-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;width:130px}.streak-svg{width:100%;height:32px;min-width:0;overflow:visible}.streak-label{font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.streak-label.positive{color:#00e5ff}.streak-label.negative{color:#ff1744}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #00ff9d26}50%{box-shadow:0 0 16px #00ff9d4d}}.profile-layout{display:flex;gap:16px;margin:16px 0 0}.profile-sidebar{position:fixed;right:22px;top:140px;width:260px;display:flex;flex-direction:column;gap:16px;z-index:10;padding:0 12px;overflow-y:auto;scrollbar-width:none;max-height:calc(100vh - 150px)}.profile-sidebar::-webkit-scrollbar{display:none}.profile-main{width:100%;min-width:0}.profile-search-area{display:flex;justify-content:center;margin-bottom:12px}.profile-search-area .search{width:100%;max-width:42%}.recording-overlay{position:fixed;top:96px;right:22px;z-index:900;pointer-events:none;animation:rec-slide-in .6s cubic-bezier(.22,1,.36,1) forwards}.recording-overlay-card{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:12px;background:linear-gradient(135deg,#0a0816f2,#0f0c1eeb);border:1px solid rgba(0,229,255,.35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 20px #00e5ff33,0 0 40px #785aff1a,inset 0 1px #ffffff0a,0 4px 16px #00000080;animation:rec-card-glow 2s ease-in-out infinite}.recording-overlay-icon{width:32px;height:32px;object-fit:contain;border-radius:8px;padding:2px;background:linear-gradient(135deg,#785aff26,#00e5ff1a);border:1px solid rgba(120,90,255,.3);filter:drop-shadow(0 0 6px rgba(120,90,255,.4))}.recording-overlay-text{display:flex;flex-direction:column;gap:2px;min-width:0}.recording-overlay-title{font-size:12px;font-weight:700;color:var(--red, #ff4757);letter-spacing:.06em;text-transform:uppercase;line-height:1;text-shadow:0 0 12px rgba(255,71,87,.5)}.recording-overlay-sub{font-size:11px;font-weight:500;color:var(--cyan, #00e5ff);letter-spacing:.03em;line-height:1;text-shadow:0 0 8px rgba(0,229,255,.3)}.rec-rec-dot{width:10px;height:10px;border-radius:50%;background:var(--red, #ff4757);flex-shrink:0;margin-left:4px;animation:rec-dot-pulse 1.2s ease-in-out infinite;box-shadow:0 0 6px #ff4757b3,0 0 14px #ff47574d}@keyframes rec-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rec-card-glow{0%,to{border-color:#00e5ff59;box-shadow:0 0 20px #00e5ff26,0 0 40px #785aff14,inset 0 1px #ffffff0a,0 4px 16px #00000080}50%{border-color:#00e5ff8c;box-shadow:0 0 28px #00e5ff4d,0 0 50px #785aff26,inset 0 1px #ffffff0f,0 4px 16px #00000080}}@keyframes rec-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.recording-overlay.exiting{animation:rec-slide-out .5s cubic-bezier(.55,0,1,.45) forwards}@keyframes rec-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.92)}}.rank-cards{display:flex;flex-direction:column;gap:12px}.rank-card{border-radius:14px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:border-color .25s,box-shadow .25s}.rank-card:hover{border-color:#00e5ff59;box-shadow:0 0 24px #00e5ff14}.rank-card-header{padding:10px 14px 0}.rank-card-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.rank-card-body{display:flex;align-items:center;gap:14px;padding:8px 14px 14px}.rank-card-icon-wrap{flex-shrink:0}.rank-card-icon{width:60px;height:60px;filter:drop-shadow(0 0 12px rgba(0,229,255,.3))}.rank-card-info{flex:1;min-width:0}.rank-card-tier{font-size:16px;font-weight:800;color:var(--violet);text-shadow:0 0 12px rgba(139,92,246,.4);line-height:1.2}.rank-card-lp{font-size:13px;font-weight:600;color:var(--green);margin-top:2px}.rank-card-record{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:6px}.rank-card-wins{color:var(--green);font-weight:700}.rank-card-sep{color:var(--muted);font-size:11px}.rank-card-losses{color:var(--red);font-weight:700}.rank-card-wr{margin-left:6px;color:var(--muted);font-weight:600;font-size:11px}.rank-card-bar{width:100%;height:4px;border-radius:99px;background:#ff3d5e33;overflow:hidden;margin-top:6px}.rank-card-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:var(--glow-green);transition:width .4s ease}.rank-card-unranked{text-align:center;padding:8px 0 4px;font-size:14px;font-weight:600;color:var(--muted)}.rank-card.unranked .rank-card-body{justify-content:center}.champion-stats{border-radius:14px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.champion-stats-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid var(--border)}.champion-stats-title{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.champion-stats-count{font-size:11px;color:var(--muted);white-space:nowrap}.champion-stats-list{display:flex;flex-direction:column;max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.25) transparent}.champion-stats-list::-webkit-scrollbar{width:5px}.champion-stats-list::-webkit-scrollbar-track{background:transparent}.champion-stats-list::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:4px}.champion-stats-list::-webkit-scrollbar-thumb:hover{background:#00e5ff80}.champion-stat-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.champion-stat-row:last-child{border-bottom:none}.champion-stat-row:hover{background:#00e5ff08}.cs-icon-wrap{flex-shrink:0}.cs-icon{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.cs-info{flex:1;min-width:0}.cs-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-record{display:flex;align-items:center;gap:3px;font-size:11px}.cs-wins{color:var(--green);font-weight:600}.cs-sep{color:var(--muted);font-size:10px}.cs-losses{color:var(--red);font-weight:600}.cs-chart{width:80px;flex-shrink:0}.mini-streak{width:100%;height:18px;overflow:visible}.cs-wr{width:38px;text-align:right;flex-shrink:0}.cs-wr-value{font-size:12px;font-weight:700}.cs-wr-value.positive{color:var(--cyan)}.cs-wr-value.negative{color:var(--red)}.match-list{display:flex;flex-direction:column;gap:8px;max-width:70%;margin:0 auto}.match{border-radius:14px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;transition:border-color .25s,box-shadow .25s}.match:hover{border-color:#00e5ff80}.match.open{border-color:#00e5ffa6;box-shadow:0 0 30px #00e5ff1f}.match-head{display:flex;align-items:center;gap:10px;padding:9px 13px;cursor:pointer;-webkit-user-select:none;user-select:none}.badge{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:15px;font-weight:800;color:#04120a}.badge.win{background:linear-gradient(135deg,var(--green),#00c37b);box-shadow:var(--glow-green)}.badge.loss{background:linear-gradient(135deg,var(--red),#c81e4e);color:#fff;box-shadow:var(--glow-red)}.badge.remake{background:linear-gradient(135deg,#6b7280,#4b5563);color:#e5e7eb;box-shadow:none}.m-meta{display:flex;flex-direction:column;gap:1px;width:78px;flex-shrink:0}.m-mode{font-size:10px;font-weight:700;color:var(--text)}.m-dur{font-size:11px;font-weight:600;color:var(--text)}.m-date{font-size:10px;color:var(--muted)}.m-ago{font-size:9px;color:var(--muted);opacity:.7}.m-champ{position:relative;width:49px;height:49px;flex-shrink:0}.m-champ-icon{width:49px;height:49px;border-radius:10px;border:2px solid var(--border);object-fit:cover}.m-keystone{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:5px;border:1px solid var(--cyan);box-shadow:var(--glow-cyan)}.m-spells{position:absolute;left:-7px;bottom:-5px;display:flex;flex-direction:column;gap:2px}.m-spell{width:19px;height:19px;border-radius:4px;border:1px solid var(--border);object-fit:cover;background:var(--card-solid)}.m-kda{display:flex;flex-direction:column;gap:2px;min-width:82px}.m-kda-line{font-size:14px;font-weight:800}.m-kda-line i{color:var(--muted);font-style:normal;font-weight:400}.m-kda-ratio{font-size:11px;color:var(--cyan);font-weight:600}.m-stats{display:flex;gap:22px;flex:1}.m-stat{display:flex;flex-direction:column;gap:1px}.m-stat b{font-size:12px;font-weight:700;color:var(--text)}.m-stat span{font-size:9px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.chevron{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-2);color:var(--cyan);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:transform .3s,box-shadow .3s}.chevron:hover{box-shadow:var(--glow-cyan)}.chevron svg{transition:transform .3s}.chevron.open svg{transform:rotate(180deg)}.match-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.match.open .match-body{max-height:3200px}.teams{display:flex;flex-direction:column;gap:16px;padding:6px 18px 18px;overflow-x:auto}.team-panel{border-radius:14px;border:1px solid var(--border);background:var(--panel);overflow:hidden;min-width:800px}.team-panel.blue{border-top:2px solid var(--cyan);box-shadow:0 0 26px #00e5ff14}.team-panel.red{border-top:2px solid var(--red);box-shadow:0 0 26px #ff2d7814}.team-panel-head{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:11px;font-weight:800;letter-spacing:1.4px}.team-panel.blue .team-panel-head{color:var(--cyan)}.team-panel.red .team-panel-head{color:var(--red)}.team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.team-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.team-panel.blue .team-dot{background:var(--cyan);box-shadow:var(--glow-cyan)}.team-panel.red .team-dot{background:var(--red);box-shadow:var(--glow-red)}.arena-panel{border-color:#a855f74d;background:#a855f708}.arena-panel .team-panel-head{background:#a855f714}.arena-panel .team-dot{background:#a855f7;box-shadow:0 0 12px #a855f766}.team-name{flex-shrink:0}.team-result{padding:3px 12px;border-radius:99px;font-size:10px;letter-spacing:2px;font-weight:900}.team-result.win{color:#04121a;background:linear-gradient(135deg,#7fe0a8,#3ec98a);box-shadow:0 0 14px #3ec98a73}.team-result.loss{color:#04121a;background:linear-gradient(135deg,#ff7a9e,#ff2d78);box-shadow:0 0 14px #ff2d7873}.team-kda{margin-left:6px;letter-spacing:.4px;color:var(--text);font-weight:700;white-space:nowrap}.team-sep{margin:0 10px;color:var(--muted);font-weight:300}.team-kda i{font-style:normal;color:var(--muted);padding:0 2px}.ghead,.grow{display:grid;grid-template-columns:38px 22px 22px 128px 51px 71px 94px 55px 36px 49px 1fr;gap:6px;align-items:center}.ghead{padding:5px 12px;border-top:1px solid rgba(0,229,255,.07);border-bottom:1px solid rgba(0,229,255,.07);background:#ffffff05}.ghead-label{font-size:8px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-weight:800;text-align:center}.ghead-label.ghead-build{text-align:left;padding-left:16px}.grow{padding:5px 12px;border-top:1px solid rgba(0,229,255,.06)}.grow.me{background:linear-gradient(90deg,#00e5ff1f,#8b5cf614);box-shadow:inset 3px 0 0 var(--cyan)}.g-champ{display:flex;align-items:center}.g-champ-wrap{position:relative;flex-shrink:0}.g-champ-icon{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);object-fit:cover}.g-champ-level{position:absolute;left:-3px;bottom:-4px;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:800;line-height:14px;text-align:center;color:#04121a;background:linear-gradient(135deg,var(--cyan),var(--violet));border:1px solid rgba(255,255,255,.35);border-radius:99px;box-shadow:0 0 10px #00e5ff8c}.g-spells{display:flex;flex-direction:column;gap:3px}.g-spell{width:24px;height:24px;border-radius:5px;border:1px solid var(--border);object-fit:cover;background:var(--card-solid)}.g-runes{display:flex;flex-direction:column;gap:3px;align-items:center}.g-rune{width:22px;height:22px;border-radius:5px;border:1px solid var(--border);object-fit:cover}.g-tree{border-radius:50%;box-shadow:0 0 8px #00e5ff59}.g-name{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}button.g-pname,.g-pname{font-size:11px;font-weight:600;color:var(--text);text-align:left;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.g-pname{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer;transition:color .15s,text-shadow .15s}button.g-pname:hover{color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,.6)}.g-carry{display:flex;flex-direction:column;align-items:center;gap:4px}.g-kda{display:flex;flex-direction:column;align-items:center;gap:3px}.g-kda-line{display:inline-flex;align-items:baseline;gap:2px;font-size:11px;font-weight:700}.g-kda-line .k{color:var(--green)}.g-kda-line .d{color:var(--red)}.g-kda-line .a{color:var(--text)}.g-kda-line .sep{color:var(--muted);opacity:.6}.g-kda-ratio{font-size:9px;color:var(--muted);font-weight:600}.g-dmg{display:flex;flex-direction:column;gap:3px}.g-dmg-val{font-size:11px;font-weight:700;text-align:center}.g-dmg-bar{height:4px;border-radius:99px;background:#ffffff14;overflow:hidden}.g-dmg-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#ff2d78,#ff9f2e);box-shadow:0 0 10px #ff2d7899;transition:width .3s ease}.g-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.g-stat-v{font-size:11px;font-weight:700}.g-stat-l{font-size:8px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.g-items{display:flex;align-items:center;justify-content:flex-start;gap:3px;flex-wrap:wrap;padding-left:16px}.g-item{width:22px;height:22px;border-radius:5px;border:1px solid rgba(0,229,255,.14);object-fit:cover}.g-item.mission{border-color:#ffd54ab3;box-shadow:0 0 10px #ffd54a73}.match-tabs{display:flex;gap:4px;padding:14px 18px 0}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.6px;padding:8px 14px;cursor:pointer;border-radius:10px 10px 0 0;transition:color .2s,border-color .2s,background .2s}.tab:hover{color:var(--text)}.tab.active{color:var(--cyan);border-bottom-color:var(--cyan);background:#00e5ff0f;box-shadow:inset 0 -14px 18px -18px #00e5ff99}.metrics-wrap{display:flex;flex-direction:column;gap:14px;padding:6px 18px 18px}.metric-subtabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border);align-self:flex-start}.subtab{background:transparent;border:0;color:var(--muted);padding:7px 18px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.subtab:hover{color:var(--cyan)}.subtab.active{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#04121a;box-shadow:var(--glow-cyan)}.metric-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{background:var(--bg-2);border:1px solid var(--border);color:var(--muted);padding:8px 18px;border-radius:99px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.pill:hover{color:var(--cyan);border-color:#00e5ff66}.pill.active{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#04121a;border-color:transparent;box-shadow:var(--glow-cyan)}.pill-count{margin-left:6px;padding:1px 7px;border-radius:99px;background:#00000059;font-size:11px;font-weight:800;color:inherit}.pill.active .pill-count{background:#00000047}.legend-sep{width:1px;height:14px;background:var(--border);align-self:center}.events-wrap{display:flex;flex-direction:column;gap:14px;padding:6px 18px 18px}.events-filters,.events-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.events-count{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.4px}.evt-myteam{background:var(--bg-2);border:1px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.evt-myteam:hover{color:var(--cyan);border-color:#00e5ff66}.evt-myteam.on{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#04121a;border-color:transparent;box-shadow:var(--glow-cyan)}.events-ruler{position:relative;height:34px;margin:2px 4px 0;border-radius:12px;background:var(--panel-soft);border:1px solid var(--border)}.ruler-track{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#00e5ff1f,#8b5cf633)}.ruler-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:3px;border:0;cursor:pointer;z-index:2;transition:transform .15s,box-shadow .15s}.ruler-tick:hover{transform:translate(-50%,-50%) scale(1.4);box-shadow:0 0 10px currentColor}.ruler-tick.blue{background:var(--cyan);color:var(--cyan)}.ruler-tick.red{background:var(--red);color:var(--red)}.ruler-tick.obj{background:#ffb020;color:#ffb020;width:12px;height:12px;border-radius:50%}.ruler-tick.building{background:#a78bfa;color:#a78bfa}.ruler-mark{position:absolute;bottom:2px;transform:translate(-50%);font-size:9px;color:var(--muted);pointer-events:none}.events-feed{display:flex;flex-direction:column;gap:6px;max-height:520px;overflow-y:auto;padding:2px}.evt{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);border-left-width:3px}.evt.kill.blue{border-left-color:var(--cyan)}.evt.kill.red{border-left-color:var(--red)}.evt.objective{border-left-color:#ffb020}.evt.building{border-left-color:#a78bfa}.evt.mine{background:linear-gradient(90deg,rgba(0,229,255,.08),var(--panel));box-shadow:inset 3px 0 0 var(--cyan)}.evt-time{flex-shrink:0;min-width:46px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;color:var(--cyan);letter-spacing:.4px}.evt-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.evt-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:26px;padding:0 8px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:1px}.evt-badge.kill{color:#fff;background:linear-gradient(135deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.14)}.evt-badge.obj{width:18px;min-width:18px;height:18px;padding:0;border-radius:6px}.evt-badge.obj.dragon{background:linear-gradient(135deg,#8b5cf6,#c026d3)}.evt-badge.obj.baron{background:linear-gradient(135deg,#d946ef,#7c3aed)}.evt-badge.obj.herald{background:linear-gradient(135deg,#fbbf24,#d97706)}.evt-badge.obj.grubs{background:linear-gradient(135deg,#34d399,#059669)}.evt-badge.obj.atakhan{background:linear-gradient(135deg,#f43f5e,#7c2d12)}.evt-badge.obj.objective{background:linear-gradient(135deg,#a3e635,#65a30d)}.evt-badge.building{color:#04121a}.evt-badge.building.tower{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.evt-badge.building.inhib{background:linear-gradient(135deg,#f87171,#dc2626)}.evt-player{display:inline-flex;align-items:center;gap:6px;min-width:0}.evt-player.me .evt-pname{color:var(--cyan);font-weight:800}.evt-avatar{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);object-fit:cover;flex-shrink:0}.evt-pname{font-size:12px;font-weight:700;color:var(--text);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evt-action{font-size:12px;color:var(--muted)}.evt-assist-icons{display:inline-flex;align-items:center;gap:3px}.evt-assist-avatar{width:16px;height:16px;border-radius:4px;border:1px solid var(--border);object-fit:cover;flex-shrink:0}.evt-flags{display:inline-flex;gap:5px}.fb-tag,.sd-tag{font-size:9px;font-weight:900;letter-spacing:.8px;padding:2px 7px;border-radius:6px}.fb-tag{color:#04121a;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.sd-tag{color:#fff;background:linear-gradient(135deg,#ef4444,#991b1b)}.evt-desc{font-size:12px;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.evt-sub{color:var(--muted);font-weight:600}.evt-by{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:500}.evt-team{margin-left:auto;flex-shrink:0;font-size:9px;font-weight:900;letter-spacing:1px;padding:3px 8px;border-radius:6px}.evt-team.blue{color:var(--cyan);background:#00e5ff1a;border:1px solid rgba(0,229,255,.25)}.evt-team.red{color:var(--red);background:#ff2d781a;border:1px solid rgba(255,45,120,.25)}.events-empty{padding:40px 10px;text-align:center;color:var(--muted);font-size:13px}.metrics-teams{display:grid;grid-template-columns:1fr 1fr;gap:14px}.team-icons{border-radius:14px;border:1px solid var(--border);background:var(--panel);padding:8px;display:flex;flex-direction:column;gap:4px}.champ-tile{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:5px 8px;border-radius:10px;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.champ-tile:hover{background:#00e5ff12}.champ-tile.active{border-color:var(--tile, var(--cyan));box-shadow:0 0 14px var(--tile, rgba(0, 229, 255, .3));background:#00e5ff0d}.champ-tile img{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);object-fit:cover;flex-shrink:0}.champ-tile-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-tile.active .champ-tile-name{color:var(--tile, var(--cyan))}.champ-tile.me .champ-tile-name{color:var(--cyan);font-weight:800}.chart-box{height:320px;border-radius:14px;border:1px solid var(--border);background:var(--panel-soft);padding:12px 6px 4px}.chart-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;text-align:center}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center}.legend-item{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text)}.legend-item i{width:10px;height:10px;border-radius:3px;display:inline-block}.metrics-loading{padding:50px 18px;display:flex;justify-content:center;color:var(--muted)}.metrics-error{padding:40px 18px;text-align:center;color:var(--red);font-size:13px}.prow{padding:9px 14px;border-top:1px solid rgba(0,229,255,.07)}.prow.me{background:linear-gradient(90deg,#00e5ff24,#8b5cf61a);box-shadow:inset 3px 0 0 var(--cyan)}.prow-main{display:flex;align-items:center;gap:12px;min-width:0}.p-champ{display:flex;align-items:center;gap:9px;min-width:128px}.p-champ-icon{width:38px;height:38px;border-radius:9px;border:1px solid var(--border);object-fit:cover}.p-champ-icon-wrap{position:relative;flex-shrink:0}.p-spells{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.p-spell{width:22px;height:22px;border-radius:5px;border:1px solid var(--border);object-fit:cover;background:var(--card-solid)}.p-champ-level{position:absolute;left:-3px;bottom:-4px;min-width:17px;height:17px;padding:0 3px;font-size:10px;font-weight:800;line-height:16px;text-align:center;color:#04121a;background:linear-gradient(135deg,var(--cyan),var(--violet));border:1px solid rgba(255,255,255,.35);border-radius:99px;box-shadow:0 0 10px #00e5ff8c}.p-champ-name{display:flex;flex-direction:column}.p-name{font-size:13px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.p-name{background:none;border:0;padding:0;margin:0;font:inherit;color:var(--text);text-align:left;cursor:pointer;transition:color .15s,text-shadow .15s}button.p-name:hover{color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,.6)}.p-tag{color:var(--muted);font-weight:400}.p-role{font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--cyan)}.p-stat{display:flex;flex-direction:column;min-width:44px}.p-stat-v{font-size:13px;font-weight:700}.p-stat-l{font-size:9px;letter-spacing:.6px;color:var(--muted);text-transform:uppercase}.prow-build{display:flex;align-items:center;gap:8px;margin-top:8px;padding-left:50px}.items{display:flex;flex-wrap:wrap;gap:3px}.item{width:24px;height:24px;border-radius:5px;border:1px solid rgba(0,229,255,.14);object-fit:cover;flex-shrink:0}.me-badge{font-size:8px;font-weight:800;letter-spacing:1px;color:#04121a;background:linear-gradient(135deg,var(--cyan),var(--violet));padding:2px 6px;border-radius:5px;margin-left:auto}.prow-kda{display:inline-flex;align-items:baseline;gap:2px;font-size:10px;font-weight:700}.prow-kda .k{color:var(--green)}.prow-kda .d{color:var(--red)}.prow-kda .a{color:var(--text)}.prow-kda .sep{color:var(--muted);opacity:.6}.carry-score{flex-shrink:0;width:34px;font-size:11px;font-weight:800;text-align:center;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:3px 6px;border-radius:6px}.carry-score.mid{color:#04121a;background:linear-gradient(135deg,#7fe0a8,#3ec98a);border-color:transparent}.carry-score.blue{color:#04121a;background:linear-gradient(135deg,#7cc9ff,#2f8fff);border-color:transparent}.carry-score.epic{color:#04121a;background:linear-gradient(135deg,#d08cff,#a42bff);border-color:transparent}.carry-score.legendary{color:#04121a;background:linear-gradient(135deg,#ffd54a,#ff9f2e);border-color:transparent}.mvp-badge{flex-shrink:0;width:34px;font-size:9px;font-weight:900;letter-spacing:1px;text-align:center;color:#04121a;background:linear-gradient(135deg,#ffd54a,#ff9f2e);padding:3px 0;border-radius:6px}.prow-sub{margin-top:6px;padding-left:50px;display:flex;align-items:center;justify-content:space-between;gap:10px}.prow-badges{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.rune-strip{display:inline-flex;align-items:center;gap:3px}.rune{width:18px;height:18px;border-radius:4px;object-fit:cover}.rune.shard{opacity:.85}.rune-sep{width:1px;height:14px;background:#00e5ff40;margin:0 3px}.build-wrap{display:flex;flex-direction:column;gap:14px;padding:6px 18px 18px}.build-team-tiles{border-radius:14px;border:1px solid var(--border);background:var(--panel);padding:8px;display:flex;flex-direction:column;gap:4px}.build-panel{border-radius:14px;border:1px solid var(--border);background:var(--panel-soft);padding:16px;display:flex;flex-direction:column;gap:16px}.build-champ{display:flex;align-items:center;gap:14px}.build-champ img{width:54px;height:54px;border-radius:12px;border:1px solid var(--border);object-fit:cover}.build-champ h4{margin:0;font-size:17px;color:var(--text)}.build-roles{font-size:12px;color:var(--muted)}.build-section{display:flex;flex-direction:column;gap:8px}.build-label{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.spell-row{display:flex;flex-wrap:wrap;gap:8px}.spell-cell{position:relative;width:40px;height:40px;border-radius:9px;border:1px solid var(--border);overflow:hidden;flex-shrink:0;box-shadow:0 0 #00e5ff00;transition:box-shadow .15s,border-color .15s,transform .15s}.spell-cell:hover{border-color:#00e5ff80;box-shadow:var(--glow-cyan);transform:translateY(-2px)}.spell-cell img{width:100%;height:100%;object-fit:cover;display:block}.spell-key{position:absolute;left:2px;bottom:1px;width:15px;height:15px;font-size:9px;font-weight:800;line-height:15px;text-align:center;color:#fff;background:#000000a6;border:1px solid rgba(255,255,255,.35);border-radius:4px}.skill-order{display:flex;flex-wrap:wrap;gap:5px}.skill-order .spell-cell{width:26px;height:26px;border-radius:6px}.skill-order .spell-key{width:12px;height:12px;font-size:7px;line-height:12px}.rune-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rune-minor{display:flex;flex-wrap:wrap;gap:6px}.rune-icon{width:34px;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.rune-icon img{width:100%;height:100%;object-fit:cover;display:block}.rune-keystone{width:48px;height:48px;border-radius:10px;border-color:#00e5ff99;box-shadow:var(--glow-cyan)}.img-slot{display:inline-block;width:28px;height:28px;border-radius:6px;background:#00e5ff0f;border:1px dashed rgba(0,229,255,.2)}.footer{margin-top:96px;text-align:center;color:var(--muted);font-size:12px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00e5ff40;border-radius:99px}@media(max-width:1080px){.teams{grid-template-columns:1fr}}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--card-solid);color:var(--cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-cyan);transition:transform .2s,box-shadow .2s;flex-shrink:0}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle svg{width:22px;height:22px}.ai-coach-web-notice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.ai-coach-web-notice{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;max-width:380px;box-shadow:0 20px 60px #00000080,0 0 40px #00e5ff0f}.ai-coach-web-notice h3{margin:16px 0 8px;font-size:18px;font-weight:800;color:var(--text)}.ai-coach-web-notice p{margin:0 0 20px;font-size:13px;color:var(--muted);line-height:1.6}.ai-coach-web-disabled{width:100%;padding:12px 16px;text-align:center;font-size:12px;color:var(--muted);background:#00e5ff08;border:1px dashed rgba(0,229,255,.12);border-radius:10px}.rt-toggle-row .theme-toggle{width:36px;height:36px}.rt-toggle-row .theme-toggle svg{width:20px;height:20px}.rt-web-notice{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#00e5ff0d;border:1px solid rgba(0,229,255,.12);border-radius:10px;font-size:12px;color:var(--muted);line-height:1.5}.profile-tabs{display:flex;gap:4px;justify-content:flex-start;max-width:70%;margin:0 auto 14px}.profile-tabs .tab{background:var(--panel);border:1px solid var(--border);border-bottom:2px solid transparent;border-radius:10px;padding:9px 18px;display:inline-flex;align-items:center;gap:8px}.profile-tabs .tab.active{background:var(--panel);border-bottom-color:var(--cyan)}.live-tab{position:relative}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55eb3;animation:live-pulse 1.6s infinite;flex-shrink:0}@keyframes live-pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.live-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:14px;border-radius:14px;border:1px solid var(--border);background:var(--panel)}.live-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:12px 18px;border-radius:14px;background:var(--card);border:1px solid var(--border)}.live-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.2px;color:#22c55e}.live-mode{font-size:13px;font-weight:700;color:var(--text)}.live-mode-sub{font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel)}.live-dur{margin-left:auto;font-size:14px;font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.5px}.live-spells{display:flex;gap:4px;margin-left:4px}.live-spell{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);object-fit:cover}.live-bans{display:flex;flex-wrap:wrap;gap:4px;padding:8px 14px 0}.live-ban{width:30px;height:30px;border-radius:7px;object-fit:cover;filter:grayscale(.6) brightness(.75);opacity:.85}.live-ban-empty{color:var(--muted);font-size:12px;line-height:30px}.live-teams .p-role{color:var(--muted);letter-spacing:.3px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-row .p-name{max-width:150px}.live-summoner-name{cursor:pointer;transition:color .2s}.live-summoner-name:hover{color:var(--blue);text-decoration:underline}.queue-filter{display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-bottom:2px;border-radius:14px;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.q-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s,transform .2s,background .2s}.q-btn:hover{color:var(--text);border-color:#00e5ff8c;box-shadow:0 0 14px #00e5ff2e;transform:translateY(-1px)}.q-btn.active{color:var(--cyan);background:linear-gradient(180deg,#00e5ff2e,#8b5cf624);border-color:#00e5ffbf;box-shadow:0 0 20px #00e5ff4d,inset 0 0 14px #00e5ff14;font-weight:700}.q-count{min-width:20px;text-align:center;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;line-height:1.6;background:#00e5ff1f;color:var(--cyan)}.q-btn.active .q-count{background:#00e5ff38;color:var(--text);box-shadow:0 0 10px #00e5ff40}.suggest-field{position:relative}.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--card-solid);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 34px #0000008c;overflow:hidden}.suggest-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.suggest-hint{padding:10px 14px;font-size:12px;color:var(--cyan);border-bottom:1px solid var(--border);opacity:.85}.suggest-clear{background:none;border:0;color:var(--pink);font-size:11px;font-weight:700;cursor:pointer;padding:2px 4px}.suggest-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:0;border-bottom:1px solid rgba(0,229,255,.07);color:var(--text);font-size:14px;cursor:pointer;text-align:left}.suggest-item:hover{background:#00e5ff14}.suggest-icon{color:var(--cyan);font-size:14px}.suggest-name{font-weight:600}.suggest-tag{color:var(--cyan);font-weight:600}.fav-btn{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:0 2px;transition:color .15s,transform .15s,text-shadow .15s}.fav-btn:hover{transform:scale(1.15)}.fav-btn.active{color:var(--pink);text-shadow:0 0 14px rgba(255,45,120,.6)}.favorites{margin-top:34px;max-width:560px;margin-left:auto;margin-right:auto}.favorites h3{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.fav-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.fav-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.fav-item:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.fav-icon{width:34px;height:34px;border-radius:50%;object-fit:cover}.fav-meta{display:flex;flex-direction:column;align-items:flex-start}.fav-name{font-size:14px;font-weight:700}.fav-tag{color:var(--cyan);font-weight:600}.fav-region{font-size:11px;color:var(--muted)}.fav-del{position:absolute;top:4px;right:6px;font-size:10px;color:var(--muted);padding:2px;opacity:0;transition:opacity .15s,color .15s}.fav-item:hover .fav-del{opacity:1;color:var(--pink)}.suggest-champ{width:30px;height:30px;border-radius:50%;object-fit:cover}.champ-page{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.champ-head{display:flex;gap:22px;align-items:center;padding:20px;margin-bottom:16px;border-radius:16px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.champ-splash{width:90px;height:90px;border-radius:16px;object-fit:cover;border:1px solid var(--border);box-shadow:var(--glow-cyan);flex-shrink:0}.champ-head-meta{flex:1;min-width:0}.champ-name{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:.5px}.champ-role{display:flex;align-items:center;gap:10px;margin-bottom:14px}.champ-tier{font-size:12px;font-weight:800;letter-spacing:1px;padding:3px 11px;border-radius:999px;border:1px solid var(--border);background:var(--panel)}.champ-tier.tier-s{color:var(--green);border-color:#00ff9d80;box-shadow:0 0 12px #00ff9d40}.champ-stats{display:flex;flex-wrap:wrap;gap:10px}.champ-stat{min-width:92px;padding:9px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.champ-stat-label{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.champ-stat-value{font-size:18px;font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums}.champ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.champ-card{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.champ-card h3{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.champ-runes-row,.champ-items-row{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.chip{flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--muted)}.chip.region{color:var(--cyan);border-color:#00e5ff80}.champ-rune-name,.champ-item-name{font-size:13.5px;font-weight:600}.champ-sub{margin-top:12px;font-size:12.5px;font-weight:600;color:var(--green)}.champ-wr-row{margin-left:auto;display:inline-flex;align-items:baseline;gap:5px;flex-shrink:0}.champ-wr-value{font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}.champ-wr-matches{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.champ-sep{height:1px;margin:12px 0;background:var(--border)}.champ-subhead{margin:16px 0 12px!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.3px!important;text-transform:uppercase!important;color:var(--muted)!important}.champ-empty{color:var(--muted);font-size:13px;padding:10px 0}.champ-empty-block{margin-top:18px;padding:24px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:14px;text-align:center;line-height:1.5}.champ-runes{margin-bottom:2px}.champ-tough-list{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto}.champ-tough-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:none;border:0;color:var(--text);cursor:pointer;text-align:left;transition:background .15s}.champ-tough-item:hover{background:#00e5ff14}.champ-tough-name{flex:1;font-weight:600;font-size:13.5px}.champ-tough-wr{font-weight:800;color:var(--red);font-variant-numeric:tabular-nums}.champ-tough-games{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:54px;text-align:right}.champ-test-note{margin-top:16px;font-size:12px;color:var(--muted);text-align:center}@media(max-width:640px){.champ-head{flex-direction:column;text-align:center}.champ-role,.champ-stats{justify-content:center}}.mastery{display:flex;flex-direction:column;gap:14px;animation:fade-in .3s ease}.mastery-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mastery-head-title{display:flex;flex-direction:column;gap:3px}.mastery-head-title h2{margin:0;font-size:18px;font-weight:800;letter-spacing:.5px}.mastery-stats{display:flex;gap:10px;flex-wrap:wrap}.mastery-stat{min-width:112px;padding:9px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.mastery-stat label{display:block;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.mastery-stat b{font-size:18px;font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.mastery-more{align-self:center}.mastery-item{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s,border-color .15s,box-shadow .15s}.mastery-item:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.mastery-rank{width:20px;flex-shrink:0;text-align:center;font-size:13px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.mastery-ico-wrap{position:relative;flex-shrink:0}.mastery-ico{width:54px;height:54px;border-radius:12px;border:1px solid var(--border);object-fit:cover;background:var(--card-solid)}.mastery-lv{position:absolute;right:-5px;bottom:-6px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;text-align:center;color:#04121a;background:linear-gradient(135deg,var(--cyan),var(--violet));border:1px solid rgba(255,255,255,.35);border-radius:99px;box-shadow:0 0 10px #00e5ff8c}.mastery-item.lvl-5 .mastery-lv{background:linear-gradient(135deg,var(--violet),#c084fc);box-shadow:0 0 10px #8b5cf699}.mastery-item.lvl-6 .mastery-lv{background:linear-gradient(135deg,var(--pink),#ff8ab5);box-shadow:0 0 10px #ff2d7899}.mastery-item.lvl-7 .mastery-lv{background:linear-gradient(135deg,var(--green),#7dffc8);box-shadow:0 0 10px #00ff9d99}.mastery-chest{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;color:var(--green);background:var(--card-solid);border:1px solid rgba(0,255,157,.5);box-shadow:0 0 8px #00ff9d59}.mastery-info{flex:1;min-width:0}.mastery-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.mastery-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery-points{font-size:12px;font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums;flex-shrink:0}.mastery-bar{height:5px;border-radius:99px;background:var(--panel);border:1px solid var(--border);overflow:hidden}.mastery-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 8px #00e5ff80;transition:width .4s ease}.mastery-item.lvl-7 .mastery-bar-fill{background:linear-gradient(90deg,var(--green),#7dffc8);box-shadow:0 0 8px #00ff9d80}.mastery-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;color:var(--muted)}.mastery-last{font-variant-numeric:tabular-nums}.mastery-next{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.mastery-max{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--green)}@media(max-width:640px){.mastery-head{flex-direction:column;align-items:stretch;text-align:center}.mastery-stats{justify-content:center}.mastery-grid{grid-template-columns:1fr}}.tt-target{display:inline-flex;flex-shrink:0}.tt{position:fixed;z-index:9999;max-width:350px;pointer-events:none;background:linear-gradient(160deg,#090d18f7,#0f1526f7);border:1px solid rgba(0,229,255,.4);border-radius:10px;box-shadow:0 0 22px #00e5ff2e,0 14px 36px #0009;padding:10px 12px;font-size:12px;line-height:1.45;color:#e8eeff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tt-head{display:flex;gap:10px;align-items:flex-start;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(0,229,255,.22)}.tt-icon{width:42px;height:42px;border-radius:8px;border:1px solid rgba(0,229,255,.35);box-shadow:0 0 14px #00e5ff40;object-fit:cover;flex-shrink:0;background:#0e1222}.tt-icon-empty{background:repeating-conic-gradient(#00e5ff1f,#00e5ff1f 25%,#0e122280 0%,#0e122280 50%);background-size:10px 10px}.tt-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.tt-name{font-weight:800;font-size:13px;letter-spacing:.3px;background:linear-gradient(90deg,#00e5ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.tt-gold{font-size:11px;font-weight:700;color:#ffd24a}.tt-body{display:flex;flex-direction:column;gap:6px}.tt-loading{color:#8490b8;font-style:italic}.tt-stats{display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:#00e5ff0f;border-left:2px solid #00e5ff;border-radius:0 6px 6px 0}.tt-stat{display:flex;align-items:baseline;gap:6px}.tt-stat-v{color:#00e5ff;font-weight:800;min-width:34px;text-align:right;text-shadow:0 0 10px rgba(0,229,255,.5)}.tt-stat-l{color:#e8eeff}.tt-plain{font-style:italic;color:#8490b8}.tt-desc{color:#cdd7f0}.tt-desc .tt-passive,.tt-desc .tt-active{display:block;font-weight:800;color:#00e5ff;margin-top:4px}.tt-desc .tt-rules{color:#aeb9dc;font-style:italic}.tt-desc .tt-magic{color:#b388ff;font-weight:700}.tt-desc .tt-physical{color:#ff6b7d;font-weight:700}.tt-desc .tt-true{color:#fff;font-weight:700}.tt-desc .tt-shield{color:#00e5ff;font-weight:700}.tt-desc .tt-as{color:#ffd24a;font-weight:700}.tt-desc .tt-keyword{color:#ff5c93;font-weight:700}.tt-desc .tt-attn{color:#00e5ff}.tt-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.14);color:#8490b8}.tt-meta-i{display:inline-flex;align-items:baseline;gap:4px}.tt-meta-i b{color:#00e5ff;font-weight:700}.tt-lore{position:relative;margin-top:2px;padding:8px 11px 9px 14px;border-radius:9px;background:linear-gradient(160deg,#00e5ff14,#8b5cf60f);border:1px solid rgba(0,229,255,.16);overflow:hidden}.tt-lore:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:linear-gradient(180deg,#00e5ff,#a78bfa);box-shadow:0 0 10px #00e5ffb3}.tt-lore:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 100% 0%,rgba(167,139,250,.1),transparent 55%);pointer-events:none}.tt-lore-label{position:relative;z-index:1;display:block;font-size:9px;font-weight:800;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg,#00e5ff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:3px}.tt-lore-text{position:relative;z-index:1;display:block;font-style:italic;line-height:1.55;color:#ffd9a0}@media(max-width:900px){.app{padding:0 14px 48px}.topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.topbar-left{position:static;transform:none;order:1;width:100%;justify-content:center}.topbar-right{order:3;justify-self:auto;margin-left:auto}.match-list{max-width:100%}.profile-search-area .search{width:100%}.topbar-summoner-card{padding:4px 10px 4px 4px}.topbar-summoner-avatar{width:26px;height:26px}.topbar-summoner-name{font-size:12px}.topbar-summoner-tag{font-size:10px}.topbar .btn-update{order:11;flex-shrink:0}.team-panel{min-width:780px}.team-panel-head{position:sticky;left:0;z-index:1;background:var(--card-solid)}}@media(max-width:900px){.profile-layout{flex-direction:column}.profile-sidebar{position:static;width:100%;top:0;flex-direction:row;flex-wrap:wrap;gap:12px;padding:0;max-height:none;overflow:visible}.profile-sidebar>*{flex:1 1 240px;min-width:0}.profile-main{margin-left:0;margin-right:0}.profile-search{max-width:100%}.profile-header{max-width:100%;gap:12px;padding:14px 18px}}@media(max-width:640px){.hero{padding:40px 12px 28px}.profile-header{padding:10px 12px;gap:8px;flex-wrap:wrap}.profile-icon{width:38px;height:38px}.summoner-name{font-size:17px}.summoner-tag{font-size:13px}.profile-id-top .fav-btn{width:20px;height:20px;font-size:11px}.profile-id-top .chip.level{font-size:10px;padding:1px 6px}.profile-streak{display:none}.profile-layout{margin:14px 0 0}.profile-sidebar{display:none}.match-head{flex-wrap:wrap;gap:10px 14px;padding:12px 14px}.m-team-kda{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.m-result-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.mtk-label{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.mtk-value{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.m-meta{width:auto}.m-champ,.m-champ-icon{width:48px;height:48px}.m-kda{min-width:84px}.m-stats{flex:1 1 100%;gap:16px;justify-content:space-between}.m-stat b{font-size:13px}.chevron{margin-left:auto}.match-tabs{padding:12px 12px 0;overflow-x:auto}.match-tabs .tab{padding:8px 10px;font-size:12px;white-space:nowrap}.teams{gap:12px;padding:6px 10px 14px}.metrics-teams{grid-template-columns:1fr}.metric-subtabs{align-self:stretch;justify-content:center;flex-wrap:wrap}.chart-box{height:240px}.live-head{flex-wrap:wrap;gap:8px 12px;padding:12px}.live-mode-sub{font-size:10.5px;padding:2px 7px}.prow{padding:8px 10px}.p-champ{min-width:0}.champ-head{padding:16px;gap:14px}.champ-splash{width:68px;height:68px}.champ-name{font-size:21px}.champ-stat{min-width:82px;padding:8px 12px}.champ-grid{grid-template-columns:1fr}.champ-card{padding:14px}.champ-runes-row,.champ-items-row{flex-wrap:wrap}.queue-filter{padding:10px}.mastery-stat{min-width:100px}.tt{max-width:calc(100vw - 24px)}.footer{margin-top:30px;padding:0 10px}}@keyframes ai-ring-pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.35);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes ai-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ai-typing-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes ai-panel-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ai-fab-breathe{0%,to{box-shadow:0 4px 20px #785aff59,0 0 #785aff26}50%{box-shadow:0 6px 30px #785aff8c,0 0 0 8px #785aff00}}@keyframes ai-bubble-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ai-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ai-coach-fab{position:fixed;bottom:28px;right:28px;z-index:1000;width:58px;height:58px;border-radius:50%;border:2px solid rgba(120,90,255,.45);background:linear-gradient(135deg,#1a1330,#0d0b1a);cursor:pointer;overflow:visible;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #785aff59,0 0 40px #785aff1a;transition:all .35s cubic-bezier(.4,0,.2,1);animation:ai-fab-breathe 3s ease-in-out infinite}.ai-coach-fab:hover{transform:scale(1.12) translateY(-3px);border-color:var(--cyan);box-shadow:0 6px 32px #00e5ff73,0 0 60px #00e5ff26}.ai-coach-fab:active{transform:scale(.93);transition-duration:.1s}.ai-coach-fab.active{border-color:var(--cyan);box-shadow:0 4px 24px #00e5ff80,0 0 50px #00e5ff26;animation:none}.ai-coach-fab-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--cyan);opacity:0;pointer-events:none;animation:ai-ring-pulse 2.4s cubic-bezier(.4,0,.6,1) infinite}.ai-coach-fab-ring-2{animation-delay:1.2s}.ai-coach-fab.active .ai-coach-fab-ring{animation:none;opacity:0}.ai-coach-icon{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(120,90,255,.4));transition:filter .3s}.ai-coach-fab:hover .ai-coach-icon{filter:drop-shadow(0 0 10px rgba(0,229,255,.6))}.ai-coach-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ai-overlay-in .3s ease}@keyframes ai-overlay-in{0%{opacity:0}to{opacity:1}}.ai-coach-panel{position:fixed;top:0;right:0;height:100vh;z-index:999;background:var(--bg);border-left:1px solid rgba(120,90,255,.25);display:flex;flex-direction:column;overflow:hidden;transition:width .35s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #785aff1f,-2px 0 12px #0000004d}.ai-coach-panel.open{width:420px;animation:ai-panel-in .35s cubic-bezier(.16,1,.3,1)}.ai-coach-resize-handle{position:absolute;top:0;left:0;width:6px;height:100%;cursor:col-resize;z-index:10;background:transparent;transition:background .25s,box-shadow .25s}.ai-coach-resize-handle:hover{background:linear-gradient(180deg,var(--cyan),var(--violet));box-shadow:0 0 12px #00e5ff4d}.ai-coach-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(120,90,255,.18);background:linear-gradient(180deg,rgba(120,90,255,.06) 0%,transparent 100%);flex-shrink:0}.ai-coach-title{font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1}.ai-coach-close{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ai-coach-close:hover{background:#ff3d5e1a;border-color:#ff3d5e4d;color:var(--red);box-shadow:0 0 12px #ff3d5e33}.ai-coach-clear{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ai-coach-clear:hover{background:#7aa2f71a;border-color:#7aa2f74d;color:var(--blue);box-shadow:0 0 12px #7aa2f733}.ai-coach-lang{position:relative;flex-shrink:0}.ai-coach-lang-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid rgba(120,90,255,.2);background:#785aff0f;color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.ai-coach-lang-btn:hover,.ai-coach-lang-btn.open{border-color:var(--cyan);color:var(--cyan);background:#00e5ff14}.ai-coach-lang-flag{width:14px;height:14px;border-radius:2px;object-fit:contain}.ai-coach-lang-fb{font-size:13px}.ai-coach-lang-code{letter-spacing:.5px}.ai-coach-lang-caret{transition:transform .2s;color:inherit}.ai-coach-lang-caret.open{transform:rotate(180deg)}.ai-coach-lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;padding:4px;border-radius:10px;border:1px solid rgba(120,90,255,.25);background:var(--bg);box-shadow:0 8px 32px #0006,0 0 20px #785aff14;list-style:none;margin:0;z-index:20;animation:ai-bubble-in .2s ease}.ai-coach-lang-opt{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:left}.ai-coach-lang-opt:hover{background:#00e5ff14}.ai-coach-lang-opt.active{color:var(--cyan);background:#00e5ff0f}.ai-coach-lang-check{margin-left:auto;color:var(--cyan);font-size:12px}.ai-coach-chat{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(120,90,255,.25) transparent}.ai-coach-chat::-webkit-scrollbar{width:5px}.ai-coach-chat::-webkit-scrollbar-track{background:transparent}.ai-coach-chat::-webkit-scrollbar-thumb{background:#785aff4d;border-radius:10px}.ai-coach-msg{display:flex;gap:8px;align-items:flex-start;animation:ai-bubble-in .3s cubic-bezier(.16,1,.3,1)}.ai-coach-msg.user{flex-direction:row-reverse}.ai-coach-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#785aff40,#00e5ff26);border:1px solid rgba(120,90,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #785aff26}.ai-coach-avatar img{width:22px;height:22px;object-fit:contain}.ai-coach-bubble{max-width:82%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.6;color:var(--text);word-break:break-word}.ai-coach-msg.coach .ai-coach-bubble{background:linear-gradient(135deg,#785aff14,#00e5ff0a);border:1px solid rgba(120,90,255,.15);border-top-left-radius:4px}.ai-coach-msg.user .ai-coach-bubble{background:linear-gradient(135deg,var(--violet),#5a3fd6);color:#fff;border-top-right-radius:4px;box-shadow:0 2px 12px #785aff40}.ai-coach-markdown{font-size:13px;line-height:1.65}.ai-coach-markdown p{margin:0 0 8px}.ai-coach-markdown p:last-child{margin-bottom:0}.ai-coach-markdown strong{color:var(--cyan);font-weight:700}.ai-coach-markdown em{color:var(--text-secondary);font-style:italic}.ai-coach-markdown h1,.ai-coach-markdown h2,.ai-coach-markdown h3,.ai-coach-markdown h4{color:var(--cyan);font-size:14px;font-weight:700;margin:10px 0 4px}.ai-coach-markdown ul,.ai-coach-markdown ol{margin:4px 0 8px 16px;padding:0}.ai-coach-markdown li{margin-bottom:3px}.ai-coach-markdown code{background:#785aff1f;padding:1px 5px;border-radius:4px;font-size:12px;font-family:JetBrains Mono,monospace;color:var(--violet-light, #b8a9ff)}.ai-coach-markdown blockquote{border-left:3px solid var(--violet);padding-left:10px;margin:6px 0;color:var(--text-secondary);font-style:italic}.ai-coach-markdown hr{border:none;border-top:1px solid rgba(120,90,255,.15);margin:8px 0}.ai-coach-markdown table{width:100%;border-collapse:collapse;margin:6px 0;font-size:12px}.ai-coach-markdown th,.ai-coach-markdown td{padding:4px 8px;border:1px solid rgba(120,90,255,.15);text-align:left}.ai-coach-markdown th{background:#785aff14;color:var(--cyan);font-weight:700}.ai-coach-typed-text{display:inline}.ai-coach-cursor{display:inline-block;font-weight:100;color:var(--cyan);animation:ai-cursor-blink .7s step-end infinite;margin-left:1px}.ai-coach-typing{display:flex;align-items:center;gap:5px;padding:12px 18px!important;background:linear-gradient(135deg,#785aff14,#00e5ff0a)!important;border:1px solid rgba(120,90,255,.15)!important}.ai-coach-typing span{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:ai-typing-dot 1.4s infinite}.ai-coach-typing span:nth-child(2){animation-delay:.2s}.ai-coach-typing span:nth-child(3){animation-delay:.4s}.ai-coach-copy-prompt{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:5px 10px;border-radius:6px;border:1px solid rgba(120,90,255,.2);background:#785aff0f;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.ai-coach-copy-prompt:hover{background:#00e5ff1a;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px #00e5ff1a}.ai-coach-input-area{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid rgba(120,90,255,.15);background:linear-gradient(0deg,rgba(120,90,255,.04),transparent);flex-shrink:0}.ai-coach-input{flex:1;resize:none;border:1px solid rgba(120,90,255,.2);border-radius:10px;background:#0a0c1899;color:var(--text);padding:10px 14px;font-size:13px;font-family:inherit;line-height:1.4;max-height:120px;outline:none;transition:border-color .25s,box-shadow .25s}.ai-coach-input::placeholder{color:var(--text-secondary);opacity:.5}.ai-coach-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00e5ff1a,0 0 16px #00e5ff14}.ai-coach-send{width:40px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;box-shadow:0 2px 10px #785aff4d}.ai-coach-send:hover:not(:disabled){transform:translateY(-1px) scale(1.05);box-shadow:0 4px 18px #00e5ff59}.ai-coach-send:active:not(:disabled){transform:scale(.93)}.ai-coach-send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.ai-coach-actions-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ai-coach-select-trigger{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid rgba(0,229,255,.3);background:linear-gradient(135deg,#00e5ff14,#785aff0f);color:var(--cyan);font-size:12px;font-weight:700;cursor:pointer;transition:all .25s}.ai-coach-select-trigger:hover{background:linear-gradient(135deg,#00e5ff26,#785aff1a);border-color:var(--cyan);box-shadow:0 0 16px #00e5ff33;transform:translateY(-1px)}.ai-coach-select-trigger:active{transform:translateY(0) scale(.97)}.ai-coach-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:ai-overlay-in .25s ease}.ai-coach-picker{width:90%;max-width:520px;max-height:80vh;background:var(--bg);border:1px solid rgba(120,90,255,.25);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #785aff1a;animation:ai-bubble-in .3s cubic-bezier(.16,1,.3,1)}.ai-coach-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(120,90,255,.15)}.ai-coach-picker-title{font-weight:700;font-size:15px;background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-coach-picker-count{font-size:12px;font-weight:700;color:var(--text-secondary);background:#785aff1a;padding:3px 10px;border-radius:20px}.ai-coach-picker-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(120,90,255,.25) transparent}.ai-coach-picker-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(120,90,255,.12);background:#785aff08;cursor:pointer;transition:all .2s;text-align:left}.ai-coach-picker-card:hover:not(:disabled){background:#00e5ff0f;border-color:#00e5ff40}.ai-coach-picker-card.selected{background:linear-gradient(135deg,#00e5ff1a,#785aff14);border-color:var(--cyan);box-shadow:0 0 12px #00e5ff1f}.ai-coach-picker-card:disabled{opacity:.4;cursor:not-allowed}.ai-coach-picker-card.win .picker-badge{background:linear-gradient(135deg,#7fe0a8,#3ec98a);color:#04121a}.ai-coach-picker-card.loss .picker-badge{background:linear-gradient(135deg,#ff7a9e,#ff2d78);color:#04121a}.picker-badge-col{flex-shrink:0}.picker-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.5px}.picker-champ{flex-shrink:0}.picker-champ-icon{width:32px;height:32px;border-radius:50%;border:2px solid rgba(120,90,255,.2)}.picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.picker-champ-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-meta{font-size:11px;color:var(--text-secondary)}.picker-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.picker-kda{font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.picker-kda-ratio{font-size:10px;color:var(--text-secondary)}.picker-check{width:24px;height:24px;border-radius:50%;border:2px solid rgba(120,90,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.ai-coach-picker-card.selected .picker-check{background:var(--cyan);border-color:var(--cyan);color:#04121a;box-shadow:0 0 10px #00e5ff4d}.ai-coach-picker-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid rgba(120,90,255,.15)}.ai-coach-picker-cancel{padding:8px 18px;border-radius:8px;border:1px solid rgba(120,90,255,.2);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.ai-coach-picker-cancel:hover{background:#785aff14;color:var(--text)}.ai-coach-picker-confirm{flex:1;padding:8px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 2px 12px #785aff4d}.ai-coach-picker-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #00e5ff59}.ai-coach-picker-confirm:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media(max-width:640px){.ai-coach-fab{bottom:16px;right:16px;width:50px;height:50px}.ai-coach-icon{width:32px;height:32px}.ai-coach-panel{width:100vw!important;border-left:none}.ai-coach-panel.open{animation:none}}.nav-hamburger{position:fixed;top:18px;left:18px;z-index:10000;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--card-solid);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;transition:all .25s;box-shadow:0 2px 12px #0000004d}.nav-hamburger:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--violet));opacity:0;transition:opacity .3s;z-index:-1;filter:blur(6px)}.nav-hamburger:hover{border-color:var(--cyan);box-shadow:0 0 16px #00e5ff59,0 0 32px #8b5cf626}.nav-hamburger:hover:after{opacity:.25}.nav-hamburger:active{transform:scale(.92)}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-hamburger-open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--cyan)}.nav-hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--cyan)}.nav-hamburger-open{border-color:var(--cyan);box-shadow:0 0 16px #00e5ff59}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s}.nav-backdrop.visible{opacity:1;pointer-events:auto}.nav-hover-trigger{position:fixed;top:0;left:0;width:8px;height:100vh;z-index:9999}.nav-sidebar{position:fixed;top:0;left:0;z-index:1000;width:64px;height:100vh;background:linear-gradient(180deg,#06080f,#0a0e1a);border-right:1px solid rgba(0,229,255,.08);display:flex;flex-direction:column;overflow:hidden;transition:width .3s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;scrollbar-width:none}.nav-sidebar::-webkit-scrollbar{display:none}.nav-sidebar.expanded{width:260px;box-shadow:4px 0 40px #00e5ff1a,0 0 80px #8b5cf60a;border-right-color:#00e5ff26}.nav-sidebar-header{display:flex;align-items:center;gap:12px;padding:20px 14px 16px;min-height:72px;border-bottom:1px solid rgba(0,229,255,.06);overflow:hidden;white-space:nowrap}.nav-logo-img{width:36px;height:36px;min-width:36px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 0 12px #00e5ff26;transition:box-shadow .3s}.nav-sidebar.expanded .nav-logo-img{box-shadow:0 0 18px #00e5ff40,0 0 36px #8b5cf61a}.nav-brand-text{font-size:17px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transition:opacity .25s .05s}.nav-sidebar.expanded .nav-brand-text{opacity:1}.nav-items{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;position:relative;width:100%;text-align:left;overflow:hidden;white-space:nowrap}.nav-item:hover{background:#00e5ff0f;color:var(--text)}.nav-item.active{background:linear-gradient(135deg,#00e5ff1a,#8b5cf614);color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--cyan);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--cyan),0 0 20px #00e5ff4d}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;flex-shrink:0;margin-left:auto;margin-right:auto;transition:margin .3s cubic-bezier(.22,1,.36,1)}.nav-sidebar.expanded .nav-item-icon{margin-left:0;margin-right:0}.nav-item-label{opacity:0;width:0;transition:opacity .2s .05s,width .3s}.nav-sidebar.expanded .nav-item-label{opacity:1;width:auto}.nav-item-indicator{position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan),0 0 16px #00e5ff66;opacity:0;transition:opacity .2s}.nav-sidebar.expanded .nav-item-indicator{opacity:1}.nav-item.active .nav-item-icon{filter:drop-shadow(0 0 6px var(--cyan)) drop-shadow(0 0 12px rgba(0,229,255,.3))}.nav-sidebar.expanded .nav-item.active .nav-item-icon{filter:drop-shadow(0 0 4px var(--cyan))}.nav-sidebar:not(.expanded) .nav-item{position:relative}.nav-sidebar:not(.expanded) .nav-item:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:6px 12px;background:var(--card-solid);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10000;box-shadow:0 4px 16px #0006}.nav-sidebar:not(.expanded) .nav-item:hover:after{opacity:1}.nav-sidebar-footer{padding:8px;border-top:1px solid rgba(0,229,255,.06)}.nav-settings-btn{color:var(--muted)}.nav-settings-btn:hover{color:var(--text)}.nav-item-wrap{position:relative}.nav-submenu{display:flex;flex-direction:column;gap:2px;padding:4px 0 4px 44px;animation:navSubmenuIn .15s ease}@keyframes navSubmenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-subitem{display:block;width:100%;padding:6px 12px;background:none;border:none;color:var(--muted);font-size:12px;text-align:left;border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.nav-subitem:hover{color:var(--text);background:#00e5ff0f}.nav-subitem.active{color:var(--cyan);background:#00e5ff1a}.rt-subtabs{display:flex;gap:4px;padding:0 24px 12px}.rt-subtab{padding:6px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:var(--muted);font-size:13px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.rt-subtab:hover{color:var(--text);background:#ffffff0f}.rt-subtab.active{color:var(--cyan);background:#00e5ff14;border-color:#00e5ff33}.rt-card-clip{cursor:pointer;padding:0;overflow:hidden}.rt-card-clip:hover{transform:translateY(-3px)}.rt-card-clip-thumb{position:relative;aspect-ratio:16 / 9;background:#0000004d;overflow:hidden}.rt-card-clip-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.rt-card-clip:hover .rt-card-clip-thumb img{transform:scale(1.04)}.rt-card-clip-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00e5ff14,#8b5cf614)}.rt-card-clip-thumb-fallback img{width:36px;height:36px;border-radius:50%;object-fit:contain}.rt-card-clip-duration{position:absolute;bottom:6px;right:6px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.rt-card-clip-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.rt-card-clip:hover .rt-card-clip-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.rt-card-clip-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.rt-card-clip-info{display:flex;align-items:center;gap:6px;min-width:0}.rt-card-clip-champ{width:20px;height:20px;border-radius:50%;object-fit:contain;flex-shrink:0}.rt-card-clip-range{font-size:11px;font-weight:500;color:#ffffffb3;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-card-clip-name{font-size:11.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rt-card-clip-delete{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#ffffff4d;cursor:pointer;transition:all .15s;flex-shrink:0}.rt-card-clip-delete:hover{background:#ff3c5026;color:var(--red)}@media(min-width:921px){.nav-hamburger{display:none!important}}@media(max-width:920px){.nav-hover-trigger{display:none}.nav-sidebar{width:260px;transform:translate(-100%);transition:transform .3s cubic-bezier(.22,1,.36,1);z-index:999}.nav-sidebar.expanded{width:260px;transform:translate(0)}.nav-sidebar .nav-item-icon{margin-left:0;margin-right:0}.nav-sidebar .nav-item-label{opacity:1;width:auto}.nav-sidebar .nav-brand-text,.nav-sidebar .nav-item-indicator{opacity:1}.nav-sidebar:not(.expanded) .nav-item:after{display:none}.topbar-icon-rail{padding-left:22px!important}.profile-main{margin-left:0!important}}.topbar-summoner-card{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:12px;background:var(--card);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,box-shadow .2s}.topbar-summoner-card:hover{border-color:var(--cyan);box-shadow:0 0 12px #00e5ff1f}.topbar-summoner-avatar{width:32px;height:32px;border-radius:8px;border:1px solid var(--border)}.topbar-summoner-info{display:flex;flex-direction:column;line-height:1.2}.topbar-summoner-name{font-size:13px;font-weight:700;color:var(--text)}.topbar-summoner-tag{font-size:11px;color:var(--text-secondary)}.rt-view{padding:24px 28px 60px}.rt-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.rt-header-left{display:flex;flex-direction:column;gap:4px}.rt-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;margin:0;color:var(--text)}.rt-subtitle{font-size:13px;color:var(--muted)}.rt-header-actions{display:flex;gap:10px}.rt-filterbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.rt-filter{position:relative}.rt-filter-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.rt-filter-btn:hover,.rt-filter-btn.open{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.rt-filter-chev{opacity:.6;transition:transform .2s}.rt-filter-btn.open .rt-filter-chev{transform:rotate(180deg)}.rt-filter-champ-icon,.rt-filter-menu-icon{width:20px;height:20px;border-radius:50%;object-fit:cover}.rt-role-icon{flex-shrink:0}.rt-filter-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:180px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--card-solid);box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.rt-filter-opt{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer;border-radius:8px;transition:background .15s}.rt-filter-opt:hover{background:var(--hover)}.rt-filter-opt.active{background:var(--hover);color:var(--cyan)}.rt-filter-check{margin-left:auto;flex-shrink:0}.rt-filter-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rt-filter-dot.win{background:#35c96a}.rt-filter-dot.loss{background:#e04b5a}.rt-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.rt-btn:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.rt-btn-primary{background:linear-gradient(135deg,var(--cyan),var(--violet));border:none;color:#fff}.rt-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px #00e5ff4d}.rt-btn-ghost{background:transparent}.rt-btn-sm{padding:6px 10px;font-size:12px}.rt-btn.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #00e5ff26}.rt-recording-status{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:24px}.rt-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.rt-rec-dot.active{background:var(--red);box-shadow:0 0 10px #ff3d5e99;animation:rt-rec-pulse 2s ease-in-out infinite}@keyframes rt-rec-pulse{0%,to{opacity:1}50%{opacity:.4}}.rt-rec-label{font-size:13px;font-weight:700;color:var(--text)}.rt-rec-hotkey{margin-left:auto;padding:3px 8px;border-radius:6px;background:#00e5ff14;border:1px solid rgba(0,229,255,.15);font-size:11px;font-weight:700;color:var(--cyan);font-family:monospace}.rt-storage{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:24px}.rt-storage-header{display:flex;align-items:center;justify-content:space-between}.rt-storage-info{display:flex;align-items:center;gap:8px}.rt-storage-icon{color:var(--cyan);flex-shrink:0}.rt-storage-icon.warn{color:#f0b429}.rt-storage-icon.danger{color:var(--red)}.rt-storage-label{font-size:13px;font-weight:700;color:var(--text)}.rt-storage-drive{font-size:11px;font-weight:600;color:var(--muted);padding:1px 6px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.12);border-radius:4px}.rt-storage-text{font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.rt-storage-bar{height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden;position:relative}.rt-storage-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--cyan),#57e6ff);transition:width .6s cubic-bezier(.22,1,.36,1);position:relative}.rt-storage-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.12) 50%);background-size:8px 100%}.rt-storage-fill.warn{background:linear-gradient(90deg,#f0b429,#ffd166)}.rt-storage-fill.warn:after{background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.1) 50%);background-size:8px 100%}.rt-storage-fill.danger{background:linear-gradient(90deg,var(--red),#ff6b8a)}.rt-storage-fill.danger:after{background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.1) 50%);background-size:8px 100%}.rt-storage-free{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.rt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px}.rt-empty-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.rt-empty-sub{font-size:14px;color:var(--muted);margin:0}.rt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.rt-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s}.rt-card:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-3px)}.rt-card-thumb{position:relative;width:100%;padding-top:56.25%;background:var(--bg-2);overflow:hidden}.rt-card-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rt-card-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00e5ff0d,#8b5cf60d)}.rt-card-duration{position:absolute;bottom:6px;right:6px;padding:2px 6px;border-radius:4px;background:#000000bf;font-size:11px;font-weight:700;color:#fff}.rt-card-badge{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.5px}.rt-card-badge.win{background:#00ff9d33;color:var(--green);border:1px solid rgba(0,255,157,.3)}.rt-card-badge.loss{background:#ff3d5e33;color:var(--red);border:1px solid rgba(255,61,94,.3)}.rt-card-badge.video{left:auto;right:6px;background:#00e5ff33;color:var(--cyan);border:1px solid rgba(0,229,255,.3);padding:2px 6px}.rt-card-fav{position:absolute;top:6px;right:6px;z-index:5;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ffffffb3;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1),color .2s ease,background .2s ease}.rt-card:hover .rt-card-fav{opacity:1;transform:scale(1)}.rt-card-fav.active{opacity:1;transform:scale(1);color:#f5a623;background:#000000a6}.rt-card-fav:hover{background:#000000bf;color:#f5c542;transform:scale(1.12)}.rt-card-fav.active:hover{color:#fcd34d}@keyframes rt-star-pop{0%{transform:scale(1)}35%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}.rt-card-fav.pop svg{animation:rt-star-pop .35s cubic-bezier(.34,1.56,.64,1)}.rt-card-info{padding:10px 12px}.rt-card-champ{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rt-card-champ-icon{width:26px;height:26px;border-radius:6px;border:1px solid var(--border)}.rt-card-champ-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-card-meta{display:flex;align-items:center;justify-content:space-between}.rt-card-kda{font-size:12px;font-weight:700;color:var(--muted)}.rt-card-date{font-size:11px;color:var(--text-secondary)}.rt-card-queue{margin-top:4px;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.rt-context-menu{position:fixed;z-index:3000;min-width:160px;padding:6px 0;border-radius:10px;background:var(--card-solid, #1a1a2e);border:1px solid var(--border);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rt-context-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .12s}.rt-context-item:hover{background:#00e5ff1a}.rt-context-item:disabled{opacity:.4;cursor:not-allowed}.rt-context-danger{color:var(--red)}.rt-context-danger:hover{background:#ff3d5e26}.rt-context-disabled{opacity:.35;cursor:not-allowed!important;pointer-events:auto}.rt-context-disabled:hover{background:none}.rt-context-sep{height:1px;margin:4px 10px;background:var(--border)}@keyframes rt-modal-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rt-modal-bg-in{0%{opacity:0}to{opacity:1}}.rt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:rt-modal-bg-in .18s ease}.rt-modal{width:380px;max-width:90vw;padding:28px 28px 22px;border-radius:16px;background:var(--card-solid, #1a1a2e);border:1px solid var(--border);box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff0a;animation:rt-modal-in .22s cubic-bezier(.34,1.56,.64,1);text-align:center}.rt-modal-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff3d5e1a;border:1px solid rgba(255,61,94,.2)}.rt-modal-title{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text)}.rt-rename-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#0000004d;color:var(--text);font-size:14px}.rt-rename-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #00e5ff26}.rt-rename-count{margin-top:6px;font-size:11px;color:var(--muted);text-align:right}.rt-modal-desc{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--muted)}.rt-modal-vod-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;margin:0 auto 18px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);max-width:280px}.rt-modal-vod-info img{width:22px;height:22px;border-radius:4px}.rt-modal-actions{display:flex;gap:10px;justify-content:center}.rt-btn-danger{background:#ff3d5e26;color:var(--red);border:1px solid rgba(255,61,94,.3);padding:8px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.rt-btn-danger:hover{background:#ff3d5e4d;border-color:#ff3d5e80;transform:translateY(-1px)}.rt-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.rt-settings-panel{width:480px;max-height:80vh;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #00e5ff0f;display:flex;flex-direction:column}.app-settings-panel{width:560px;max-height:86vh;display:flex;flex-direction:column}.app-settings-scroll{flex:1;min-height:0;overflow-y:auto;padding:6px 22px 18px;display:flex;flex-direction:column;gap:22px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section-header{display:flex;align-items:center;gap:8px}.settings-section-icon{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--cyan);background:#00e5ff14;border:1px solid rgba(0,229,255,.22);box-shadow:0 0 12px #00e5ff1f;flex-shrink:0}.settings-section-title{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 14px rgba(0,229,255,.35)}.settings-section-line{flex:1;height:1px;background:linear-gradient(90deg,#00e5ff59,#00e5ff0a)}.settings-section-body{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#ffffff04}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-row-block{flex-direction:column;align-items:stretch;gap:8px}.settings-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-label{font-size:13px;font-weight:700;color:var(--text)}.settings-row-desc{font-size:11.5px;color:var(--muted);line-height:1.45}.settings-row-control{display:flex;align-items:center;gap:8px;flex-shrink:0}.hl-sens-grid{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#0003;margin:2px 0 4px}.hl-sens-num{width:72px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:#0000004d;color:var(--text);font-size:13px;font-weight:700;text-align:center}.hl-sens-num:focus{outline:none;border-color:var(--cyan)}.hl-sens-grid .rt-toggle{justify-self:start}.settings-row-hint{font-size:11px;color:var(--muted);opacity:.85;line-height:1.5;padding-left:2px}.settings-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:#00000040}.settings-segment{border:none;border-radius:7px;padding:7px 8px;font-size:12px;font-weight:700;color:var(--muted);background:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.settings-segment:hover{color:var(--text)}.settings-segment.active{color:#04121a;background:linear-gradient(135deg,var(--cyan),#57e6ff);box-shadow:0 0 16px #00e5ff59}body.light .settings-segment.active{color:#fff}.settings-device-row{display:flex;align-items:center;gap:8px;width:100%}.settings-device-row .rt-setting-select{flex:1;min-width:0}.vod-pending-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffd166;background:#ffd16614;border:1px solid rgba(255,209,102,.35);box-shadow:0 0 14px #ffd16626;white-space:nowrap}.vod-pending-dot{width:7px;height:7px;border-radius:50%;background:#ffd166;animation:vodPendingPulse 1.6s ease-in-out infinite;flex-shrink:0}.vod-pending-dot.big{width:12px;height:12px}@keyframes vodPendingPulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.vod-pending-notice{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 18px}.vod-pending-title{margin:0;font-size:13.5px;font-weight:800;color:var(--text)}.vod-pending-desc{margin:0;font-size:12px;color:var(--muted);line-height:1.55;max-width:260px}.rt-settings-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.rt-settings-header h3{margin:0;font-size:16px;font-weight:800;color:var(--text)}.rt-settings-close{width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.rt-settings-close:hover{background:#ff3d5e26;color:var(--red)}.rt-settings-header-actions{display:flex;align-items:center;gap:6px}.rt-settings-header-actions .discord-btn{width:28px;height:28px;padding:0;font-size:16px;border-radius:8px}.rt-settings-body{padding:22px;display:flex;flex-direction:column;gap:20px}.rt-setting-group{display:flex;flex-direction:column;gap:8px}.rt-setting-label{font-size:13px;font-weight:700;color:var(--text)}.rt-setting-desc{font-size:12px;color:var(--muted)}.rt-setting-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:100%;max-width:300px}.rt-setting-select:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.settings-recording-select{padding:9px 32px 9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s,background .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2357e6ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:140px}.settings-recording-select:hover{border-color:#57e6ff59;background-color:color-mix(in srgb,var(--bg-2) 92%,var(--cyan))}.settings-recording-select:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.settings-recording-select option{background:var(--bg-2);color:var(--text)}.clip-hotkey-capture{min-width:150px;font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.05em;justify-content:center;border-color:var(--border)}.clip-hotkey-capture.capturing{border-color:var(--cyan);box-shadow:var(--glow-cyan);animation:clip-pulse 1.2s ease-in-out infinite}.clip-hotkey-capture .key-caption{color:var(--text-2);font-size:12px}.rt-toggle-row{display:flex;align-items:center;gap:12px}.rt-toggle{width:40px;height:22px;border-radius:11px;border:1px solid var(--border);background:var(--card);cursor:pointer;position:relative;transition:all .25s;padding:0;flex-shrink:0}.rt-toggle.on{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent}.rt-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s;box-shadow:0 1px 4px #0000004d}.rt-toggle.on .rt-toggle-knob{transform:translate(18px)}.rt-input{padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.rt-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00e5ff1a}.rt-input-grow{flex:1;min-width:0}.rt-path-row{display:flex;gap:8px}.rt-settings-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;border-top:1px solid var(--border);flex-shrink:0}.settings-version{margin-right:auto;font-size:12px;font-family:var(--font-mono, monospace);color:var(--muted);opacity:.8}.app-settings-panel{border-color:#00e5ff33;box-shadow:0 20px 60px #00000080,0 0 40px #00e5ff14,inset 0 1px #00e5ff1a}.app-settings-panel .rt-settings-header{background:linear-gradient(135deg,#00e5ff0f,#8b5cf60f);border-bottom:1px solid rgba(0,229,255,.15)}.app-settings-panel .rt-settings-header h3{background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-settings-lang-row{display:flex;gap:8px}.app-settings-lang-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;flex:1;justify-content:center}.app-settings-lang-btn:hover{border-color:var(--cyan);color:var(--text);box-shadow:0 0 12px #00e5ff1a}.app-settings-lang-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00e5ff14;box-shadow:0 0 16px #00e5ff26,inset 0 0 12px #00e5ff0d}.app-settings-lang-flag{width:20px;height:20px;border-radius:4px;object-fit:cover}.rt-web-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;margin-bottom:18px;background:linear-gradient(135deg,#00e5ff0f,#8b5cf60a);border:1px solid rgba(0,229,255,.15);border-radius:12px;font-size:13px;color:var(--muted);box-shadow:0 0 20px #00e5ff0a}.rt-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:8px;padding:10px 18px;background:#0c0e1af5;border:1px solid var(--cyan);border-radius:10px;font-size:12px;font-weight:600;color:var(--text);box-shadow:0 10px 34px #0000008c,0 0 18px #00e5ff2e;animation:vod-clip-bar-in .22s ease;pointer-events:none}.rt-hotkey-wrap{position:relative;padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;transition:all .25s;min-height:38px;display:flex;align-items:center}.rt-hotkey-wrap:hover{border-color:var(--cyan);box-shadow:0 0 8px #00e5ff1a}.rt-hotkey-wrap.capturing{border-color:var(--cyan);box-shadow:0 0 16px #00e5ff33;animation:hotkey-glow 1.5s ease-in-out infinite}@keyframes hotkey-glow{0%,to{box-shadow:0 0 16px #00e5ff33}50%{box-shadow:0 0 24px #00e5ff59}}.rt-hotkey-value{font-size:13px;font-weight:700;color:var(--cyan);font-family:Cascadia Code,Fira Code,monospace;letter-spacing:.5px}.rt-hotkey-placeholder{font-size:13px;color:var(--muted);animation:hotkey-blink 1s ease-in-out infinite}@keyframes hotkey-blink{0%,to{opacity:1}50%{opacity:.4}}.rt-hotkey-pulse{position:absolute;right:10px;width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:rt-rec-pulse 1.2s ease-in-out infinite}.rt-settings-panel{border-color:#00e5ff1f}.rt-settings-panel .rt-settings-header{background:linear-gradient(135deg,#00e5ff0a,#8b5cf60a)}.rt-settings-body .rt-setting-group{padding:12px 0;border-bottom:1px solid rgba(0,229,255,.05)}.rt-settings-body .rt-setting-group:last-child{border-bottom:none}.rt-settings-body .rt-setting-label{color:var(--cyan);font-weight:800;letter-spacing:.3px}.rt-settings-body .rt-toggle.on{box-shadow:0 0 12px #00e5ff40}.vod-player-view{display:flex;flex-direction:column;height:100vh;width:calc(100% - 64px);background:var(--bg);margin-left:64px;transition:margin-left .3s cubic-bezier(.22,1,.36,1)}body.sidebar-expanded .vod-player-view{width:calc(100% - 260px);margin-left:260px}@media(max-width:920px){.vod-player-view,body.sidebar-expanded .vod-player-view{width:100%;margin-left:0}}.vod-player-view:fullscreen{background:#000;width:100%;margin-left:0}.vod-player-view:fullscreen .vod-topbar{background:#000;border-bottom-color:#333}.vod-player-view:fullscreen .vod-sidebar{background:#111;border-left-color:#333}.vod-topbar{display:flex;align-items:center;gap:12px;padding:6px 16px;border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0}.vod-topbar-info{display:flex;align-items:center;gap:10px;flex:1}.vod-topbar-champ{font-size:15px;font-weight:800;color:var(--cyan)}.vod-topbar-queue{padding:3px 8px;border-radius:6px;background:#8b5cf61f;font-size:11px;font-weight:700;color:var(--violet)}.vod-topbar-date{font-size:12px;color:var(--muted)}.vod-topbar-actions{display:flex;gap:8px}.vod-fav-btn{color:#fff9;transition:color .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}.vod-fav-btn:hover{color:#f5c542;transform:scale(1.1)}.vod-fav-btn.active{color:#f5a623}.vod-fav-btn.active:hover{color:#fcd34d}.vod-main{flex:1;display:flex;min-height:0;overflow:hidden}.vod-video-area{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.vod-video-container{flex:1;position:relative;background:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;isolation:isolate}.vod-fullscreen-btn{position:absolute;bottom:10px;right:10px;z-index:10;width:36px;height:36px;border:none;border-radius:8px;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s,background .15s}.vod-video-container:hover .vod-fullscreen-btn{opacity:1}.vod-fullscreen-btn:hover{background:#ffffff26}.vod-video-hidden{position:fixed;top:-9999px;left:-9999px;width:1px;height:1px;opacity:.01;pointer-events:none;z-index:-1}.vod-video{width:100%;height:100%;object-fit:contain;pointer-events:none}.vod-hover-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:auto}.vod-video-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);font-size:14px}.vod-match-summary{background:linear-gradient(135deg,#00e5ff0a,#8b5cf60a);border:1px solid rgba(0,229,255,.1);border-radius:16px;padding:32px;width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.vod-summary-champ{width:80px;height:80px;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 20px #00e5ff40;object-fit:cover}.vod-summary-info{display:flex;flex-direction:column;align-items:center;gap:6px}.vod-summary-champ-name{font-size:20px;font-weight:800;color:var(--text)}.vod-summary-queue{font-size:13px;color:var(--muted)}.vod-summary-kda{font-size:16px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.vod-summary-result{font-size:14px;font-weight:700;padding:4px 16px;border-radius:20px}.vod-summary-result.win{background:#00c8531f;color:var(--green);border:1px solid rgba(0,200,83,.25)}.vod-summary-result.loss{background:#ff52521f;color:var(--red);border:1px solid rgba(255,82,82,.25)}.vod-summary-duration,.vod-summary-date{font-size:12px;color:var(--muted)}.vod-summary-note{font-size:12px;color:var(--muted);opacity:.6;margin-top:12px}.vod-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#00000040,#0000000d);transition:background .2s;z-index:20;will-change:transform}.vod-play-btn-big{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#00e5ff38,#8b5cf638);border:1px solid rgba(0,229,255,.5);box-shadow:0 0 30px #00e5ff59,inset 0 0 18px #00e5ff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.vod-play-btn-big svg{margin-left:4px;filter:drop-shadow(0 0 8px rgba(0,229,255,.7))}.vod-video-container:hover .vod-play-btn-big{transform:scale(1.08);box-shadow:0 0 44px #00e5ff8c,inset 0 0 22px #00e5ff33}.vtl{flex-shrink:0;padding:10px 18px 12px;background:var(--bg-2);border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;overflow-x:clip}.vtl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.vtl-title{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,.4)}.vtl-legend{display:flex;align-items:center;gap:14px;overflow-x:auto;scrollbar-width:none}.vtl-legend::-webkit-scrollbar{display:none}.vtl-lg{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.lg{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lg.kill{background:#00e5ff;box-shadow:0 0 6px #00e5ffe6}.lg.death{background:#ff3d5e;box-shadow:0 0 6px #ff3d5ee6}.lg.assist{background:#c084fc;box-shadow:0 0 6px #c084fce6}.lg.ally{background:#00ff9d;box-shadow:0 0 6px #00ff9de6}.lg.enemy{background:#ff9f45;box-shadow:0 0 6px #ff9f45e6}.vtl-filter{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--muted);cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.vtl-filter:hover{background:#ffffff12}.vtl-filter.off{opacity:.35}.vtl-filter.off:hover{opacity:.55}.vtl-filter.on.kill{color:#00e5ff;border-color:#00e5ff73;background:#00e5ff14}.vtl-filter.on.death{color:#ff3d5e;border-color:#ff3d5e73;background:#ff3d5e14}.vtl-filter.on.assist{color:#c084fc;border-color:#c084fc73;background:#c084fc14}.vtl-filter.on.tower,.vtl-filter.on.inhib{color:#00ff9d;border-color:#00ff9d73;background:#00ff9d14}.vtl-filter.on.baron{color:#ff9f45;border-color:#ff9f4573;background:#ff9f4514}.vtl-clip-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;background:#0a0a12bf;border:1px solid rgba(255,45,120,.25);border-radius:10px;animation:vod-clip-bar-in .22s ease}.vtl-clip-dur-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0}.vtl-clip-dur-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--text);font-size:11px;font-weight:600;padding:4px 6px;outline:none;cursor:pointer;flex-shrink:0}.vtl-clip-dur-select:focus{border-color:var(--red, #ff2d78)}.vtl-clip-cancel{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;background:#ffffff14;color:#fff9;cursor:pointer;flex-shrink:0;transition:all .15s}.vtl-clip-cancel:hover{background:#ff3d5e2e;color:#ff3d5e}.vtl-confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#05050c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vtl-confirm-modal{width:min(420px,86vw);padding:18px;background:#0c0c16f2;border:1px solid rgba(255,45,120,.35);border-radius:12px;box-shadow:0 18px 50px #0000008c;animation:vod-clip-bar-in .22s ease;display:flex;flex-direction:column;gap:12px}.vtl-confirm-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.vtl-confirm-title{font-size:14px;font-weight:700;letter-spacing:.02em}.vtl-confirm-times{display:flex;align-items:center;gap:8px}.vtl-confirm-name{font-size:12px;color:var(--cyan);font-weight:600}.vtl-confirm-tip{font-size:11px;color:var(--muted);line-height:1.45}.vtl-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.vtl-confirm-back{padding:5px 12px;font-size:11px;font-weight:600}.vtl-confirm-save{padding:6px 14px}.vtl-clip-range{position:absolute;top:6px;bottom:6px;background:#ff2d782e;border-top:2px solid rgba(255,45,120,.7);border-bottom:2px solid rgba(255,45,120,.7);pointer-events:none;z-index:3;box-shadow:inset 0 0 24px #ff2d781f}.vtl-clip-handle{position:absolute;top:50%;width:16px;height:36px;transform:translate(-50%,-50%);background:linear-gradient(180deg,#ff2d78,#c01c5e);border:2px solid #fff;border-radius:4px;box-shadow:0 0 12px #ff2d78a6;cursor:ew-resize;z-index:4;transition:transform .12s ease,box-shadow .12s ease}.vtl-clip-handle:hover{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 18px #ff2d78e6}.vtl-clip-handle-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0a0a12eb;border:1px solid rgba(255,45,120,.5);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;color:var(--cyan);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease}.vtl-clip-handle:hover .vtl-clip-handle-tip{opacity:1}.vtl-track{position:relative;height:64px;border-radius:10px;background:linear-gradient(180deg,#00e5ff08,#8b5cf608),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 48px),#080a148c;border:1px solid rgba(0,229,255,.09);overflow:visible;cursor:pointer}.vtl-cursor-tip{position:absolute;top:4px;transform:translate(-50%);padding:3px 8px;border-radius:6px;background:#00e5fff2;color:#001318;font-size:10.5px;font-weight:800;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;z-index:15;box-shadow:0 2px 14px #00e5ff73}.vtl-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:#ffffff12;border-radius:2px}.vtl-progress{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:2px;box-shadow:0 0 12px #00e5ff80;pointer-events:none;transition:width .15s linear;z-index:2}.vtl-playhead{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--cyan);box-shadow:0 0 12px #00e5ffd9;transform:translate(-50%,-50%);z-index:6;pointer-events:none;transition:left .15s linear}.vtl-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:1px;background:transparent;pointer-events:none}.vtl-tick.major{height:14px;background:#ffffff21}.vtl-tick.minor{height:6px;background:#ffffff0f}.vtl-tick label{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:8.5px;font-weight:700;letter-spacing:.05em;color:#a0afd273;font-variant-numeric:tabular-nums}.vtl-ev{position:absolute;bottom:50%;z-index:5;width:26px;height:26px;margin-bottom:7px;margin-left:-13px;border-radius:8px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;background:linear-gradient(180deg,#101324f2,#0a0c1afa);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;--stem-h: 7px}.vtl-ev:after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:calc(var(--stem-h) + var(--lane-shift, 0px));background:currentColor;opacity:.35;transform:translate(-50%)}.vtl-ev.lane-1{--lane-shift: 15px}.vtl-ev.lane-2{--lane-shift: 30px}.vtl-ev.lane-3{--lane-shift: 45px}.vtl-ev-badge{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;border-radius:7px;background:var(--bg);color:inherit;font-size:8px;font-weight:800;line-height:14px;text-align:center;padding:0 3px;border:1px solid currentColor;pointer-events:none;box-shadow:0 0 6px currentColor}.vtl-ev.kill{color:#00e5ff;border-color:#00e5ff8c;box-shadow:0 0 12px #00e5ff47,inset 0 0 8px #00e5ff14}.vtl-ev.assist{color:#c084fc;border-color:#c084fc8c;box-shadow:0 0 12px #c084fc47,inset 0 0 8px #c084fc14}.vtl-ev.death{bottom:auto;top:50%;margin-top:7px;margin-bottom:0;color:#ff3d5e;border-color:#ff3d5e8c;box-shadow:0 0 12px #ff3d5e47,inset 0 0 8px #ff3d5e14}.vtl-ev.death:after{top:auto;bottom:100%}.vtl-ev.tower.ally,.vtl-ev.inhib.ally,.vtl-ev.baron.ally{color:#00ff9d;border-color:#00ff9d80;box-shadow:0 0 12px #00ff9d42,inset 0 0 8px #00ff9d12}.vtl-ev.tower.enemy,.vtl-ev.inhib.enemy,.vtl-ev.baron.enemy{color:#ff9f45;border-color:#ff9f4580;box-shadow:0 0 12px #ff9f4542,inset 0 0 8px #ff9f4512}.vtl-ev:hover{transform:translateY(-3px) scale(1.14);z-index:9}.vtl-ev.kill:hover{box-shadow:0 0 22px #00e5ffa6,inset 0 0 10px #00e5ff26}.vtl-ev.death:hover{box-shadow:0 0 22px #ff3d5ea6,inset 0 0 10px #ff3d5e26}.vtl-ev.assist:hover{box-shadow:0 0 22px #c084fca6,inset 0 0 10px #c084fc26}.vtl-ev.ally:hover{box-shadow:0 0 22px #00ff9d99,inset 0 0 10px #00ff9d24}.vtl-ev.enemy:hover{box-shadow:0 0 22px #ff9f4599,inset 0 0 10px #ff9f4524}.vtl-ev[data-tip]:hover:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:5px 10px;border-radius:7px;font-size:10.5px;font-weight:700;white-space:nowrap;color:#eaf6ff;background:#080a16f5;border:1px solid rgba(0,229,255,.3);box-shadow:0 4px 18px #00000080,0 0 14px #00e5ff26;pointer-events:none;z-index:20}.vtl-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.06) 40%,rgba(139,92,246,.08) 60%,transparent 100%);background-size:220% 100%;animation:vtl-shimmer 1.4s ease-in-out infinite}@keyframes vtl-shimmer{0%{background-position:130% 0}to{background-position:-110% 0}}.vtl-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11.5px;letter-spacing:.06em;color:var(--muted);opacity:.75}@media(max-width:900px){.vtl-track{height:56px}.vtl-ev{width:22px;height:22px;margin-left:-11px}.vtl-legend{gap:10px}}.vod-deck{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 8px;background:linear-gradient(180deg,transparent 0%,rgba(5,6,12,.55) 30%,rgba(4,5,10,.92) 100%);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .25s cubic-bezier(.22,1,.36,1);z-index:30;will-change:opacity}.vod-video-container:hover .vod-deck,.vod-deck.visible,.vod-player-view:fullscreen .vod-deck.visible{opacity:1;transform:translateY(0);pointer-events:auto}.vod-deck-row{display:flex;align-items:center;gap:7px}.vod-playpause{width:32px;height:32px;color:#fff}.vod-time-sep{color:#ffffff4d;font-size:11px}.vod-time.total{color:#ffffff8c}.vod-time.now{color:#fff;text-shadow:0 0 8px rgba(0,229,255,.35)}.vod-deck-spacer{flex:1}.vod-ctrl-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.vod-ctrl-btn:hover{background:#00e5ff1a;color:var(--cyan)}.vod-clip-active{background:#ff2d7826;color:var(--pink);position:relative}.clip-pulse{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--pink);animation:rt-rec-pulse 1.5s infinite}.vod-clip-save{color:var(--green)}.vod-time{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;min-width:36px}.vod-speed-wrap{position:relative}.vod-speed-btn{font-size:12px;font-weight:700;width:auto;padding:0 8px}.vod-speed-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;padding:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #0006}.vod-speed-opt{padding:5px 14px;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:12px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s}.vod-speed-opt:hover{background:#00e5ff14;color:var(--cyan)}.vod-speed-opt.active{background:#00e5ff1f;color:var(--cyan)}.vod-volume-wrap{display:flex;align-items:center}.vod-mute-btn{color:#ffffffd9}.vod-mute-btn:hover{color:#fff}.vod-volume-slider{width:0;opacity:0;overflow:hidden;display:flex;align-items:center;transition:width .25s ease,opacity .2s ease}.vod-volume-wrap:hover .vod-volume-slider,.vod-volume-slider:focus-within{width:78px;opacity:1}.vod-volume{width:70px;height:4px;accent-color:var(--cyan);cursor:pointer}.vod-sidebar-right{width:340px;border-left:1px solid rgba(0,229,255,.16);background:var(--bg-2);box-shadow:inset 14px 0 28px -20px #00e5ff4d;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;transition:width .25s ease}.vod-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}.vod-sidebar-title{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.vod-sidebar-toggle{width:26px;height:26px;border:1px solid var(--border);border-radius:7px;background:#ffffff0a;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.vod-sidebar-toggle:hover{background:#ff3d5e26;border-color:#ff3d5e66;color:var(--red)}.vod-sidebar-scroll{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.2) transparent}.vod-team{margin-bottom:16px;border-radius:10px;border:1px solid var(--border);overflow:hidden}.vod-team.winner{border-color:#00ff9d4d;box-shadow:0 0 12px #00ff9d0f}.vod-team-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#00e5ff0a;border-bottom:1px solid var(--border)}.vod-team-label{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.vod-team-win{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;background:#00ff9d26;color:var(--green)}.vod-player-row{display:grid;grid-template-columns:32px 1fr 36px;gap:3px 9px;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.02);transition:background .15s}.vod-player-row:last-child{border-bottom:none}.vod-player-row:hover{background:#00e5ff08}.vod-player-icon{grid-row:1 / span 2;width:32px;height:32px;border-radius:6px;border:1px solid var(--border)}.vod-player-info{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:1px}.vod-player-name{font-size:11px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-player-kda{font-size:10px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.kda-k{color:var(--cyan)}.kda-d{color:var(--red)}.kda-a{color:var(--green)}.vod-player-cs{color:var(--text);margin-left:2px}.vod-player-items{grid-column:2 / -1;display:flex;gap:3px}.vod-player-item{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,229,255,.1)}.vod-player-item.empty{background:#ffffff08}.vod-player-gold{grid-column:3;font-size:10px;font-weight:700;color:var(--neon-purple);text-align:right}.vod-player-name{font-size:12px}.vod-player-kda{font-size:10.5px}.vod-no-teams{padding:30px 16px;text-align:center;color:var(--muted);font-size:13px}@media(max-width:1200px){.rt-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.rt-grid{grid-template-columns:repeat(3,1fr)}.vod-sidebar-right{width:300px}}@media(max-width:900px){.rt-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.rt-grid{grid-template-columns:1fr}.rt-view{padding:16px}.rt-header{flex-direction:column;align-items:flex-start}.vod-sidebar-right{display:none}.vod-topbar{flex-wrap:wrap}}.rt-setting-divider{height:1px;background:var(--border);margin:8px 0}.rt-input-row{display:flex;align-items:center;gap:6px;margin-top:6px}.rt-setting-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;padding:6px 10px;font-family:inherit;min-width:0}.rt-setting-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #00f3ff1f}.rt-setting-input[readonly]{opacity:.7;cursor:default}.rt-btn-success{color:var(--green)!important}.rt-btn-danger{color:var(--red)!important}.rt-setting-hint{font-size:12px;margin-top:4px;display:block}.rt-setting-hint.ok{color:var(--green)}.rt-setting-hint.err{color:var(--red)}.neon-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}.neon-confirm-card{background:var(--bg-2);border:1px solid var(--cyan);border-radius:16px;padding:32px 36px;max-width:440px;width:90%;text-align:center;box-shadow:0 0 30px #00f3ff26,0 0 60px #00f3ff0d;animation:neonPulse 2s ease-in-out infinite alternate}@keyframes neonPulse{0%{box-shadow:0 0 20px #00f3ff1a,0 0 40px #00f3ff08}to{box-shadow:0 0 30px #00f3ff33,0 0 60px #00f3ff14}}.neon-confirm-icon{margin-bottom:16px}.neon-confirm-title{font-size:18px;font-weight:700;color:var(--cyan);margin:0 0 12px;text-shadow:0 0 12px rgba(0,243,255,.3)}.neon-confirm-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 24px}.neon-confirm-actions{display:flex;gap:12px;justify-content:center}.neon-confirm-btn{border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.neon-confirm-btn-yes{background:var(--cyan);color:#000;box-shadow:0 0 12px #00f3ff4d}.neon-confirm-btn-yes:hover{background:#33f7ff;box-shadow:0 0 20px #00f3ff80;transform:translateY(-1px)}.neon-confirm-btn-no{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.neon-confirm-btn-no:hover{border-color:var(--red);color:var(--red);box-shadow:0 0 12px #ff003c26;transform:translateY(-1px)}.neon-spin{animation:neonSpin 1.2s linear infinite}@keyframes neonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neon-progress-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.neon-progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.neon-progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),#8b5cf6);border-radius:3px;transition:width .25s ease;box-shadow:0 0 12px #00f3ff66}.neon-progress-text{font-size:13px;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.5px}.neon-progress-percent{font-size:22px;font-weight:700;color:var(--cyan);text-shadow:0 0 16px rgba(0,243,255,.4)}.neon-title-success{color:var(--green)!important;text-shadow:0 0 12px rgba(0,255,100,.3)}.neon-title-error{color:var(--red)!important;text-shadow:0 0 12px rgba(255,0,60,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rt-hl-view{display:flex;flex-direction:column;gap:14px;width:100%}.rt-hl-head{display:flex;align-items:center;gap:10px}.rt-hl-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.rt-hl-count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#00f3ff1f;border:1px solid rgba(0,243,255,.3);color:var(--cyan);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.rt-hl-loading{display:flex;align-items:center;justify-content:center;padding:24px 0}.rt-hl-spin{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,243,255,.12);border-top-color:var(--cyan);border-right-color:var(--violet);animation:rt-spin .9s linear infinite;box-shadow:0 0 14px #00f3ff1f}.rt-hl-building .rt-hl-spin,.rt-hl-loading .rt-hl-spin{width:30px;height:30px}.rt-card-hl{cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#141822e6,#0d1018f2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rt-card-hl:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,243,255,.7),transparent);opacity:0;transition:opacity .18s ease}.rt-card-hl:hover{transform:translateY(-3px);border-color:#00f3ff59;box-shadow:0 10px 30px #00000080,0 0 22px #00f3ff14}.rt-card-hl:hover:before{opacity:1}.rt-card-hl-novideo{cursor:default;opacity:.7}.rt-card-hl-novideo:hover{transform:none;border-color:#ffffff14;box-shadow:none}.rt-card-hl-fav{border-color:#00f3ff73;box-shadow:0 0 18px #00f3ff14}.rt-hl-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rt-card-hl .rt-card-champ-icon{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,243,255,.25);box-shadow:0 4px 12px #00000059}.rt-hl-fill{flex:1}.rt-hl-kind{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);background:#00f3ff1f;border:1px solid rgba(0,243,255,.28);border-radius:20px;padding:3px 9px}.rt-hl-play-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--cyan);background:#00f3ff1a;border:1px solid rgba(0,243,255,.25);opacity:0;transform:translate(4px);transition:opacity .16s ease,transform .16s ease}.rt-card-hl:hover .rt-hl-play-icon{opacity:1;transform:translate(0)}.rt-hl-body{margin-bottom:14px;text-align:center}.rt-hl-kda{display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:30px;font-weight:800;color:var(--text);line-height:1;margin-bottom:8px;font-variant-numeric:tabular-nums}.rt-hl-stat{color:var(--text);letter-spacing:-.02em}.rt-hl-stat.strong{color:var(--green);text-shadow:0 0 14px rgba(0,255,100,.25)}.rt-hl-div{color:var(--muted);font-weight:700}.rt-hl-die{color:var(--red);font-size:20px;font-weight:800;transform:translateY(-6px);text-shadow:0 0 12px rgba(255,0,60,.35)}.rt-hl-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.rt-hl-name{font-size:12.5px;font-weight:700;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rt-hl-champ{color:#e6ebf5d9;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.rt-hl-sep{color:var(--muted);opacity:.6}.rt-hl-rel{color:var(--muted)}.rt-hl-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px}.rt-hl-building{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#080a108c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rt-card-nodrop{cursor:not-allowed}.rt-modal-icon.share{background:#00ff641a;border-color:#00ff6440}.rt-share-name{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--cyan)}.rt-share-link{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rt-share-link input{flex:1;min-width:0;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:12px;outline:none}.rt-share-link input:focus{border-color:#00f3ff73}.rt-share-open{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:700;color:var(--cyan);text-decoration:none}.rt-share-open:hover{text-decoration:underline}.rt-share-err{margin:0 0 14px;padding:8px 12px;border-radius:8px;background:#ff3d5e14;border:1px solid rgba(255,61,94,.25);color:var(--red);font-size:11px;line-height:1.5;word-break:break-word;text-align:left}.rt-share-log{margin:0 0 14px;padding:8px 12px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.12);color:var(--muted);font-family:Cascadia Code,Consolas,monospace;font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-all;max-height:140px;overflow:auto;text-align:left}.rt-share-spinner-out{display:flex;justify-content:center;margin:4px 0 14px}.rt-share-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(0,229,255,.2);border-top-color:var(--cyan);animation:rt-spin .8s linear infinite;box-shadow:0 0 18px #00e5ff59}@keyframes rt-spin{to{transform:rotate(360deg)}}.rt-btn-hl-ghost{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0!important;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)!important;color:var(--muted)!important;border-radius:20px!important;transition:background .16s ease,color .16s ease,border-color .16s ease}.rt-btn-hl-ghost:hover{background:#ff003c1f;border-color:#ff003c59!important;color:var(--red)!important}.rt-btn-hl-ghost.locked{cursor:not-allowed;color:var(--muted)!important;background:#ffffff08;border-color:#ffffff14!important}.rt-btn-hl-ghost.locked:hover{background:#ffffff08;border-color:#ffffff14!important;color:var(--muted)!important}.vod-highlight-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cyan);background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:4px;padding:2px 8px}.vod-highlight-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.vod-seek-bar-wrap{padding:6px 0 2px;width:100%}.vod-seek-bar{position:relative;height:18px;cursor:pointer;display:flex;align-items:center;touch-action:none}.vod-seek-bar-bg{width:100%;height:4px;border-radius:2px;background:#ffffff1f;position:relative;overflow:visible;transition:height .15s ease}.vod-seek-bar:hover .vod-seek-bar-bg,.vod-seek-bar.clip-mode .vod-seek-bar-bg{height:6px}.vod-seek-bar-played{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 8px #00e5ff66;pointer-events:none;transition:none}.vod-seek-bar-clip-range{position:absolute;top:-1px;bottom:-1px;background:#ff2d7833;border:1px solid rgba(255,45,120,.55);border-radius:3px;pointer-events:none;box-shadow:0 0 12px #ff2d7840}.vod-seek-scrubber{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--cyan);box-shadow:0 0 8px #00e5ffb3;transform:translate(-50%,-50%) scale(.55);transition:transform .15s ease;pointer-events:none}.vod-seek-bar:hover .vod-seek-scrubber{transform:translate(-50%,-50%) scale(1)}.vod-seek-clip-handle{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--red, #ff2d78);border:2px solid #fff;box-shadow:0 0 10px #ff2d7899;transform:translate(-50%,-50%);cursor:ew-resize;z-index:2;transition:transform .12s ease,box-shadow .12s ease}.vod-seek-clip-handle:hover,.vod-seek-clip-handle.active{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 16px #ff2d78cc}.vod-seek-clip-handle-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0a0a12eb;border:1px solid rgba(255,45,120,.45);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;color:var(--cyan);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease}.vod-seek-clip-handle:hover .vod-seek-clip-handle-tip,.vod-seek-clip-handle.active .vod-seek-clip-handle-tip{opacity:1}.vod-clip-bar{display:flex;align-items:center;gap:8px;padding:6px 12px 8px;background:#0a0a12d9;border-top:1px solid rgba(255,255,255,.06);border-radius:0 0 10px 10px;animation:vod-clip-bar-in .22s ease}@keyframes vod-clip-bar-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vod-clip-bar-times{display:flex;align-items:center;gap:4px;flex-shrink:0}.vod-clip-bar-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.vod-clip-bar-badge.start{background:#00e5ff1f;color:var(--cyan);border:1px solid rgba(0,229,255,.3)}.vod-clip-bar-badge.end{background:#ff2d781f;color:var(--red, #ff2d78);border:1px solid rgba(255,45,120,.3)}.vod-clip-bar-sep{color:#ffffff4d;font-size:11px}.vod-clip-bar-dur{font-size:10px;font-weight:600;color:#ffffff73;margin-left:2px}.vod-clip-bar-name{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:4px 8px;font-size:11px;color:var(--text);outline:none;transition:border-color .15s}.vod-clip-bar-name:focus{border-color:var(--cyan)}.vod-clip-bar-name::placeholder{color:#ffffff4d}.vod-clip-bar-preview,.vod-clip-bar-save{border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s;flex-shrink:0}.vod-clip-bar-preview{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#ffffffb3;padding:0}.vod-clip-bar-preview:hover{background:#00e5ff26;color:var(--cyan)}.vod-clip-bar-save{padding:5px 12px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#000}.vod-clip-bar-save:hover{box-shadow:0 0 12px #00e5ff66;transform:translateY(-1px)}.vod-clip-bar-save:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.vod-clip-bar-success{display:flex;align-items:center;gap:10px;width:100%}.vod-clip-bar-thumb{width:40px;height:24px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid rgba(0,229,255,.3)}.vod-clip-bar-thumb img{width:100%;height:100%;object-fit:cover}.vod-clip-bar-success-text{flex:1;font-size:12px;font-weight:600;color:var(--green)}.cd-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.cd-hero-title h1{margin:0;font-size:28px;font-weight:800;background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cd-hero-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.cd-mod{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:13px;border-top:1px dashed rgba(255,255,255,.09)}:root[data-theme=light] .cd-mod{border-top-color:#0a14281f}.cd-mod-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.cd-ah-steps{display:flex;gap:8px;flex-wrap:wrap}.cd-ah-step{min-width:54px;padding:7px 0;border-radius:9px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.cd-ah-step:hover{border-color:var(--cyan);color:var(--cyan)}.cd-ah-step.active{background:linear-gradient(135deg,var(--cyan),var(--violet));border-color:transparent;color:#000;box-shadow:var(--glow-cyan)}.cd-chips{display:flex;gap:9px;flex-wrap:wrap}.cd-chip{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:11px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:all .15s}.cd-chip:hover{border-color:var(--cyan);transform:translateY(-1px)}.cd-chip.active{border-color:var(--cyan);background:#00e5ff17;box-shadow:0 0 14px #00e5ff29}.cd-chip[data-accent=violet].active{border-color:var(--violet);box-shadow:0 0 14px #8b5cf659}.cd-chip[data-accent=pink].active{border-color:var(--pink);box-shadow:0 0 14px #ff2d7852}.cd-chip[data-accent=green].active{border-color:var(--green);box-shadow:0 0 14px #00ff9d4d}.cd-chip.active:hover{border-color:var(--cyan)}.cd-chip-check{color:var(--green);font-weight:800;font-size:12px}.cd-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#ffffff12;color:var(--cyan);font-size:11px;font-weight:800;flex-shrink:0;overflow:hidden}.cd-chip-icon img{width:100%;height:100%;object-fit:cover;display:block}.cd-chip.active .cd-chip-icon{background:#00e5ff26;box-shadow:0 0 10px #00e5ff59}.cd-chip[data-accent=violet].active .cd-chip-icon{box-shadow:0 0 10px #8b5cf673}.cd-chip[data-accent=pink].active .cd-chip-icon{box-shadow:0 0 10px #ff2d7873}.cd-chip[data-accent=green].active .cd-chip-icon{box-shadow:0 0 10px #00ff9d66}.cd-chip-txt{display:flex;flex-direction:column;gap:1px}.cd-chip-txt b{font-size:12px;font-weight:700;white-space:nowrap}.cd-chip-txt i{font-style:normal;font-size:10px;color:var(--muted);white-space:nowrap}.cd-uh{margin-top:12px}.cd-uh-stacks{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);flex-wrap:wrap;min-height:30px}.cd-stack{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:all .15s}.cd-stack:hover{border-color:var(--green);color:var(--green)}.cd-stack.active{background:linear-gradient(135deg,var(--green),var(--cyan));border-color:transparent;color:#000;box-shadow:var(--glow-green)}.cd-uh-total{color:var(--green);font-weight:800}.cd-slotbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;min-height:38px}.cd-slotbar-count{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.cd-add{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:10px;border:1px dashed var(--border);background:transparent;color:var(--cyan);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.cd-add:hover{border-color:var(--cyan);background:#00e5ff12;box-shadow:0 0 16px #00e5ff38}.cd-grid{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.cd-grid.cols-2 .cd-slot{flex:1 1 330px}.cd-grid.cols-3 .cd-slot{flex:1 1 320px}.cd-slot{position:relative;min-width:290px}.cd-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 0 0 1px #00e5ff0d,0 8px 30px #00000040;transition:box-shadow .2s,border-color .2s}.cd-card:hover{border-color:#00e5ff66;box-shadow:0 0 22px #00e5ff24,0 8px 30px #00000040}.cd-card-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.cd-card-avatar-wrap{position:relative;flex-shrink:0}.cd-card-avatar{width:48px;height:48px;border-radius:11px;object-fit:cover;border:1px solid var(--border)}.cd-card-passive{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--card-solid);background:var(--card-solid);object-fit:cover;box-shadow:0 0 8px #00e5ff40}.cd-card-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cd-card-title b{font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-card-title i{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-card-x{flex-shrink:0;width:26px;height:26px;border:none;border-radius:7px;background:#ff3d5e1f;color:var(--red);font-size:17px;line-height:1;cursor:pointer;transition:all .15s}.cd-card-x:hover{background:var(--red);color:#fff}.cd-spells{display:flex;flex-direction:column;gap:8px}.cd-spell{display:flex;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:var(--bg-secondary)}.cd-spell.ult{border-color:#ff2d7859;background:linear-gradient(90deg,rgba(255,45,120,.09),var(--bg-secondary))}.cd-spell-id{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.cd-spell-id img{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid var(--border);transition:box-shadow .15s}.cd-spell:hover .cd-spell-id img{box-shadow:0 0 10px #00e5ff59}.cd-spell-id b{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.04em}.cd-spell.ult .cd-spell-id b{color:var(--pink)}.cd-spell-body{flex:1;min-width:0}.cd-spell-name{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-ult-tag{flex-shrink:0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--pink);border:1px solid rgba(255,45,120,.4);border-radius:5px;padding:1px 5px}.cd-ranks{display:flex;gap:5px;flex-wrap:wrap}.cd-rank{flex:1 1 0;min-width:44px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#0000002e}.cd-spell.ult .cd-rank{border-color:#ff2d7838}.cd-rank-lv{font-size:9px;font-weight:700;color:var(--muted)}.cd-spell.ult .cd-rank-lv{color:#ff2d78d9}.cd-rank-val{font-size:16px;font-weight:800;color:var(--text);line-height:1.1;text-shadow:0 0 12px rgba(0,229,255,.28)}.cd-spell.ult .cd-rank-val{text-shadow:0 0 12px rgba(255,45,120,.42)}.cd-rank-base{font-size:9px;color:var(--muted);text-decoration:line-through;opacity:.8}.cd-empty{width:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--border);border-radius:14px;background:var(--panel-soft);color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.cd-empty svg{color:var(--cyan)}.cd-empty:hover{border-color:var(--cyan);color:var(--cyan);background:#00e5ff0a;box-shadow:0 0 18px #00e5ff29}.cd-picker{position:absolute;top:0;left:0;right:0;z-index:40;background:var(--card-solid);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #00000080;overflow:hidden}:root[data-theme=light] .cd-picker{background:#fff}.cd-picker-search{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid var(--border);color:var(--muted)}.cd-picker-search input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:13px}.cd-picker-search input::placeholder{color:var(--muted)}.cd-picker-count{font-size:11px;font-weight:700;color:var(--muted)}.cd-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:320px;overflow-y:auto;padding:10px;gap:7px}.cd-pick{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:transparent;color:var(--text);font-family:inherit;font-size:10px;cursor:pointer;transition:all .12s}.cd-pick:hover{border-color:var(--cyan);background:#00e5ff14}.cd-pick img{width:40px;height:40px;border-radius:8px;object-fit:cover}.cd-pick span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.cd-foot-data{font-weight:600}@media(max-width:920px){.cd-grid.cols-2 .cd-slot,.cd-grid.cols-3 .cd-slot{flex:1 1 100%}}