.sparks-surface{--spark-line:#d9cdbf;--spark-paper:#f4efe6;--spark-card:#fffaf2;--spark-ink:#302823;--spark-muted:#75695f;--spark-gold:#7f601b;padding:0 27px 72px!important;background:var(--spark-paper);color:var(--spark-ink);font-family:var(--sans);max-width:540px;margin:0 auto;overflow-x:hidden}
.sparks-surface button:focus-visible,.sparks-surface input:focus-visible{outline:2px solid var(--spark-gold);outline-offset:3px}
.sparks-top{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--spark-line)}
.sparks-top button{border:0;background:transparent;color:var(--spark-muted);padding:12px 0;font-size:13px}.sparks-top span{font-size:10px;letter-spacing:.13em;color:var(--spark-muted)}
.sparks-hero{padding:34px 0 30px;border-bottom:1px solid var(--spark-line)}.sparks-kicker{font-size:10px;letter-spacing:.13em;color:var(--spark-gold);text-transform:uppercase;margin-bottom:10px}
.sparks-hero h1{font:42px/1.04 var(--serif);font-weight:400;letter-spacing:-1.3px;margin:0 0 15px}.sparks-hero h1 em{font-style:italic;color:var(--spark-gold)}.sparks-hero>p{font:17px/1.55 var(--serif);color:var(--spark-muted);margin:0;max-width:430px}
.sparks-balance{display:flex;align-items:baseline;gap:12px;padding:25px 0 22px}.sparks-balance strong{font:72px/.9 var(--serif);font-weight:400;color:var(--spark-gold);letter-spacing:-3px}.sparks-balance span{font:17px var(--serif);color:var(--spark-muted)}
.sparks-section{padding:27px 0;border-bottom:1px solid var(--spark-line)}.sparks-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}.sparks-section h2{font:27px/1.2 var(--serif);font-weight:400;margin:0}.sparks-section-head span{font-size:10px;color:var(--spark-muted)}
.sparks-history{list-style:none;margin:0;padding:0}.sparks-event{display:grid;grid-template-columns:16px 1fr auto;gap:11px;padding:15px 0;border-top:1px solid var(--spark-line);align-items:start}.sparks-event-dot{width:7px;height:7px;border:1px solid var(--spark-gold);border-radius:50%;margin-top:7px}.sparks-event.spend .sparks-event-dot{background:transparent;border-color:#a99d8e}.sparks-event strong{display:block;font:17px/1.35 var(--serif);font-weight:400}.sparks-event small{display:block;color:var(--spark-muted);font-size:11px;margin-top:4px}.sparks-event b{font:16px var(--serif);font-weight:400;color:var(--spark-gold)}.sparks-event.spend b{color:var(--spark-muted)}
.sparks-empty,.sparks-error{padding:22px 18px;border-left:1px solid var(--spark-gold);background:#fffaf278;color:var(--spark-muted);font:16px/1.5 var(--serif)}.sparks-error button{display:block;border:0;background:transparent;color:var(--spark-gold);padding:12px 0 0;text-decoration:underline}
.sparks-catalog{display:grid;gap:12px}.spark-unlock{border:1px solid var(--spark-line);background:#fffaf27d;padding:18px;text-align:left}.spark-unlock-preview{min-height:132px;background:linear-gradient(145deg,#3b2f29,#8a6947);color:#fffaf2;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:16px;position:relative;overflow:hidden}.spark-unlock-preview:before{content:"";position:absolute;inset:10px;border:1px solid #f6e6c34f}.spark-unlock-preview.poster strong{font:25px/1.12 var(--serif);font-weight:400;max-width:250px;position:relative}.spark-unlock-preview.poster small{position:relative;letter-spacing:.11em;margin-bottom:8px}.spark-unlock-preview.custom{background:linear-gradient(145deg,#fff7e9,#e7d6c4);color:var(--spark-ink);justify-content:center}.spark-preview-tags{display:flex;gap:6px;flex-wrap:wrap;position:relative}.spark-preview-tags i{font-style:normal;border:1px solid #9f7b50;border-radius:999px;padding:5px 9px;font-size:10px}
.spark-unlock h3{font:22px/1.22 var(--serif);font-weight:400;margin:0 0 6px}.spark-unlock p{font-size:12px;line-height:1.5;color:var(--spark-muted);margin:0 0 16px}.spark-unlock-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.spark-cost{color:var(--spark-gold);font:17px var(--serif)}.spark-unlock button{border:0;border-radius:5px;background:#8f432e;color:#fffaf3;min-height:44px;padding:10px 15px;font-weight:600}.spark-unlock button.secondary{border:1px solid var(--spark-line);background:transparent;color:var(--spark-muted)}.spark-unlock button:disabled{opacity:.48}.spark-owned{font-size:10px;letter-spacing:.1em;color:var(--spark-gold);text-transform:uppercase}
.sparks-note{font:italic 14px/1.55 var(--serif);color:var(--spark-muted);padding:23px 0;margin:0}.spark-status{min-height:22px;color:var(--spark-muted);font-size:12px;margin-top:10px}
.atlas-custom-list{display:grid;gap:0}.atlas-custom-row{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--spark-line)}.atlas-custom-row label{font:16px/1.35 var(--serif)}.atlas-custom-row input{width:100%;border:1px solid var(--spark-line);background:#fffaf285;padding:10px;color:var(--spark-ink);font-size:13px}.atlas-accent-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 24px}.atlas-accent-options button{border:1px solid var(--spark-line);background:transparent;color:var(--spark-muted);padding:12px 6px}.atlas-accent-options button.selected{border-color:var(--spark-gold);background:rgba(165,122,45,.1);color:var(--spark-ink)}.atlas-accent-options i{display:block;width:18px;height:18px;border-radius:50%;margin:0 auto 7px}
@media(max-width:370px){.sparks-surface{padding-left:20px!important;padding-right:20px!important}.sparks-hero h1{font-size:37px}.sparks-balance strong{font-size:64px}.atlas-custom-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sparks-surface *{scroll-behavior:auto!important;transition:none!important}}