@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--page:#151416;--surface:#242125;--surface-raised:#302a30;--input:#1b181d;--line:#4a3c40;--line-soft:#352d33;--text:#f2eeeb;--text-soft:#c4b8bc;--muted:#aa9ba2;--accent:#f07848;--accent-hover:#ff9468;font-family:DM Sans,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f3f0;--surface:#f2eeeb;--surface-raised:#f5efec;--input:#f2eae6;--line:#c4b8bc;--line-soft:#e5d9d5;--text:#2c2326;--text-soft:#65545a;--muted:#75626a;--accent:#ad421e;--accent-hover:#9a391a}*{box-sizing:border-box}body{min-width:360px;color:var(--text);background:var(--page);margin:0}button,textarea,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1120px;margin:0 auto;padding:0 32px}.topbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:var(--text);letter-spacing:.1em;align-items:center;gap:10px;font:700 13px DM Mono,monospace;text-decoration:none;display:flex}.brand-mark{color:#24150f;background:var(--accent);border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.brand-dot,.site-footer b{color:var(--accent)}.topbar-meta,.eyebrow,.field-label,.text-button,.parse-cell span,.deaths-cell span,.sample-cell span,.site-footer{letter-spacing:.09em;font:10px DM Mono,monospace}.topbar-meta{color:var(--muted);align-items:center;gap:9px;display:flex}.status-dot,.results-foot i{background:var(--accent);border-radius:50%;width:6px;height:6px}.topbar-divider{background:var(--line);width:1px;height:12px;margin:0 8px}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--text-soft);background:0 0;border-radius:9px;place-items:center;display:grid}.icon-button:hover{border-color:var(--accent-hover);color:var(--accent)}.workspace{padding:46px 0 35px}.section-heading,.results-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);align-items:center;gap:9px;display:flex}.eyebrow.muted{color:var(--muted)}h2{letter-spacing:-.03em;margin:8px 0 0;font-size:21px;font-weight:600}.text-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;display:inline-flex}.text-button:hover{color:var(--accent-hover)}.text-button:disabled,.analyze-button:disabled{cursor:not-allowed;opacity:.5}.control-grid{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px;display:block}.field-label{color:var(--text);justify-content:space-between;display:flex}.field-label span,.field-hint{color:var(--muted)}.manifest-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;height:126px;color:var(--text);background:var(--input);border-radius:8px;outline:none;margin:15px 0 11px;padding:13px;font:12px/1.75 DM Mono,monospace;display:block}.manifest-panel textarea:focus{border-color:var(--accent-hover);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent), transparent 85%)}.field-hint{font-size:11px}code{color:var(--accent);font:11px DM Mono,monospace}.select-wrap{border:1px solid var(--line);height:44px;color:var(--accent);background:var(--input);border-radius:8px;align-items:center;gap:9px;margin-top:15px;padding:0 12px;display:flex}.select-wrap:focus-within{border-color:var(--accent-hover)}.select-wrap select{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.select-wrap option{color:var(--text);background:var(--surface)}.stacked-label{margin-top:12px}.encounter-note{color:var(--muted);gap:9px;margin:15px 0 18px;font-size:11px;display:flex}.encounter-note svg{color:var(--text-soft);flex:none}.analyze-button{border:1px solid var(--accent-hover);color:#fff;background:var(--accent);letter-spacing:.08em;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;height:42px;font:500 10px DM Mono,monospace;transition:background .12s,transform .12s;display:flex}.analyze-button svg:last-child{margin-left:auto}.results-heading{margin:43px 0 17px}.search-box{border:1px solid var(--line);width:205px;height:36px;color:var(--muted);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box:focus-within{border-color:var(--accent-hover)}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:var(--muted)}.player-row{--player-color:#c4b8bc;border:1px solid var(--line);background:color-mix(in srgb, var(--player-color) 8%, var(--surface));border-bottom:0;border-left:3px solid var(--player-color);grid-template-columns:34px 38px minmax(145px,1fr) 100px 90px 90px;align-items:center;gap:13px;min-height:78px;padding:13px 16px;display:grid}.player-row:first-child{border-radius:11px 11px 0 0}.player-row:last-of-type{border-bottom:1px solid var(--line);border-radius:0 0 11px 11px}.player-row:hover{background:color-mix(in srgb, var(--player-color) 12%, var(--surface-raised))}.top-player .rank{color:var(--accent)}.class-glyph{border:1px solid color-mix(in srgb, var(--player-color), transparent 55%);width:34px;height:34px;color:var(--player-color);background:color-mix(in srgb, var(--player-color), transparent 90%);border-radius:9px;place-items:center;font:10px DM Mono,monospace;display:grid}.player-info strong{color:var(--text);font-size:15px;font-weight:600;display:block}.realm{color:var(--text-soft);font-size:11px;font-weight:400}.player-subline{align-items:center;gap:7px;margin-top:5px;display:flex}.player-subline small{color:var(--text-soft);font-size:10px}.role-badge{border:1px solid var(--line);color:var(--text-soft);letter-spacing:.06em;border-radius:4px;padding:2px 5px;font:8px DM Mono,monospace}.role-healer{color:#579f91;border-color:#579f91}.role-tank{color:#d09a61;border-color:#d09a61}.role-dps{border-color:var(--accent-hover);color:var(--accent)}.role-unknown{opacity:.7}.parse-cell strong,.deaths-cell strong,.sample-cell strong{color:var(--text);font:500 20px DM Mono,monospace;display:block}.parse-cell small{color:inherit;opacity:.9;font-size:12px}.parse-cell span,.deaths-cell span,.sample-cell span{color:var(--muted);letter-spacing:.09em;margin-top:4px;font:8px DM Mono,monospace;display:block}.player-message{color:#d1aa82;grid-column:3/-1;font-size:11px;line-height:1.5}:root[data-theme=light] .player-message{color:#87502f}.empty-state{border:1px dashed var(--line);color:var(--text-soft);text-align:center;border-radius:10px;padding:28px;font-size:13px}:root[data-theme=light] .empty-state{border-color:var(--line)}.error-state{color:#e0a17f;border-color:#754b3b;margin:12px 0}.results-foot{color:var(--muted);justify-content:space-between;gap:14px;padding:14px 2px 0;font-size:10px;display:flex}.results-foot span:first-child{color:var(--text-soft);align-items:center;gap:7px;font:9px DM Mono,monospace;display:flex}.site-footer{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;padding:22px 0 28px;font-size:9px;display:flex}@media (width<=760px){.app-shell{padding:0 18px}.topbar-meta{display:none}.control-grid{grid-template-columns:1fr}.player-row{grid-template-columns:25px 34px minmax(110px,1fr) 70px 66px 75px;gap:8px;padding:12px 10px}.results-foot{flex-direction:column}}@media (width<=460px){.app-shell{padding:0 14px}.section-heading,.results-heading{align-items:flex-start}.results-heading{flex-direction:column}.search-box{width:100%}.player-row{grid-template-columns:22px 32px minmax(90px,1fr) 55px 60px}.deaths-cell{display:none}.player-info strong{font-size:14px}.parse-cell strong,.sample-cell strong{font-size:17px}.player-subline{gap:5px}.role-badge{padding:2px 4px;font-size:7px}}.result-context{color:var(--text-soft);margin:8px 0 0;font-size:12px}.report-link{color:inherit;grid-column:2/-1;align-items:center;gap:4px;width:fit-content;font-size:12px;display:flex}.multi-role-group{border:1px solid var(--line);border-radius:10px;overflow:hidden}.multi-role-heading{flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:14px 18px;display:flex}.multi-role-heading span{opacity:.75;font-size:12px}.multi-role-group .player-row{border-left:0;border-right:0;border-radius:0}.multi-role-group .player-row:last-child{border-bottom:0}.listing-context,.import-notice,.lookup-progress{font-size:13px;line-height:1.5}.import-notice{color:var(--accent,#d98b45)}.player-group>.player-row:only-child{border-radius:10px}.player-group+.player-group{margin-top:10px}.player-card{border:1px solid var(--line);border-left:3px solid var(--player-color);border-radius:9px;grid-template-columns:minmax(220px,1fr) minmax(240px,1.1fr) minmax(150px,.65fr);gap:18px;min-height:72px;margin-bottom:7px;padding:10px 16px;display:grid}.player-card .player-info{min-width:0}.player-card .player-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.player-card .rank{margin-right:10px;font-size:10px;display:inline}.player-card .identity-meta{color:var(--muted);flex-wrap:wrap;gap:5px 8px;margin-top:7px;font-size:11px;display:flex}.player-card .class-name{color:var(--player-color)}.player-card .queued-roles{font-size:10px}.player-card .role-breakdown{min-width:0}.player-card .role-result{grid-template-columns:45px 52px minmax(0,1fr);align-items:center;gap:8px;min-height:23px;display:grid}.player-card .role-badge{width:fit-content}.player-card .parse-cell{text-align:left}.player-card .parse-cell strong{font-size:15px;line-height:1}.player-card .parse-cell strong small{font-size:9px}.player-card .report-link{align-items:center;gap:2px;margin:0;text-decoration:none;display:inline-flex}.player-card .report-link:hover{text-decoration:underline}.player-card .role-detail{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12px;overflow:hidden}.player-card .role-not-queued{opacity:.42}.player-card .activity-summary{flex-direction:column;gap:8px;min-width:0;display:flex}.player-card .sample-cell{text-align:left}.player-card .sample-cell strong{font-size:21px;line-height:1}.player-card .sample-cell span,.player-card .ranked-summary>span{letter-spacing:.8px;color:var(--muted);margin-top:3px;font-size:8px;display:block}.player-card .ranked-summary small{margin-top:3px;font-size:10px;line-height:1.4;display:block}@media (width<=800px){.player-card{grid-template-columns:minmax(160px,.9fr) minmax(200px,1fr) 120px;gap:12px;padding:10px}}@media (width<=620px){.player-card{grid-template-columns:minmax(0,1fr) 110px;gap:8px 12px}.player-card .player-info{grid-column:1/-1}.player-card .role-result{grid-template-columns:40px 46px minmax(0,1fr);gap:4px}.player-card .identity-meta{margin-top:4px}}.player-card .role-result{grid-template-columns:45px 65px minmax(0,1fr)}.player-card .role-detail{white-space:normal;line-height:1.35;overflow:visible}@media (width<=600px){.player-card .role-result{grid-template-columns:40px 58px minmax(0,1fr)}}.app-shell{max-width:1200px}.topbar{height:80px}.brand{letter-spacing:-.03em;font:700 19px DM Sans,sans-serif}.brand-dot{color:var(--text-soft)}.topbar-meta{letter-spacing:.02em;font:500 11px DM Sans,sans-serif}.status-dot,.results-foot i{background:var(--accent)}h2{font-size:24px;font-weight:700}.workspace{padding-top:32px}.panel{border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000000a}.field-label{letter-spacing:.035em;font:600 12px DM Sans,sans-serif}.field-label span{font-size:10px;font-weight:500}.field-hint,.encounter-note{font-size:12px}.text-button{letter-spacing:.025em;border-radius:8px;padding:9px 12px;font:600 11px DM Sans,sans-serif}.text-button:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.analyze-button{background:var(--accent);color:#24150f;letter-spacing:.025em;border:0;border-radius:9px;height:44px;font:600 12px DM Sans,sans-serif}.analyze-button:hover:not(:disabled){background:var(--accent-hover);transform:none}.icon-button{background:var(--surface);border-radius:11px}.icon-button:hover{background:var(--surface-raised)}.search-box{border-radius:10px;height:38px}.search-box input{font-size:12px}.select-wrap,.manifest-panel textarea{border-radius:10px}.player-card{border-radius:12px;margin-bottom:8px}.player-card:first-child,.player-card:last-of-type{border-radius:12px}.player-card .identity-meta{color:var(--text-soft)}.role-badge{letter-spacing:.025em;border-radius:5px;font:600 9px DM Sans,sans-serif}.role-dps{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 9%, transparent)}.role-healer{color:#4fbaa3;background:#4fbaa310;border-color:#4fbaa370}.role-tank{color:#c49bff;background:#c49bff10;border-color:#c49bff70}:root[data-theme=light] .role-healer{color:#16745d}:root[data-theme=light] .role-tank{color:#7942be}.player-card .rank{color:var(--text-soft)}.empty-state{background:var(--surface);border-radius:14px;padding:32px}.error-state{color:#f4a6af;border-color:#e8798570}:root[data-theme=light] .error-state{color:#a42845;border-color:#bd405b70}.site-footer{letter-spacing:.015em;font:11px DM Sans,sans-serif}button,.player-card,.select-wrap,textarea{transition:background-color .15s,border-color .15s}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=620px){.workspace{padding-top:24px}.panel{padding:16px}h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.encounter-panel .analyze-button{margin-top:18px}.live-scan{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;padding:10px 12px;display:flex}.live-scan .text-button{white-space:nowrap}.live-scan>span{color:var(--text-soft);font-size:12px;line-height:1.5}.result-filters{flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 18px;display:flex}.result-filters label{color:var(--muted);gap:5px;font-size:12px;display:grid}.result-filters select{min-width:140px}.result-filters small{opacity:.7;align-self:center;font-size:11px}.camera-preview video{object-fit:contain;border-radius:8px;width:100%;max-height:240px;margin-top:12px;display:block}.live-scan{flex-wrap:wrap}.camera-preview{flex-basis:100%}.result-filters select,.live-scan>select{appearance:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;max-width:100%;min-height:36px;padding:8px 10px;font-size:12px}.result-filters select:focus-visible,.live-scan>select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=600px){.result-filters label{flex:1;min-width:130px}.result-filters select{width:100%}.result-filters small{flex-basis:100%}}.output-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:2px}.output-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.brand-monogram{letter-spacing:-.06em;font-size:23px;font-weight:800;line-height:1}.topbar-actions{align-items:center;gap:12px;display:flex}.addon-download{white-space:nowrap;text-decoration:none}:root[data-theme=light] .analyze-button,:root[data-theme=light] .brand-mark{color:#fff8f4}.brand-logo{object-fit:contain;flex-shrink:0;width:64px;height:42px;display:block}@media (width<=600px){.brand-logo{width:48px;height:34px}}.player-card{background:color-mix(in srgb, var(--player-color) 18%, var(--surface))}.player-card:hover{background:color-mix(in srgb, var(--player-color) 22%, var(--surface-raised))}:root[data-palette=purgatory-armor] .analyze-button{color:#fff6f5}:root[data-palette=purgatory-armor] .result-filters select,:root[data-palette=purgatory-armor] .live-scan>select{background:var(--input)}:root[data-palette=purgatory-armor][data-theme=dark] .text-button,:root[data-palette=purgatory-armor][data-theme=dark] .field-hint code,:root[data-palette=purgatory-armor][data-theme=dark] .role-dps{color:#db858b}:root[data-palette=purgatory-armor][data-theme=dark] button:focus-visible,:root[data-palette=purgatory-armor][data-theme=dark] a:focus-visible,:root[data-palette=purgatory-armor][data-theme=dark] select:focus-visible{outline-color:#db858b}
