:root{--fondo: #fbfaf7;--papel: #ffffff;--tinta: #1c1917;--suave: #6b6560;--borde: #ddd8d0;--acento: #7c2d12;--bien: #14532d;--mal: #991b1b;--marcado: #f5f0e6}@media(prefers-color-scheme:dark){:root{--fondo: #171614;--papel: #201e1b;--tinta: #ece7e0;--suave: #a29a92;--borde: #383430;--acento: #e8a87c;--bien: #86efac;--mal: #fca5a5;--marcado: #2a2724}}*{box-sizing:border-box}body{margin:0;padding:1rem;background:var(--fondo);color:var(--tinta);font:16px/1.55 ui-serif,Georgia,Times New Roman,serif}#app{max-width:62rem;margin:0 auto}h1{font-size:1.6rem;margin:0 0 .3rem}h2{font-size:1.25rem;margin:1.5rem 0 .5rem}h3{font-size:1rem;margin:1.2rem 0 .4rem;color:var(--suave);text-transform:uppercase;letter-spacing:.06em}.lead{color:var(--suave);margin:0 0 1rem}button{font:inherit;padding:.4rem .9rem;margin-right:.4rem;border:1px solid var(--borde);border-radius:6px;background:var(--papel);color:var(--tinta);cursor:pointer}button:hover:not([disabled]){border-color:var(--acento)}button[disabled]{opacity:.4;cursor:not-allowed}button[type=submit],#create-character,#solve{background:var(--acento);border-color:var(--acento);color:var(--fondo)}.field{display:block;margin:.6rem 0;color:var(--suave);font-size:.9rem}.field.inline{display:flex;align-items:center;gap:.4rem}.field input,.field select{display:block;width:100%;max-width:22rem;font:inherit;padding:.4rem .5rem;margin-top:.2rem;border:1px solid var(--borde);border-radius:6px;background:var(--papel);color:var(--tinta)}.field.inline input{width:auto;margin:0}.notice{padding:.5rem .8rem;border-radius:6px;border-left:3px solid var(--borde);background:var(--papel);margin:.6rem 0}.notice.bad{border-left-color:var(--mal);color:var(--mal)}.notice.good{border-left-color:var(--bien);color:var(--bien)}#sheet{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:baseline;padding-bottom:.8rem;border-bottom:1px solid var(--borde);margin-bottom:1rem}#sheet .race{margin:0;color:var(--suave);font-size:.85rem;text-transform:capitalize}#sheet .level{display:flex;gap:.7rem;font-size:.9rem;color:var(--suave)}#sheet #level{color:var(--acento);font-weight:600}#sheet dl{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin:0;font-size:.85rem}#sheet dt{color:var(--suave);text-transform:capitalize}#sheet dd{margin:0 .6rem 0 .2rem;font-weight:600}#sheet .bonus,.trait .bonus{color:var(--acento);font-weight:400;font-size:.85em}.trait{display:grid;grid-template-columns:8rem 1fr auto 2rem auto auto;gap:.5rem;align-items:center;padding:.35rem 0;border-bottom:1px solid var(--borde)}.trait-name{text-transform:capitalize;font-weight:600}.trait-what{color:var(--suave);font-size:.85rem}.trait-value{text-align:center;font-weight:600}#points-left{font-weight:600;color:var(--acento)}#recovery-code{display:block;font-family:ui-monospace,monospace;font-size:1.3rem;letter-spacing:.1em;padding:.8rem;margin:.8rem 0;background:var(--marcado);border:1px dashed var(--acento);border-radius:6px;text-align:center}#case-list{border-collapse:collapse;width:100%}#case-list th,#case-list td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--borde)}.case-id{font-family:ui-monospace,monospace;font-size:.85rem;color:var(--suave)}.tier{text-transform:capitalize;font-size:.85rem}.tier.hard,.tier.expert{color:var(--acento)}.gauges{display:flex;flex-wrap:wrap;gap:1.2rem;margin:.8rem 0}.gauge{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--suave)}.gauge-bar{display:inline-block;width:6rem;height:6px;border-radius:3px;background:var(--borde);overflow:hidden}.gauge-fill{display:block;height:100%;background:var(--acento)}.gauge-count{font-variant-numeric:tabular-nums}#leads{list-style:none;padding:0;margin:0}.lead{display:grid;grid-template-columns:14rem 1fr auto;gap:.6rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--borde)}.lead-source{color:var(--suave);font-size:.85rem}.clue-text.closed{color:var(--suave);font-style:italic}.lead.open{background:var(--marcado)}.lead .done{color:var(--bien)}#clues ol{padding-left:1.4rem}#clues li{margin:.15rem 0}#clues li.used{opacity:.45;text-decoration:line-through}#clues li.violated{color:var(--mal)}.clue-id{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--suave);margin:0 .4rem}.value{font-weight:600}#grids{display:flex;flex-wrap:wrap;gap:1rem}table.grid{border-collapse:collapse;font-size:.8rem}table.grid th,table.grid td{border:1px solid var(--borde);padding:.25rem .4rem;text-align:center}table.grid th{background:var(--marcado);font-weight:600;max-width:7rem}td.cell{cursor:pointer;min-width:2rem;-webkit-user-select:none;user-select:none}td.cell:hover{background:var(--marcado)}td.confirmed{color:var(--bien);font-weight:700}td.excluded{color:var(--suave)}td.conflict{background:var(--mal);color:var(--fondo)}.hint{font-style:italic;color:var(--suave)}#result #solution{font-size:1.1rem;color:var(--tinta)}#xp-earned .xp-gained{font-size:1.6rem;font-weight:700;color:var(--acento);margin:0}#xp-earned .xp-total{margin:0;color:var(--suave)}#trace{padding-left:1.4rem;font-size:.9rem}.technique{color:var(--acento);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}@media(max-width:40rem){body{padding:.6rem}.lead,.trait{grid-template-columns:1fr auto}.trait-what,.lead-source{grid-column:1 / -1}#grids{gap:.6rem}table.grid{font-size:.7rem}table.grid th{max-width:4.5rem}}#app,#sheet,#investigation,#play,#result{max-width:100%;overflow-wrap:anywhere}#cases,#grids{max-width:100%;overflow-x:auto}table.grid{max-width:none}#leads li,.trait{min-width:0}#leads .lead-source,#leads .clue-text{min-width:0;overflow-wrap:anywhere}