.matrix{display:grid;grid-template-columns:repeat(15,minmax(72px,1fr));gap:4px;overflow-x:auto;padding-bottom:8px}.matrix__col{display:flex;flex-direction:column;gap:2px;min-width:0}.matrix__colhead{font-family:var(--mono, ui-monospace, monospace);font-size:10px;color:var(--fg-dim, oklch(.6 .03 300));letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:4px 6px;border-bottom:1px solid var(--line-soft, oklch(.29 .026 300));margin-bottom:4px;min-height:32px}.matrix__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:3px;padding:6px;text-align:left;cursor:pointer;font-family:var(--mono, ui-monospace, monospace);transition:outline-color .1s ease,transform .1s ease;color:var(--fg-mute, oklch(.78 .022 300))}.matrix__cell-id{font-size:9px;letter-spacing:.04em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix__cell:hover{outline:1px solid var(--fg-mute, oklch(.78 .022 300));transform:translateY(-1px)}.matrix__cell--sub{margin-left:10px}.matrix__cell--gap{background:#17141f;color:var(--fg-dim, oklch(.6 .03 300))}.matrix__cell--thin{background:#3b2e5d;color:var(--fg, oklch(.965 .012 300))}.matrix__cell--covered{background:var(--ember, oklch(.66 .22 300));color:#0c0912}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0402088c;opacity:0;transition:opacity .18s ease;pointer-events:none}.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(480px,92vw);background:var(--surface, oklch(.23 .024 300));border-left:1px solid var(--line, oklch(.34 .03 300));box-shadow:-16px 0 40px #04020866;transform:translate(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);pointer-events:auto;display:flex;flex-direction:column;overflow:hidden}.drawer--open .drawer__overlay{opacity:1;pointer-events:auto}.drawer--open .drawer__panel{transform:translate(0)}.drawer__close{position:absolute;top:16px;right:16px;background:transparent;color:var(--fg-mute, oklch(.78 .022 300));border:1px solid var(--line-soft, oklch(.29 .026 300));width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.drawer__close:hover{color:var(--fg, oklch(.965 .012 300));border-color:var(--fg-mute, oklch(.78 .022 300))}.drawer__body{padding:56px 28px 28px;overflow-y:auto;flex:1}@media (max-width: 720px){.drawer__panel{width:100vw}}.tp-header{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.tp-id{font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember-2, oklch(.8 .15 310))}.tp-title{font-family:var(--serif, "Instrument Serif", serif);font-size:26px;font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--fg, oklch(.965 .012 300));margin:0}.tp-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tp-chip{font-family:var(--mono, ui-monospace, monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--surface-2, oklch(.27 .028 300));border:1px solid var(--line-soft, oklch(.29 .026 300));color:var(--fg-mute, oklch(.78 .022 300));white-space:nowrap}.tp-chip--tactic{background:var(--coal, oklch(.32 .06 295));color:var(--ember-2, oklch(.8 .15 310));border-color:transparent}.tp-chip--count{background:var(--ember, oklch(.66 .22 300));color:#0c0912;border-color:transparent}.tp-chip--flames,.tp-chip--embers,.tp-chip--alchemy{background:transparent}.tp-desc{font-family:var(--serif, "Instrument Serif", serif);font-size:16px;line-height:1.5;color:var(--fg-mute, oklch(.78 .022 300));margin:0 0 18px}.tp-mitre{display:inline-block;font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.06em;color:var(--ember-2, oklch(.8 .15 310));padding:6px 0;border-bottom:1px solid transparent;transition:border-color .15s ease;margin-bottom:28px}.tp-mitre:hover{border-bottom-color:var(--ember-2, oklch(.8 .15 310))}.tp-hunts-section{margin-top:12px}.tp-section-title{font-family:var(--mono, ui-monospace, monospace);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim, oklch(.6 .03 300));font-weight:500;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line-soft, oklch(.29 .026 300))}.tp-hunts{display:flex;flex-direction:column;gap:8px}.tp-hunt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-2, oklch(.2 .022 300));border:1px solid var(--line-soft, oklch(.29 .026 300));border-radius:8px;color:var(--fg, oklch(.965 .012 300));transition:border-color .15s ease,transform .15s ease}.tp-hunt:hover{border-color:var(--fg-mute, oklch(.78 .022 300));transform:translate(-2px)}.tp-hunt-id{font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.05em;color:var(--fg-dim, oklch(.6 .03 300));min-width:44px}.tp-hunt-title{font-family:var(--sans, system-ui, sans-serif);font-size:13px;line-height:1.4;color:var(--fg, oklch(.965 .012 300))}.tp-hunt-cat{font-family:var(--mono, ui-monospace, monospace);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.tp-hunt-cat--flames{color:var(--ember, oklch(.66 .22 300))}.tp-hunt-cat--embers{color:var(--ember-2, oklch(.8 .15 310))}.tp-hunt-cat--alchemy{color:var(--good, oklch(.78 .13 160))}.tp-empty{text-align:center;padding:32px 16px;border:1px dashed var(--line-soft, oklch(.29 .026 300));border-radius:8px}.tp-empty p{font-family:var(--serif, "Instrument Serif", serif);font-size:16px;color:var(--fg-mute, oklch(.78 .022 300));margin:0 0 14px}.tp-cta{display:inline-block;font-family:var(--sans, system-ui, sans-serif);font-size:13px;font-weight:600;padding:9px 16px;background:var(--ember, oklch(.66 .22 300));color:#0c0912;border-radius:999px;transition:background .15s ease}.tp-cta:hover{background:var(--ember-2, oklch(.8 .15 310))}.tactic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.tactic-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 22px 20px;background:color-mix(in oklch,var(--surface, oklch(.23 .024 300)),var(--ember, oklch(.66 .22 300)) calc(var(--intensity, 0) * 62%));border:1px solid color-mix(in oklch,var(--line-soft, oklch(.29 .026 300)),var(--ember-2, oklch(.8 .15 310)) calc(var(--intensity, 0) * 50%));border-radius:12px;cursor:pointer;text-align:left;color:var(--fg, oklch(.965 .012 300));transition:transform .15s ease,filter .15s ease;min-height:110px}.tactic-card:hover{transform:translateY(-2px);filter:brightness(1.12)}.tactic-card--gap{background:var(--surface, oklch(.23 .024 300));border:1px dashed var(--line-soft, oklch(.29 .026 300));opacity:.72}.tactic-card__name{font-family:var(--serif, "Instrument Serif", serif);font-size:22px;line-height:1.1;letter-spacing:-.01em;color:var(--fg, oklch(.965 .012 300))}.tactic-card__count{margin-top:auto;font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch,var(--ember-2, oklch(.8 .15 310)),oklch(.985 .005 300) calc(var(--intensity, 0) * 80%))}.tactic-card--gap .tactic-card__count{color:var(--fg-dim, oklch(.6 .03 300))}.tg-technique-list{display:flex;flex-direction:column;gap:6px}.tg-technique{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:10px 14px;background:color-mix(in oklch,var(--bg-2, oklch(.2 .022 300)),var(--ember, oklch(.66 .22 300)) calc(var(--intensity, 0) * 55%));border:1px solid color-mix(in oklch,var(--line-soft, oklch(.29 .026 300)),var(--ember-2, oklch(.8 .15 310)) calc(var(--intensity, 0) * 45%));border-radius:8px;cursor:pointer;text-align:left;color:var(--fg, oklch(.965 .012 300));transition:transform .15s ease,filter .15s ease}.tg-technique:hover{transform:translate(-2px);filter:brightness(1.12)}.tg-technique--gap{background:var(--bg-2, oklch(.2 .022 300));border:1px dashed var(--line-soft, oklch(.29 .026 300));opacity:.6}.tg-technique-id{font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.05em;color:var(--fg-dim, oklch(.6 .03 300))}.tg-technique-name{font-family:var(--sans, system-ui, sans-serif);font-size:13px;line-height:1.4;color:var(--fg, oklch(.965 .012 300))}.tg-technique-subnote{font-family:var(--mono, ui-monospace, monospace);font-size:10px;letter-spacing:.04em;color:var(--fg-dim, oklch(.6 .03 300))}.tg-technique-count{font-family:var(--mono, ui-monospace, monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklch,var(--ember-2, oklch(.8 .15 310)),oklch(.985 .005 300) calc(var(--intensity, 0) * 80%));white-space:nowrap}.tg-technique--gap .tg-technique-count{color:var(--fg-dim, oklch(.6 .03 300))}.tg-subtech-note{margin:14px 0 0;font-family:var(--mono, ui-monospace, monospace);font-size:10px;letter-spacing:.06em;color:var(--fg-dim, oklch(.6 .03 300));text-transform:uppercase}.tg-empty-note{font-family:var(--serif, "Instrument Serif", serif);font-size:14px;color:var(--fg-mute, oklch(.78 .022 300));margin:0;padding:14px;border:1px dashed var(--line-soft, oklch(.29 .026 300));border-radius:8px}.view-toggle{display:inline-flex;background:var(--surface, oklch(.23 .024 300));border:1px solid var(--line-soft, oklch(.29 .026 300));border-radius:999px;padding:3px;gap:2px}.view-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--fg-mute, oklch(.78 .022 300));border:none;padding:6px 14px;border-radius:999px;font-family:var(--sans, system-ui, sans-serif);font-size:12px;font-weight:500;cursor:pointer;transition:.15s}.view-toggle__btn:hover{color:var(--fg, oklch(.965 .012 300))}.view-toggle__btn--active{background:var(--ember, oklch(.66 .22 300));color:#faf9fd;font-weight:600}