.fire{position:relative;z-index:10;padding:1.5rem var(--gutter) 3rem;display:grid;gap:1.2rem;max-width:64rem}.fire__title{font-size:clamp(2.4rem,6vw,4.2rem);line-height:.95}.fire__lede{max-width:var(--measure)}.fire__frame{position:relative;max-width:max(24rem,calc((100vh - 24rem)*1.5))}.fire__frame [hidden]{display:none}.fire__stage{position:relative;border:var(--rule) solid var(--ink);background:#101511;aspect-ratio:3 / 2;overflow:hidden;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.fire__stage:focus-visible{box-shadow:0 0 0 4px var(--orange)}.fire__stage canvas{width:100%;height:100%;image-rendering:pixelated}[data-fire-phase=done] .fire__stage,[data-fire-paused=true] .fire__stage{cursor:default}.fire__cursor{position:absolute;top:0;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1.5px #0009,inset 0 0 0 1.5px #0009;pointer-events:none;z-index:2}.fire__cursor:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:12px;margin-left:-1px;background:var(--paper);box-shadow:0 0 0 1px #0009}[data-fire-active-tool=water] .fire__cursor{border-color:#8fb8ff}.fire__badge{position:absolute;top:.75rem;left:50%;transform:translate(-50%);padding:.4rem .9rem .35rem;border:var(--rule) solid var(--ink);border-radius:999px;background:var(--orange);color:var(--ink);line-height:1;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;z-index:3}.fire__hint{position:absolute;left:.75rem;bottom:.75rem;max-width:20rem;display:grid;gap:.3rem;padding:.7rem 2.2rem .7rem .9rem;border:var(--rule) solid var(--ink);background:var(--paper);color:var(--ink);font-size:.9rem;line-height:1.35;pointer-events:none;z-index:3;animation:fire-rise .3s var(--ease)}.fire__hint b{font-family:var(--font-display);font-weight:400;margin-right:.3rem}.fire__hint button{position:absolute;top:.25rem;right:.3rem;width:1.6rem;height:1.6rem;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:1.2rem;line-height:1;cursor:pointer;pointer-events:auto}.fire__hint button:hover,.fire__hint button:focus-visible{background:var(--ink);color:var(--paper);outline:none}.fire__card{position:absolute;inset:0;display:grid;place-content:center;gap:.5rem;padding:1rem;text-align:center;background:#101511b8;color:var(--paper);outline:none;z-index:4;animation:fire-fade .3s ease-out}.fire__card:focus-visible{box-shadow:inset 0 0 0 4px var(--orange)}.fire__card-title{font-size:clamp(2rem,7vw,4rem);line-height:1}.fire__card-tally{color:#ffb13b;font-size:clamp(.85rem,2.2vw,1.05rem)}.fire__card-verdict{max-width:32ch;margin:0 auto;font-size:clamp(.9rem,2.4vw,1.05rem);line-height:1.35}.fire__card-seed{font-family:var(--font-mono);font-size:.8rem;opacity:.75}.fire__card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem}.fire__card-actions button{padding:.45rem .9rem .4rem;border:var(--rule) solid var(--paper);border-radius:999px;background:transparent;color:var(--paper);font-family:var(--font-display);font-size:.95rem;line-height:1;cursor:pointer}.fire__card-actions button:hover,.fire__card-actions button:focus-visible{background:var(--paper);color:var(--ink);outline:none}.fire__bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;font-size:.95rem}.fire__stat{display:inline-flex;align-items:center;gap:.4rem}.fire__stat>span:first-child{opacity:.7}.fire__note{font-family:var(--font-body);font-size:.85rem;color:var(--ink-soft)}.fire__meter{display:inline-block;width:5rem;height:.55rem;border:1.5px solid var(--ink);background:var(--paper);vertical-align:middle}.fire__meter i{display:block;width:calc(var(--p, 1) * 100%);height:100%;background:var(--orange);transition:width .15s ease-out}.fire__drops{display:inline-flex;gap:.35rem}.fire__drops i{width:.7rem;height:.7rem;border:1.5px solid var(--ink);border-radius:50% 0 50% 50%;background:var(--blue);transform:rotate(45deg);transition:background .15s ease-out}.fire__drops i.is-used{background:transparent;opacity:.35}.fire__tools{display:flex;flex-wrap:wrap;gap:.5rem}.fire__tools button,.fire__tools a{padding:.45rem .9rem .4rem;border:var(--rule) solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font-family:var(--font-display);text-decoration:none;cursor:pointer;line-height:1}.fire__tools button[aria-pressed=true],.fire__tools button:hover,.fire__tools a:hover,.fire__tools button:focus-visible,.fire__tools a:focus-visible{background:var(--ink);color:var(--paper);outline:none}.fire__tools button:focus-visible,.fire__tools a:focus-visible{box-shadow:0 0 0 3px var(--orange)}.fire__go.is-primary{background:var(--orange)}.fire__go.is-primary:hover,.fire__go.is-primary:focus-visible{background:var(--ink)}.fire__notes{max-width:var(--measure);display:grid;gap:.5rem;color:var(--ink-soft);font-size:.95rem}.fire__status{font-family:var(--font-display);font-size:1.05rem;min-height:1.4em}@keyframes fire-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fire-fade{0%{opacity:0}}@media(max-width:720px){.fire__frame{max-width:none;margin-inline:calc(-1 * var(--gutter))}.fire__stage{border-inline:0}.fire__hint{left:.5rem;right:.5rem;bottom:.5rem;max-width:none;font-size:.85rem}.fire__meter{width:4rem}}@media(prefers-reduced-motion:reduce){.fire__hint,.fire__card{animation:none}.fire__meter i,.fire__drops i{transition:none}}