@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{color:#d4d4d8;background:#0a0a0c;font-family:JetBrains Mono,monospace;font-size:12px}*{box-sizing:border-box}body{background:#0a0a0c;margin:0}button,select{font:inherit;color:#aaa;cursor:pointer;background:#131315;border:1px solid #303034;padding:8px 11px}.app{min-height:100vh}header{background:#0e0e10;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:64px;padding:0 max(4vw,24px);display:flex}.logo{color:#c79c6e;letter-spacing:1px;align-items:center;gap:10px;display:flex}.logo svg{width:22px}.logo span{color:#f59e0b}.logo em{color:#666;border-left:1px solid #333;padding-left:12px;font-size:9px;font-style:normal}.source{color:#777;align-items:center;gap:9px;font-size:9px;display:flex}.source i{background:#4ade80;border-radius:50%;width:6px;height:6px}.source button{margin-left:6px;padding:5px 7px}main{max-width:1440px;margin:auto;padding:38px max(4vw,24px)}.profile{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.profile small,.panel-title small,.metric small{letter-spacing:1.4px;color:#777;font-size:9px}.profile h1{color:#eee;margin:10px 0;font:600 58px/.85 Barlow Condensed}.profile p b{color:#c79c6e}.profile p span{color:#444;margin:0 10px}.sync{color:#666;font-size:9px}.sync svg{vertical-align:middle;margin-right:7px}.sync b{color:#aaa;margin-left:5px}.metrics{border:1px solid #27272a;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.metric{border-right:1px solid #27272a;gap:11px;min-height:90px;padding:17px;display:flex}.metric:last-child{border:0}.metric svg{color:#f59e0b;width:17px}.metric div{gap:4px;display:grid}.metric strong{color:#eee;font-size:17px}.metric span{color:#c79c6e;font-size:9px}.dashboard{gap:18px;display:grid}.top,.bottom{grid-template-columns:1.42fr 1fr;gap:18px;display:grid}.bottom{grid-template-columns:1.42fr 1fr}.panel{background:#0e0e10;border:1px solid #27272a;min-width:0}.chart-area{position:relative}.selector{z-index:1;position:absolute;top:14px;right:18px}.panel-title{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:66px;padding:15px 18px;display:flex}.panel-title h2{color:#eee;margin:6px 0;font:600 21px Barlow Condensed}.panel-title h2 i{color:#4ade80;margin-left:8px;font:10px normal}.muted,.tag{color:#666;font-size:9px}.chart-wrap{height:240px;padding:20px 18px 0 9px;display:flex}.yaxis{color:#555;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:9px;display:flex}.chart-wrap svg{width:100%;height:100%}.xaxis{color:#555;justify-content:space-around;padding:0 22px 15px 50px;font-size:9px;display:flex}.encounter-row{border-bottom:1px solid #1d1d20;grid-template-columns:33px 1fr 105px 90px;align-items:center;gap:7px;height:73px;padding:0 18px;display:grid}.encounter-row b{color:#ddd;display:block}.encounter-row small{color:#666;margin-top:4px;font-size:9px;display:block}.index{color:#555}.encounter-row>strong{text-align:right;color:#f59e0b;font-weight:500}.encounter-row>strong small{color:#666;display:inline}.rank{text-align:right}.rank b{color:#c79c6e;font-size:10px}.gear-grid{grid-template-columns:1fr 1fr;gap:0 30px;padding:8px 18px;display:grid}.gear-item{border-bottom:1px solid #19191b;align-items:center;gap:10px;height:31px;display:flex}.gear-item span{color:#555;font-size:9px}.gear-item b{color:#bbb;font-size:10px;font-weight:500}.gear-item i{background:#c79c6e;width:5px;height:5px;margin-left:auto}.swaps{border-top:1px solid #27272a;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.swaps span{color:#9b7c58;font-size:10px}.raid-row{padding:15px 18px 0}.raid-row>div:first-child{align-items:center;gap:13px;display:flex}.raid-row b{color:#bbb;font-size:11px}.raid-row small{color:#666;font-size:9px}.raid-row strong{color:#f59e0b;margin-left:auto}.bar{background:#202023;height:5px;margin-top:10px}.bar i{height:100%;display:block}.notice{color:#916e36;background:#17120b;margin:25px 18px 18px;padding:11px;font-size:9px;line-height:1.6}.notice svg{vertical-align:middle;margin-right:7px}footer{color:#555;border-top:1px solid #27272a;justify-content:space-between;padding:18px max(4vw,24px);font-size:9px;display:flex}@media (width<=900px){.top,.bottom{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid #27272a}.profile{align-items:start}}@media (width<=600px){header{align-items:start;gap:15px;height:auto;padding:16px 20px}.logo em,.source{display:none}.profile{display:block}.sync{margin-top:20px}.metrics{grid-template-columns:1fr}.metric{border-right:0}.gear-grid{grid-template-columns:1fr}.encounter-row{grid-template-columns:24px 1fr 78px 68px;padding:0 10px}footer{line-height:2.2;display:block}}.wcl-explorer{background:#0a0a0c;border:1px solid #27272a;margin:0 0 20px;padding:20px}.wcl-heading,.wcl-controls{align-items:center;gap:10px;display:flex}.wcl-heading{justify-content:space-between;margin-bottom:16px}.wcl-heading small,.wcl-label,.wcl-telemetry small{letter-spacing:1px;color:#777;font-size:9px}.wcl-heading h2{color:#eee;margin:4px 0 0;font:600 25px Barlow Condensed}.wcl-status{color:#aaa;border:1px solid #27272a;padding:6px 9px;font-size:9px}.wcl-status i{background:#f59e0b;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.wcl-status.online i,.source i.live-ok{background:#4ade80}.wcl-controls input{color:#eee;min-width:100px;font:inherit;background:#131315;border:1px solid #27272a;flex:1;padding:10px 12px}.wcl-controls button{white-space:nowrap}.wcl-controls button:disabled{opacity:.5;cursor:wait}.wcl-primary{color:#0a0a0c!important;background:#c79c6e!important;border-color:#c79c6e!important}.wcl-reports,.wcl-detail{margin-top:18px}.wcl-label{margin-bottom:9px}.wcl-report,.wcl-fight{text-align:left;background:#101012;border:1px solid #27272a;flex-direction:column;gap:6px;margin:0 8px 8px 0;padding:11px 13px;display:inline-flex}.wcl-report strong,.wcl-fight strong{color:#ddd}.wcl-report span,.wcl-fight span{color:#888;font-size:9px}.wcl-report.active,.wcl-fight.active{border-color:#c79c6e}.wcl-fights{flex-wrap:wrap;display:flex}.wcl-telemetry{background:#101012;border:1px solid #27272a;flex-wrap:wrap;align-items:center;gap:20px;margin-top:9px;padding:14px;display:flex}.wcl-telemetry>div{gap:6px;display:grid}.wcl-telemetry strong{color:#ddd}.wcl-telemetry strong.kill{color:#4ade80}.wcl-telemetry strong.wipe{color:#f59e0b}.wcl-telemetry a{color:#f59e0b;margin-left:auto}.wcl-error{color:#fca5a5;margin:12px 0 0}@media (width<=700px){.wcl-controls{flex-direction:column;align-items:stretch}.wcl-controls button{width:100%}.wcl-telemetry{gap:14px}.wcl-telemetry a{margin-left:0}}.profile p{color:#a1a1aa}.summary-grid{background:#27272a;border:1px solid #27272a;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:1px;margin:18px 0;display:grid}.summary-grid>div,.summary-grid>a{background:#0a0a0c;padding:16px 18px}.summary-grid small,.summary-grid span{color:#71717a;letter-spacing:.1em;font-size:10px;display:block}.summary-grid strong{color:#f4f4f5;margin:9px 0 4px;font-size:22px;display:block}.summary-grid a{color:#f59e0b;align-self:stretch;align-items:center;font-size:12px;text-decoration:none;display:flex}.telemetry-card{background:#0a0a0c;border:1px solid #27272a;margin:18px 0}.section-head{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.section-head small,.panel-head small{letter-spacing:.14em;color:#71717a;font-size:9px}.section-head h2{color:#e4e4e7;align-items:center;gap:9px;margin:7px 0 0;font-size:16px;display:flex}.section-head h2 svg{color:#f59e0b}.section-head>span{color:#a1a1aa;font:10px ui-monospace,monospace}.section-head>span b{color:#f59e0b}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}th{letter-spacing:.12em;color:#71717a;border-bottom:1px solid #27272a;padding:12px 16px;font:9px ui-monospace,monospace}td{color:#d4d4d8;border-bottom:1px solid #1b1b1e;padding:12px 16px;font:12px ui-monospace,monospace}.player-row{cursor:pointer;transition:background .15s}.player-row:hover,.player-row.selected{background:#191719}.rank{color:#71717a}.player-name{font:600 13px system-ui}.class-tag{color:#71717a;margin-top:2px;font:9px system-ui;display:block}.gold{color:#f59e0b}.muted{color:#52525b}.empty-state{color:#71717a;padding:22px;font-size:12px}.player-panel{background:#0c0c0e;border:1px solid #3f3420;margin:18px 0 28px}.panel-head{border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-head h2{margin:7px 0 2px;font-size:21px}.panel-head span{color:#a1a1aa;font-size:11px}.panel-head button{color:#a1a1aa;cursor:pointer;background:0 0;border:0}.player-metrics{border-bottom:1px solid #27272a;grid-template-columns:repeat(4,1fr);display:grid}.player-metrics>div{border-right:1px solid #27272a;padding:14px 18px}.player-metrics small{color:#71717a;letter-spacing:.1em;font-size:9px;display:block}.player-metrics b{color:#e4e4e7;margin-top:8px;font:600 16px ui-monospace,monospace;display:block}.panel-section{border-bottom:1px solid #27272a;padding:17px 20px}.panel-section h3{color:#e4e4e7;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;display:flex}.panel-section h3 svg{color:#f59e0b}.ability,.buff{margin:12px 0}.ability-top,.buff>div:first-child{justify-content:space-between;gap:8px;font-size:11px;display:flex}.ability-top b,.buff b{color:#d4d4d8;font-weight:500}.ability-top span,.buff span{color:#a1a1aa;font:10px ui-monospace,monospace}.ability-top i,.buff i{color:#71717a;margin-left:5px;font-style:normal}.bar{background:#27272a;height:4px;margin:6px 0 4px;overflow:hidden}.bar>i{background:#f59e0b;height:100%;display:block}.bar>.buff-fill{background:#c79c6e}.ability-meta{color:#71717a;justify-content:space-between;font-size:9px;display:flex}.welcome{color:#71717a;border:1px dashed #27272a;align-items:center;gap:12px;padding:20px;display:flex}.welcome>svg:first-child{color:#f59e0b}.welcome div{flex:1}.welcome b,.welcome span{font-size:12px;display:block}.welcome b{color:#d4d4d8;margin-bottom:4px}.welcome span{color:#71717a}.wcl-fight.active{background:#17130b;border-color:#f59e0b}@media (width<=700px){.summary-grid{grid-template-columns:1fr 1fr}.summary-grid>a{grid-column:span 2;padding:12px}.player-metrics{grid-template-columns:1fr 1fr}.player-metrics>div{border-bottom:1px solid #27272a}.section-head{align-items:flex-start;gap:10px}.section-head>span{white-space:nowrap;margin-top:8px}}