:root{--bg: #1e1e1e;--bg-card: #252526;--bg-input: #2d2d2d;--border: #3c3c3c;--text: #d4d4d4;--text-dim: #808080;--text-bright: #ffffff;--accent: #007acc;--accent-hover: #1a8ad4;--ok: #4ec94e;--warn: #f48771;--counter: #9cdcfe;font-family:Segoe UI,Arial,sans-serif;font-size:17px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#app{max-width:960px;margin:0 auto;padding:10px 16px 24px}h1{margin:0;font-size:24px;color:var(--text-bright)}.top-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.counter{margin-left:auto;font-size:18px;font-weight:700;color:var(--counter);white-space:nowrap}.file-panel{margin-bottom:8px}.file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}.help-toggle{background:none;border:none;color:var(--accent);font-size:15px;cursor:pointer;padding:6px 0;text-align:left;display:inline-flex;align-items:center;gap:6px}.help-toggle:hover{color:var(--accent-hover);text-decoration:underline}.help-arrow{font-size:11px;transition:transform .15s}.help-toggle.expanded .help-arrow{transform:rotate(180deg)}.file-help{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:12px 16px;margin-bottom:10px;font-size:15px;line-height:1.5}.file-help ul{margin:0;padding-left:1.25rem}.file-help li{margin-bottom:8px}.file-help li:last-child{margin-bottom:0}.file-help code{font-size:14px;color:var(--counter)}.drop-zone{border:2px dashed var(--border);border-radius:8px;padding:20px;text-align:center;background:var(--bg-card);cursor:pointer;transition:border-color .15s,background .15s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:#2a2d2e}.drop-zone p{margin:0 0 10px;color:var(--text-dim)}.drop-zone .filename{color:var(--text);font-size:15px;word-break:break-all}.btn{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:15px;cursor:pointer}.btn:hover{background:var(--accent-hover)}.btn.toggle{background:#2d2d2d;color:var(--text);border:1px solid var(--border)}.btn.toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.status{margin:8px 0;font-size:16px}.status.ok{color:var(--ok)}.status.err{color:var(--warn)}.status.hint{color:var(--text-dim)}.meta-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.meta-card{flex:1 1 140px;min-width:130px;background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--meta-color, var(--border));border-radius:6px;padding:8px 10px;cursor:pointer;transition:background .15s}.meta-card:hover{background:#2a2d2e}.meta-card.done{border-color:var(--ok)}.meta-card-title{font-size:13px;font-weight:700;margin-bottom:4px}.meta-card-body{font-size:14px}.meta-bar{height:4px;background:#333;border-radius:2px;margin-top:6px;overflow:hidden}.meta-bar-fill{height:100%;background:var(--meta-color, var(--accent));transition:width .2s}.controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.controls label{color:var(--text-dim);font-size:15px}.search{margin-left:auto;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:17px;min-width:200px;max-width:280px}.search:focus{outline:none;border-color:var(--accent)}.list-scroll{max-height:calc(100vh - 340px);min-height:320px;overflow-y:auto;margin-top:8px;padding-right:4px}.section-header{font-size:15px;font-weight:700;color:var(--text-bright);margin:14px 0 4px;padding-top:4px}.section-blurb{font-size:14px;color:var(--text-dim);margin:0 0 8px;line-height:1.4}.map-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:8px;margin-bottom:8px}.map-expand{width:100%;text-align:center;font-size:13px;padding:10px;background:#2d2d2d;border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer}.map-expand:hover{background:#333}.map-expand.ruthless{border-color:#e74c3c55}.map-expand.chromatic{border-color:#3498db55}.map-list{margin-top:8px}.map-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;margin-bottom:4px;font-size:15px}.map-row.done{background:#1e3a1e33}.map-row.missing{background:#3a1e1e33}.map-dot{font-size:18px;width:24px;text-align:center}.map-dot.done{color:var(--ok)}.map-dot.missing{color:var(--warn)}.map-badge{margin-left:auto;font-size:14px;white-space:nowrap}.map-badge.done{color:var(--ok)}.map-badge.missing{color:var(--warn)}.ach-row{display:flex;gap:10px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--row-accent, #3c3c3c);border-radius:6px;margin-bottom:4px;cursor:pointer;transition:background .12s}.ach-row:hover{background:#2a2d2e}.ach-dot{font-size:20px;width:28px;text-align:center;flex-shrink:0}.ach-dot.done{color:var(--ok)}.ach-dot.missing{color:var(--warn)}.ach-body{flex:1;min-width:0}.ach-name{font-size:17px;font-weight:600;color:var(--text-bright)}.ach-desc{font-size:15px;color:var(--text);margin-top:2px;line-height:1.35}.ach-detail{font-size:14px;color:var(--text-dim);margin-top:4px;line-height:1.35}.ach-badge{font-size:15px;align-self:center;white-space:nowrap}.ach-badge.done{color:var(--ok)}.ach-badge.missing{color:var(--warn)}.footer{margin-top:20px;padding-top:12px;border-top:1px solid var(--border);font-size:14px;color:var(--text-dim);line-height:1.5}.hidden{display:none!important}@media(max-width:640px){.search{margin-left:0;width:100%;max-width:none}.meta-card{flex:1 1 100%}}