.highlights-panel{min-width:0}.highlights-heading{margin-bottom:24px}.highlights-kicker{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;font-weight:650;letter-spacing:1.6px}.highlights-heading h2{font-size:28px;font-weight:600;letter-spacing:-.8px;margin:10px 0}.highlights-heading p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.highlight-progress{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin:18px 0}.highlight-progress svg{flex-shrink:0;animation:highlight-spin 2s linear infinite}@keyframes highlight-spin{to{transform:rotate(1turn)}}.highlight-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.highlight-filters label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.highlight-filters select{width:100%;min-width:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px}.highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.highlight-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel);min-width:0;transition:border-color .18s}.highlight-card:hover{border-color:#758b6266}.highlight-cover{height:176px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 20%,#415040,#15222b 75%)}.highlight-cover img{width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.55);transform:scale(1.06)}.highlight-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10192080,transparent 70%),linear-gradient(0deg,#101920,transparent 55%);pointer-events:none}.highlight-cover-map{position:absolute;z-index:1;top:17px;left:18px;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#d5e0e2}.highlight-badge{position:absolute;z-index:1;top:45px;left:16px;font-size:55px;line-height:1;font-weight:650;letter-spacing:-3px;color:var(--accent);text-shadow:0 3px 25px #111a20}.highlight-cover-type{position:absolute;z-index:1;bottom:17px;left:18px;display:flex;align-items:center;gap:6px;color:#c2d3bc;font-size:11px}.highlight-example{position:absolute;z-index:1;right:14px;top:14px;color:#cad6d6;background:#10202bdd;border:1px solid #ffffff25;border-radius:5px;padding:4px 7px;font-size:10px}.highlight-card-body{padding:18px}.highlight-card h3{font-size:16px;font-weight:600;margin:0 0 11px;line-height:1.5;overflow-wrap:anywhere}.highlight-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:0}.highlight-meta>span{display:flex;align-items:center;gap:5px}.highlight-match-name{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:11px 0 0}.highlight-watch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #d4ed9a25;border-radius:7px;background:#d4ed9a0b;color:var(--accent);padding:10px 12px;font-size:12px;font-weight:600;margin-top:18px;transition:background .15s}.highlight-watch:hover{background:#d4ed9a18}.highlight-pagination{gap:14px;margin-top:24px}.highlight-pagination,.highlight-pagination button{display:flex;justify-content:center;align-items:center}.highlight-pagination button{width:34px;height:34px;padding:0}.highlight-pagination span{font-size:12px;color:var(--muted)}.highlights-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:44px 25px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);gap:14px}.highlights-empty>svg{color:var(--accent)}.highlights-empty h3{font-size:19px;font-weight:500;color:var(--text);margin:4px 0 0}.highlights-empty p{font-size:13px;line-height:1.8;max-width:400px;margin:0}.highlights-empty .highlight-watch{width:auto;margin-top:6px}.highlight-error{border:1px solid #934b4b55;background:#44252766;color:#f0bdb6;padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.6;margin:12px 0}.highlight-error p{margin:0 0 10px}.highlight-error button{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:7px 11px}.highlight-dialog[data-slot=dialog-content]{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;background:var(--bg);color:var(--text);padding:20px;gap:16px;border:1px solid var(--line);box-shadow:0 30px 120px #0009}.highlight-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.highlight-dialog-heading [data-slot=dialog-title]{font-size:20px;line-height:1.4}.highlight-dialog-heading [data-slot=dialog-description]{font-size:12px;color:var(--muted);margin-top:5px}.highlight-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;padding:0}.highlight-player{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:9px;overflow:hidden}.highlight-dialog .highlight-stage{min-height:0;height:clamp(220px,55dvh,590px)}.highlight-player-identity{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;gap:10px;z-index:9;pointer-events:none;font-size:12px;align-items:flex-end;font-variant-numeric:tabular-nums}.highlight-player-identity>div{display:flex;flex-direction:column;gap:7px;max-width:calc(50% - 5px);min-width:0;background:#101920dd;padding:8px 11px;border:1px solid #ffffff20;border-radius:6px}.highlight-player-vitals>strong,.highlight-player-weapon{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.highlight-player-vitals>div{display:flex;align-items:center;gap:14px}.highlight-player-ammo,.highlight-player-vitals span{display:flex;align-items:center;gap:6px;color:var(--accent)}.highlight-player-equipment{align-items:flex-end}.highlight-player-ammo{font-size:16px;font-weight:650;white-space:nowrap}.highlight-player-identity svg{flex-shrink:0}.highlight-player-transport{padding:14px 18px;background:var(--panel)}.highlight-player-time{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.highlight-timeline{width:100%;margin:14px 0;accent-color:var(--accent)}.highlight-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.highlight-controls button{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center}.highlight-controls .highlight-play{background:var(--accent);color:var(--bg);border-color:var(--accent);width:40px;height:36px}.highlight-controls select{height:34px;font-size:12px;padding:0 8px}.highlight-sound{display:flex;align-items:center;gap:7px;margin-left:auto}.highlight-sound input{width:80px;accent-color:var(--accent)}.highlight-player-loading{padding:60px 20px;text-align:center;color:var(--muted);font-size:13px}.highlight-buffering{color:var(--muted);font-size:11px;margin:12px 0 0}.highlight-player:fullscreen{height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}.highlight-player:fullscreen .highlight-stage{height:auto;min-height:0;flex:1}@media(max-width:760px){.account-tabs{flex-wrap:wrap}.account-tabs .account-tab{min-width:0;white-space:normal;height:auto;min-height:44px}.highlight-dialog[data-slot=dialog-content]{padding:12px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.highlight-dialog .highlight-stage{height:clamp(220px,48dvh,420px)}.highlight-dialog-heading [data-slot=dialog-title]{font-size:17px}.highlight-player-transport{padding:12px}.highlight-sound input{width:60px}}@media(max-width:480px){.highlight-grid{grid-template-columns:1fr}.highlight-controls{gap:5px}.highlight-sound{margin-left:0}.highlight-controls button:last-child{margin-left:auto}.highlight-filters{gap:8px}}@media(prefers-reduced-motion:reduce){.highlight-progress svg{animation:none}.highlight-card,.highlight-watch{transition:none}}.highlight-scene-loading{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);background:#101920ee;border:1px solid var(--line);border-radius:8px;padding:12px 18px;color:var(--muted);font-size:12px;white-space:nowrap}@media(max-width:760px){.profile-page .account-tabs{width:100%;gap:8px}.profile-page .account-tabs .account-tab{flex:1 1 0;justify-content:center;padding:10px 8px;gap:8px}.profile-page .account-tabs .account-tab>span{min-width:0}}.highlight-controls select{color-scheme:dark;border:1px solid var(--line);border-radius:6px;cursor:pointer}.highlight-controls select,.highlight-controls select option{background:var(--panel);color:var(--text)}.highlight-stage .highlight-kill-feed{top:8px;right:14px;gap:3px;padding-top:6px;z-index:9;max-width:calc(100% - 28px);max-height:calc(100% - 105px);overflow-y:auto;scrollbar-width:thin}.highlight-kill-feed button{gap:7px;padding:4px 9px;line-height:16px}.highlight-kill-feed .kill-weapon-fallback{max-width:70px;overflow:hidden;text-overflow:ellipsis}.highlight-kill-feed .kill-actors,.highlight-kill-feed .kill-victim{flex:1 1 auto}.highlight-kill-feed .kill-victim{text-align:right}@media(max-width:650px){.highlight-stage .highlight-kill-feed{top:4px;right:10px;max-width:calc(100% - 20px)}.highlight-kill-feed button{padding:4px 7px;font-size:11px;line-height:14px;gap:5px}.highlight-kill-feed .kill-weapon-icon{max-width:46px;height:14px}.highlight-kill-feed .kill-modifier-icon{width:12px;height:12px}}.highlight-share-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;font-size:12px;padding:9px 12px}.highlight-dialog-heading .highlight-share-button{width:auto}.highlight-share-dialog[data-slot=dialog-content]{width:min(520px,calc(100vw - 24px));background:var(--panel);color:var(--text);border:1px solid var(--line);gap:16px}.highlight-share-dialog [data-slot=dialog-description]{color:var(--muted);font-size:13px;line-height:1.7}.share-url{width:100%;min-width:0;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;font-size:12px}.share-expiry{margin:0;font-size:12px;color:var(--muted)}.share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.share-actions a,.share-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;font-size:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}.share-progress{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.share-progress svg{animation:highlight-spin 2s linear infinite}.published-highlights{padding:14px 16px;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;font-size:13px}.published-highlights summary{cursor:pointer;color:var(--accent)}.published-highlight{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.published-highlight p,.published-highlight small{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0}.published-highlight strong{overflow-wrap:anywhere}.public-highlight-content{width:min(1120px,calc(100% - 32px));margin:30px auto}.public-highlight-content h1{font-size:clamp(22px,4vw,30px);overflow-wrap:anywhere}.public-highlight-content .highlight-stage{height:clamp(230px,60dvh,650px)}@media(max-width:650px){.published-highlight{align-items:flex-start;flex-direction:column}.public-highlight-content{width:calc(100% - 20px);margin:20px auto}.public-highlight-content .highlight-stage{height:clamp(230px,48dvh,520px)}}@media(prefers-reduced-motion:reduce){.share-progress svg{animation:none}}@media(max-width:650px){.highlight-player-identity{left:10px;right:10px;bottom:10px;font-size:11px}.highlight-player-identity>div{padding:7px 9px;gap:6px}.highlight-player-vitals>div{gap:12px}.highlight-player-ammo{font-size:14px}}