:root{--bg:#14121a;--panel:#221e2b;--text:#e8e0cf;--muted:#a59e8f;--gold:#fbd64a;--accent:#3d6b2f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}.hud{background:var(--panel);border-bottom:2px solid #000;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}.resource{font-variant-numeric:tabular-nums;font-weight:700}.resource--gold{color:var(--gold)}.hud__zone,.hud__hero{font-variant-numeric:tabular-nums}.hud__actions{gap:8px;margin-left:auto;display:flex}.button{background:var(--accent);color:var(--text);font:inherit;cursor:pointer;border:2px solid #000;border-radius:4px;padding:6px 12px;font-weight:700}.button:disabled{opacity:.45;cursor:not-allowed}.button--quiet,.button[aria-pressed=false]{background:#4a4256}#scene{position:relative}.toast{pointer-events:none;background:#221e2bf2;border:2px solid #000;border-radius:6px;flex-direction:column;gap:2px;width:min(520px,100% - 32px);padding:10px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toast strong{color:var(--gold)}.toast[hidden]{display:none}.collection__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.camp__message{width:100%;color:var(--muted);margin:-4px 0 0;font-size:.9em;font-style:italic}#scene canvas{width:100%;max-width:1200px;height:auto;image-rendering:pixelated;margin:0 auto;display:block}.overlay{background:#000000bf;place-items:center;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay__box{background:var(--panel);text-align:center;border:2px solid #000;border-radius:6px;padding:24px}.overlay__box progress{width:min(320px,70vw)}.dialog{background:var(--panel);width:min(480px,100vw - 32px);color:var(--text);border:2px solid #000;border-radius:6px;padding:20px}.dialog::backdrop{background:#0009}.dialog h2{outline:none;margin-top:0}.dialog__row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.dialog__hint{color:var(--muted);font-size:.9em}.dialog__status{min-height:1.4em;color:var(--gold)}.dialog textarea{width:100%;color:var(--text);background:#15121b;border:2px solid #000;border-radius:4px;font-family:ui-monospace,monospace;font-size:12px}.camp{flex-wrap:wrap;align-items:stretch;gap:12px;max-width:1200px;margin:0 auto;padding:16px;display:flex}.camp__title{width:100%;margin:0;font-size:1.1em}.card{background:var(--panel);border:2px solid #000;border-radius:6px;flex-direction:column;flex:200px;gap:4px;padding:12px;display:flex}.card--free{border-style:dashed}.card--locked{opacity:.5}.card--working{background:#1d2420}.card__row{gap:8px;margin-top:auto;padding-top:6px;display:flex}.select{background:var(--bg);min-width:0;color:var(--text);font:inherit;border:2px solid #000;border-radius:4px;flex:1;padding:4px 6px}.card__equipment{flex-direction:column;gap:4px;margin-top:4px;display:flex}.card__pips{color:var(--gold);letter-spacing:2px}.card__text--warn{color:#e8a25b}.card__progress{width:100%;height:8px;accent-color:var(--gold)}.card__sprite{width:var(--w);height:var(--h);background:var(--sheet) 0 0 / calc(var(--w) * var(--frames)) var(--h) no-repeat;image-rendering:pixelated;animation:sprite-loop var(--duration) steps(var(--frames)) infinite;align-self:center;margin:-12px 0}@keyframes sprite-loop{to{background-position-x:calc(var(--w) * var(--frames) * -1)}}@media (prefers-reduced-motion:reduce){.card__sprite{animation:none}}.resources{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;font-size:.9em;display:flex}.resources strong{color:var(--text)}.card__class,.card__state,.card__text{color:var(--muted);font-size:.9em}.card__text{margin:0}.trait{background:#3a2f47;border-radius:3px;align-self:flex-start;padding:2px 6px;font-size:.85em}.tavern__list{gap:8px;padding:0;list-style:none;display:grid}.abilities{flex-wrap:wrap;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:12px 16px 0;display:flex}.ability{min-width:190px;color:var(--text);font:inherit;cursor:pointer;background:#6b2f2f;border:2px solid #000;border-radius:4px;align-items:baseline;gap:12px;padding:8px 12px;font-weight:700;display:flex;position:relative;overflow:hidden}.ability:disabled{cursor:default}.ability__cooldown{transform-origin:0;pointer-events:none;background:#0009;position:absolute;inset:0}.ability__label,.ability__time{position:relative}.ability__time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85em}.dialog--wide{width:min(900px,100vw - 32px)}.dialog h3{margin:16px 0 8px;font-size:1em}.dialog__actions{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;display:flex}.tree{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.prestige-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.prestige-summary__column ul{color:var(--muted);margin:4px 0 0;padding-left:18px;font-size:.9em}.hint{background:#4a3a1a;border-bottom:2px solid #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.hint[hidden]{display:none}
