:root,[data-theme=classic]{--page: #21180f;--page-grid: rgba(255, 236, 180, .045);--page-ink: #f9eab8;--page-muted: #d0b069;--page-accent: #f0bd45;--ink: #24180d;--ink-strong: #100b06;--muted: #6f5530;--faint: #9d824d;--line: #8c6a36;--line-strong: #5d421f;--surface: #d5bd7b;--surface-alt: #ecd79d;--surface-hot: #f7e7b5;--panel: #5f4522;--panel-ink: #f9eab8;--panel-muted: #d0b069;--gold: #f0bd45;--gold-strong: #9d6c16;--gold-soft: rgba(115, 76, 13, .16);--green: #246f32;--green-soft: rgba(41, 113, 49, .16);--red: #8b2d24;--red-soft: rgba(139, 45, 36, .15);--blue: #315e8f;--blue-soft: rgba(49, 94, 143, .14);--shadow: rgba(15, 10, 5, .42);--inset-light: rgba(255, 242, 190, .82);--inset-dark: rgba(63, 38, 15, .45);color:var(--ink);background:var(--page);font-family:Verdana,Avenir Next,Segoe UI,sans-serif}[data-theme=dark]{--page: #080706;--page-grid: rgba(226, 184, 91, .055);--page-ink: #f4e4ba;--page-muted: #bca46f;--page-accent: #e4b84d;--ink: #f3e4bd;--ink-strong: #fff3cb;--muted: #b39b67;--faint: #7a6848;--line: #3d3122;--line-strong: #6f5529;--surface: #16120d;--surface-alt: #211a12;--surface-hot: #2c2114;--panel: #0d0b08;--panel-ink: #f4e4ba;--panel-muted: #bca46f;--gold: #e4b84d;--gold-strong: #f2ca69;--gold-soft: rgba(228, 184, 77, .16);--green: #67d486;--green-soft: rgba(103, 212, 134, .14);--red: #ff7368;--red-soft: rgba(255, 115, 104, .14);--blue: #7dadff;--blue-soft: rgba(125, 173, 255, .14);--shadow: rgba(0, 0, 0, .5);--inset-light: rgba(255, 235, 176, .16);--inset-dark: rgba(0, 0, 0, .58)}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-width:320px;background:var(--page)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(240,189,69,.62);outline-offset:2px}.app-shell{min-height:100vh;padding:24px;background:linear-gradient(90deg,var(--page-grid) 0 1px,transparent 1px 100%) 0 0 / 34px 34px,linear-gradient(180deg,var(--page-grid) 0 1px,transparent 1px 100%) 0 0 / 34px 34px,var(--page);color:var(--ink)}.workspace{max-width:1380px;margin:0 auto}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:92px;border:2px solid var(--line-strong);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--surface-hot),var(--surface));box-shadow:inset 0 1px 0 var(--inset-light),inset 0 -2px 0 var(--inset-dark),0 10px 22px var(--shadow);padding:18px}[data-theme=dark] .workspace-header{background:linear-gradient(180deg,#241c13,var(--surface-alt))}.title-lockup{display:flex;align-items:center;min-width:0;gap:14px}.app-crest{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;border:2px solid var(--gold-strong);border-radius:5px;background:linear-gradient(180deg,var(--surface-hot),var(--gold));color:var(--ink-strong);box-shadow:inset 0 1px #ffffff52,inset 0 -2px #0000002e}.eyebrow{margin:0 0 5px;color:var(--gold-strong);font-size:.74rem;font-weight:950;letter-spacing:0;text-transform:uppercase}[data-theme=dark] .eyebrow{color:var(--gold)}h1,h2{font-family:Georgia,Times New Roman,serif;letter-spacing:0}h1{margin:0;color:var(--ink-strong);font-size:clamp(2rem,4vw,4.35rem);line-height:.95;text-shadow:0 1px 0 rgba(255,245,196,.42)}[data-theme=dark] h1{color:var(--ink-strong);text-shadow:0 2px 0 rgba(0,0,0,.65)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.theme-switch,.status-pill,.tabs,.filter-row button,.compare-button,.delta,.quest-state,.boolean-state,.difference-badge,.lead-badge{font-weight:950}.theme-switch{display:inline-flex;align-items:center;gap:4px;min-height:38px;border:1px solid var(--line-strong);border-radius:4px;background:#00000029;padding:4px}.theme-switch button,.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted);padding:0 10px;white-space:nowrap}.theme-switch button.active,.status-pill{border-color:var(--gold-strong);background:var(--gold-soft);color:var(--ink-strong)}[data-theme=dark] .theme-switch button.active,[data-theme=dark] .status-pill{color:var(--gold)}.status-pill.muted{color:var(--muted)}.player-compare-panel{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) auto;gap:12px;align-items:stretch;border-right:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong);border-left:2px solid var(--line-strong);border-radius:0 0 6px 6px;background:linear-gradient(180deg,#0000001f,#00000008),var(--panel);box-shadow:inset 0 1px 0 var(--inset-light),0 10px 22px var(--shadow);padding:16px}.player-card{display:grid;align-content:start;gap:8px;min-width:0;border:1px solid rgba(255,230,160,.2);border-radius:4px;background:#0000002e;padding:12px}.player-card-label{display:inline-flex;align-items:center;gap:7px;color:var(--panel-muted);font-size:.76rem;font-weight:950;text-transform:uppercase}.player-card input{width:100%;min-width:0;min-height:44px;border:1px solid rgba(255,230,160,.36);border-radius:4px;background:#0000006b;color:var(--panel-ink);padding:0 12px;font-weight:850}.player-card input::placeholder{color:#f5e2ad8f}.player-card small{min-width:0;color:var(--panel-muted);font-size:.75rem;overflow-wrap:anywhere}.versus-mark{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:5px;width:64px;height:42px;border:1px solid var(--gold-strong);border-radius:4px;background:#0003;color:var(--panel-ink);font-weight:900;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000003d}.versus-mark span{font-size:.72rem;line-height:1}.compare-button{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;gap:8px;min-width:132px;min-height:58px;border:2px solid var(--gold-strong);border-radius:4px;background:linear-gradient(180deg,#f6d679,var(--gold));color:#140d05;padding:0 18px;text-shadow:0 1px 0 rgba(255,237,172,.38);transition:filter .12s ease}.compare-button:hover:not(:disabled){filter:brightness(1.05)}.compare-button:disabled{cursor:progress;opacity:.72}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-list{display:grid;gap:8px;margin:16px 0 0}.error-row{display:grid;grid-template-columns:auto max-content 1fr;gap:10px;align-items:center;border:2px solid var(--red);border-radius:6px;background:var(--red-soft);color:var(--ink-strong);padding:12px 14px}.error-row span{font-weight:950}.error-row p{margin:0}.empty-state{display:flex;align-items:center;gap:12px;min-height:156px;margin-top:18px;border:2px dashed var(--line);border-radius:4px;background:#0000001a;color:var(--muted);padding:24px}.empty-state strong{display:block;color:var(--ink-strong);font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.empty-state p{margin:3px 0 0;font-weight:750}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 0}.summary-tile{display:grid;gap:10px;min-height:116px;border:2px solid var(--line-strong);border-radius:4px;background:linear-gradient(180deg,var(--surface-hot),var(--surface));box-shadow:inset 0 1px 0 var(--inset-light),inset 0 -2px 0 var(--inset-dark);padding:14px}[data-theme=dark] .summary-tile{background:linear-gradient(180deg,var(--surface-hot),var(--surface))}.summary-title{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:32px;border:1px solid var(--line-strong);border-left:4px solid var(--gold-strong);border-radius:3px;background:var(--panel);color:var(--panel-ink);padding:0 8px;font-size:.78rem;font-weight:950;text-transform:uppercase;box-shadow:inset 0 1px #ffe9aa24,inset 0 -1px #00000052}.summary-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-values strong{min-width:0;color:var(--ink-strong);font-size:clamp(1.32rem,1.85vw,1.9rem);line-height:1;white-space:nowrap}.tabs{display:flex;gap:5px;border:2px solid var(--line-strong);border-radius:4px;background:var(--panel);box-shadow:inset 0 1px #ffe9aa24,0 8px 18px var(--shadow);padding:6px}.tabs button,.filter-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--panel-muted);max-width:240px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.tabs button:hover,.filter-row button:hover{border-color:#ffe6a047;color:var(--panel-ink)}.tabs button.active,.filter-row button.active{border-color:var(--gold-strong);background:var(--gold-soft);color:var(--panel-ink)}.filter-row button.active{border-color:var(--page-accent);background:var(--panel);color:var(--page-ink);box-shadow:inset 0 1px #ffe9aa24,inset 0 -1px #00000057}.data-section{padding:18px 0 36px}.section-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.section-title{display:flex;align-items:center;gap:8px;color:var(--page-accent);margin-bottom:4px}[data-theme=dark] .section-title{color:var(--page-accent)}.section-title h2{margin:0;color:var(--page-ink);font-size:1.26rem;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.72)}.section-note{max-width:720px;margin:6px 0 0;color:var(--page-muted);font-size:.84rem;font-weight:800}.filter-row{display:flex;flex-wrap:wrap;gap:5px}.filter-row button{border-color:var(--line);background:var(--surface-alt);color:var(--ink)}[data-theme=dark] .filter-row button{background:var(--surface-alt);color:var(--muted)}.player-header{display:flex;gap:8px;color:var(--page-muted);font-size:.82rem;font-weight:950;text-shadow:0 1px 0 rgba(0,0,0,.72)}.player-header span{min-width:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-header span+span:before{content:"vs";margin-right:8px;color:var(--page-accent);font-weight:950}.table-wrap{overflow-x:auto;border:2px solid var(--line-strong);border-radius:4px;background:var(--surface);box-shadow:inset 0 1px 0 var(--inset-light),0 8px 18px var(--shadow)}table{width:100%;min-width:780px;border-collapse:separate;border-spacing:0;background:transparent}.quest-table{min-width:1080px}th,td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;vertical-align:middle}th{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,var(--panel),#4c361c);color:var(--panel-muted);font-size:.72rem;font-weight:950;text-transform:uppercase}[data-theme=dark] th{background:linear-gradient(180deg,#251d13,#12100c)}th+th,td+td{border-left:1px solid rgba(68,43,18,.2)}tbody tr{background:#ffffff14;transition:background .12s ease,box-shadow .12s ease}[data-theme=dark] tbody tr{background:#ffffff03}tbody tr:nth-child(2n){background:#0000000e}[data-theme=dark] tbody tr:nth-child(2n){background:#ffffff07}tbody tr:hover{background:#f0bd4524}tbody tr:last-child td{border-bottom:0}.name-cell{min-width:250px;color:var(--ink-strong);font-weight:950}.name-cell>span{display:block}.name-cell small{display:block;margin-top:4px;color:var(--muted);font-size:.74rem;font-weight:850}.skill-name{display:flex;align-items:center;gap:10px}.skill-icon-frame{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid var(--line);border-radius:5px;background:#0000001a;box-shadow:inset 0 1px #fff8d052,inset 0 -2px #0000002e}.skill-icon{display:block;width:25px;height:25px;object-fit:contain;image-rendering:auto}.level-cell{color:var(--ink-strong);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:950}.quiet-cell{color:var(--muted);font-weight:800}.sort-header{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;border:0;border-radius:4px;background:transparent;color:inherit;padding:0 5px;font:inherit;text-align:left;text-transform:inherit}.sort-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-header:hover,.sort-header.active{background:#f0bd452e;color:var(--panel-ink)}.delta,.quest-state,.boolean-state,.difference-badge,.lead-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;border:1px solid var(--line);border-left-width:4px;border-radius:3px;background:#0000000f;color:var(--ink-strong);padding:0 8px;font-size:.74rem;line-height:1;white-space:nowrap}[data-theme=dark] .delta,[data-theme=dark] .quest-state,[data-theme=dark] .boolean-state,[data-theme=dark] .difference-badge,[data-theme=dark] .lead-badge{background:#ffffff08}.delta.neutral,.lead-badge.neutral,.quest-state.state-unknown,.boolean-state.unknown,.difference-badge.bucket-unknown{border-color:var(--line-strong);border-left-color:var(--line-strong);background:#fff8d02e;color:var(--ink-strong)}[data-theme=dark] .delta.neutral,[data-theme=dark] .lead-badge.neutral,[data-theme=dark] .quest-state.state-unknown,[data-theme=dark] .boolean-state.unknown,[data-theme=dark] .difference-badge.bucket-unknown{border-color:var(--line);border-left-color:var(--faint);background:#ffffff0a;color:var(--ink-strong)}.delta.positive,.lead-badge.positive,.quest-state.state-2,.boolean-state.complete,.difference-badge.bucket-both-complete{border-color:var(--line);border-left-color:var(--green);color:var(--ink-strong)}.delta.negative,.lead-badge.negative,.quest-state.state-0,.boolean-state.incomplete,.difference-badge.bucket-both-incomplete{border-color:var(--line);border-left-color:var(--red);color:var(--ink-strong)}.quest-state.state-1,.difference-badge.has-progress{border-color:var(--line);border-left-color:var(--gold-strong);color:var(--ink-strong)}[data-theme=dark] .quest-state.state-1,[data-theme=dark] .difference-badge.has-progress{color:var(--ink-strong)}.difference-badge.bucket-only-a{border-color:var(--line);border-left-color:var(--green);color:var(--ink-strong)}.difference-badge.bucket-only-b{border-color:var(--line);border-left-color:var(--blue);color:var(--ink-strong)}.requirements-details{max-width:660px;margin-top:6px;color:var(--muted);font-weight:750}.requirements-details summary{display:inline-flex;min-height:22px;color:var(--gold-strong);font-size:.73rem;font-weight:950;list-style:none;text-transform:uppercase;cursor:pointer}[data-theme=dark] .requirements-details summary{color:var(--gold)}.requirements-details summary::-webkit-details-marker{display:none}.requirements-details summary:after{content:"+";margin-left:6px}.requirements-details[open] summary:after{content:"-"}.requirements-list{display:grid;gap:4px;list-style:none;margin:5px 0 0;border-left:2px solid var(--line);padding:2px 0 2px 9px}.requirements-list li{position:relative;color:var(--ink);font-size:.82rem;font-weight:750;line-height:1.38;padding-left:9px}.requirements-list li:before{content:"";position:absolute;top:.58em;left:0;width:4px;height:4px;border:1px solid var(--line-strong);background:var(--surface-hot)}.requirements-list .requirement-depth-1{margin-left:14px}.requirements-list .requirement-depth-2{margin-left:28px}.requirements-list .requirement-depth-3{margin-left:42px}.requirements-list .requirement-depth-0{color:var(--ink-strong)}.other-grid{display:grid;gap:8px}.together-section,.together-layout{display:grid;gap:14px}.together-group{display:grid;gap:8px}.together-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border:2px solid var(--line-strong);border-radius:4px;background:var(--panel);color:var(--panel-ink);padding:0 12px;box-shadow:inset 0 1px #ffe9aa24,inset 0 -1px #00000057}.together-group-header h3{margin:0;color:var(--panel-ink);font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1}.together-group-header span{min-width:34px;border:1px solid var(--gold-strong);border-radius:3px;background:var(--gold-soft);color:var(--panel-ink);padding:5px 8px;text-align:center;font-size:.78rem;font-weight:950}.compact-wrap{box-shadow:none}.together-table{min-width:900px}.together-table td{vertical-align:top;line-height:1.42;font-weight:760}.readiness-lines,.blocker-list{display:grid;gap:5px;align-items:start;max-width:560px}.readiness-line,.blocker-box{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:28px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:3px;background:#0000000f;color:var(--ink-strong);padding:0 8px;font-size:.74rem;font-weight:950;line-height:1.25;white-space:normal}.readiness-line.ready,.readiness-line.done{border-left-color:var(--green)}.readiness-line.blocked{border-left-color:var(--red)}.readiness-line.unknown{border-left-color:var(--line-strong);color:var(--muted)}.blocker-box.clear{border-left-color:var(--green)}.blocker-box.muted{border-left-color:var(--line-strong);color:var(--muted)}[data-theme=dark] .readiness-line,[data-theme=dark] .blocker-box{background:#ffffff08}.together-empty,.together-more{margin:0;border:2px dashed var(--line);border-radius:4px;background:#00000014;color:var(--muted);padding:12px;font-weight:850}.together-more{border-style:solid;padding:8px 10px;font-size:.82rem}.metric-row{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(80px,auto) minmax(80px,auto) minmax(90px,auto);gap:12px;align-items:center;min-height:58px;border:2px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);padding:0 12px}.metric-row span{color:var(--ink-strong);font-weight:950}.metric-row strong{color:var(--ink-strong);font-variant-numeric:tabular-nums}.app-footer{display:flex;flex-wrap:wrap;gap:8px 14px;border-top:2px solid var(--line-strong);color:var(--page-muted);padding:18px 0 0;font-size:.78rem;font-weight:800}.app-footer a{color:var(--page-accent);font-weight:950;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media(max-width:980px){.app-shell{padding:16px}.workspace-header{align-items:start;flex-direction:column}.header-actions{justify-content:flex-start}.player-compare-panel{grid-template-columns:1fr}.versus-mark{justify-self:center;width:48px;height:48px}.compare-button{width:100%}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-toolbar{align-items:start;flex-direction:column}.tabs,.filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.tabs button,.filter-row button{flex:0 0 auto}}@media(max-width:620px){.app-shell{padding:10px}.workspace-header,.player-compare-panel{padding:12px}.title-lockup{align-items:start}.app-crest{width:42px;height:42px}h1{font-size:2.08rem}.theme-switch{width:100%}.theme-switch button{flex:1 1 0}.summary-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:auto 1fr;padding:10px 12px}.metric-row strong,.metric-row .delta{grid-column:2}th,td{padding:10px 8px}}