.cinder{--soot:#1c1410;--iron:#2c211b;--slag:#3a2b22;--line:#5a4336;--cream:#f4ead8;--ash:#b5a18c;--ember:#e25b1a;--ember-ink:#2a0e06;--brass:#e0b15a;--well:#8f3a22;--danger:#c4452d;background:radial-gradient(ellipse 80% 40% at 50% -10%, color-mix(in srgb, var(--ember) 28%, transparent), transparent 60%), var(--soot);min-height:100vh;color:var(--cream);font-family:Outfit,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.45}.cinder *{box-sizing:border-box}.cinder button{font:inherit;color:inherit;cursor:pointer}.cinder button:disabled{cursor:not-allowed;opacity:.45}.cinder-shell{flex-direction:column;gap:16px;width:min(920px,100%);margin:0 auto;padding:20px 16px 32px;display:flex}.cinder-top{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.cinder h1{letter-spacing:-.03em;margin:0;font-family:Fraunces,Iowan Old Style,Palatino,serif;font-size:2rem;font-weight:560;line-height:1}.cinder-kicker{color:var(--ash);margin:6px 0 0;font-size:.92rem}.cinder-best{color:var(--brass);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}.cinder-stats{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.cinder-stat{background:var(--iron);border:1px solid var(--line);border-radius:12px;min-height:64px;padding:10px 12px}.cinder-stat span{color:var(--ash);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;display:block}.cinder-stat strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.35rem;font-weight:650;display:block}.cinder-bar{background:#140e0b;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.cinder-bar i{background:linear-gradient(90deg, var(--well), var(--ember));width:0%;height:100%;display:block}.cinder-yard{background:var(--iron);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.cinder-row{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:6px;display:grid}.cinder-pad,.cinder-cell,.cinder-well{border:1px solid var(--line);border-radius:10px;min-height:52px}.cinder-pad{background:var(--slag);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex}.cinder-pad small,.cinder-cell small{color:var(--ash);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.cinder-pad b,.cinder-cell b{font-size:.78rem;font-weight:650;line-height:1.15}.cinder-pad.is-on{outline:2px solid var(--brass);outline-offset:1px}.cinder-pad.is-armed:not(:disabled){border-color:var(--ember)}.cinder-cell{background:#241910;flex-direction:column;justify-content:flex-end;gap:4px;min-height:72px;padding:6px 4px;display:flex}.cinder-cell:last-child{box-shadow:inset -4px 0 0 var(--ember)}.cinder-hp{background:#140e0b;border-radius:99px;height:4px;overflow:hidden}.cinder-hp i{background:var(--ember);height:100%;display:block}.cinder-mouth{color:var(--ash);margin:4px 2px 0;font-size:.82rem}.cinder-shop,.cinder-actions{gap:8px;display:grid}.cinder-shop{grid-template-columns:repeat(3,minmax(0,1fr))}.cinder-card,.cinder-actions button,.cinder-overlay button{border:1px solid var(--line);background:var(--iron);text-align:left;border-radius:12px;min-height:44px;padding:12px}.cinder-card.is-on{border-color:var(--ember);box-shadow:inset 0 0 0 1px var(--ember)}.cinder-card strong,.cinder-actions button{font-weight:650}.cinder-card em{color:var(--brass);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.85rem;font-style:normal;display:block}.cinder-card p{color:var(--ash);margin:6px 0 0;font-size:.8rem}.cinder-actions{grid-template-columns:1.4fr 1fr 1fr}.cinder-actions .primary,.cinder-overlay .primary{background:var(--ember);color:var(--ember-ink);border-color:#0000}.cinder-log{color:var(--ash);margin:0;padding:0;font-size:.88rem;list-style:none}.cinder-log li+li{margin-top:4px}.cinder-log li:first-child{color:var(--cream)}.cinder-overlay{background:color-mix(in srgb, var(--soot) 82%, transparent);justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.cinder-sheet{background:var(--iron);border:1px solid var(--line);border-radius:16px;width:min(480px,100%);margin-bottom:12px;padding:20px}.cinder-sheet h2{margin:0 0 8px;font-family:Fraunces,Palatino,serif;font-weight:560}.cinder-sheet p{color:var(--ash);margin:0 0 16px}@media (width<=720px){.cinder-stats,.cinder-shop,.cinder-actions{grid-template-columns:1fr}.cinder h1{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){.cinder-bar i,.cinder-hp i{transition:none}}
