/* Shared behavior, native palettes: one readable reward language across four compositions. */
:root{--reveal-ground:#281821;--art-radius:12px}
body[data-design=ceramic-play]{--reveal-ground:#111b4d;--art-radius:18px}
body[data-design=copper-noir]{--reveal-ground:#100d13;--art-radius:2px}
.ceremony-wash{background:var(--reveal-ground)}
.area-marquee{border-color:#477f84!important;background:rgb(65 120 130 / .13)!important}
.block-quantity{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;margin:.65rem 0}
.block-quantity>label{margin:0;font-size:.8rem;white-space:nowrap;color:var(--muted)}
.quantity-controls{display:grid;grid-template-columns:2.5rem 3rem 2.5rem;height:2.5rem;border:1px solid var(--control-line);border-radius:var(--radius,20px);overflow:hidden;align-items:stretch}
.quantity-controls button{min-height:0;padding:0;font-size:1rem;background:transparent;border:0;color:var(--ink)}
.quantity-controls button:hover:enabled{background:var(--soft-blue)}
.quantity-controls input{appearance:textfield;width:100%;min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;text-align:center;color:var(--ink);font:650 .875rem/1 var(--body,system-ui,sans-serif)}
.quantity-controls input::-webkit-inner-spin-button,.quantity-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quantity-controls input:focus-visible{outline-offset:-3px}.quantity-controls:has([aria-invalid=true]){border-color:var(--error)}
.quantity-controls button:disabled{opacity:.45}
.finish-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:1rem}
.finish-controls button{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid var(--control-line);padding:.7rem .25rem;font-size:.75rem;min-height:3rem}
.finish-controls button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--ink);background:var(--soft-blue)}
.finish-dot{width:1.5rem;height:1.5rem;border-radius:50%;display:block;border:1px solid var(--control-line)}
.receipt-reopen{text-decoration:underline;display:block;text-underline-offset:.25em}
.receipt-dialog{width:min(48rem,calc(100% - 2rem));font-size:1rem}
.receipt-dialog .dialog-header{position:sticky;top:-2rem;background:var(--paper);z-index:2;padding:1rem 0;margin-top:-1rem;border-bottom:1px solid var(--line)}
.receipt-dialog .dialog-header h2{font-size:1.6rem;line-height:1.2}.receipt-dialog .dialog-header .label{font-size:.875rem;margin:0 0 .3rem}
.receipt-dialog .close-dialog{min-height:2.75rem;padding:.5rem .65rem;font-size:.875rem}
.receipt-dialog>p{font-size:.95rem;line-height:1.55}
.receipt-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.receipt-summary dl>div{display:block;border-top:1px solid var(--control-line);padding:.85rem 0}
.receipt-summary dt{font-size:.875rem}.receipt-summary dd{margin:.35rem 0 0;text-align:left;font-size:1.15rem;font-weight:750;line-height:1.35}
.receipt-collect{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0 1rem}
.receipt-collect p{font-size:.875rem;color:var(--muted);margin:.35rem 0 0}.receipt-collect .primary{width:auto;margin:0;min-height:2.9rem;font-size:.875rem}
.receipt-status{font-size:.875rem!important;color:var(--muted);margin:.5rem 0 1rem;min-height:1.5em}.receipt-status:focus{outline:2px solid var(--focus);outline-offset:4px}
.receipt-filters{display:flex;flex-wrap:wrap;gap:.4rem;border-block:1px solid var(--line);padding:.65rem 0}
.receipt-filters button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .75rem;min-height:2.75rem;border:1px solid var(--control-line);border-radius:var(--radius,18px);font-size:.875rem;font-weight:600;background:var(--paper);color:var(--ink)}
.receipt-filters button span{font-size:.75rem;opacity:.8;font-variant-numeric:tabular-nums}
.receipt-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.filter-status{font-size:.8rem!important;margin:.6rem 0;color:var(--muted)}
.receipt-empty{padding:2rem .5rem;text-align:center;border-top:1px solid var(--line)}.receipt-empty p{font-size:1rem}.receipt-empty button{min-height:2.75rem}
.receipt-list{list-style:none;margin:0;padding:0}.receipt-row{display:grid;grid-template-columns:minmax(7.5rem,.75fr) minmax(0,1.4fr) auto;gap:1rem;padding:1.15rem 0;border-top:1px solid var(--line);align-items:center}
.receipt-block strong{display:block;font-size:.95rem;font-variant-numeric:tabular-nums}.receipt-block span{display:block;font-size:.8rem;color:var(--muted);margin-top:.3rem}
.receipt-outcome{display:flex;align-items:center;gap:.85rem;min-width:0}.receipt-detail{min-width:0}.receipt-outcome strong{display:block;font-size:1rem;font-variant-numeric:tabular-nums}.receipt-state{display:block;margin:.25rem 0;color:var(--action);font-size:.875rem;font-weight:650}
.receipt-outcome p{font-size:.8rem;color:var(--muted);margin:.35rem 0 0;line-height:1.5}.receipt-row[data-result-kind=empty] .receipt-state,.receipt-row[data-result-kind=pending] .receipt-state{color:var(--muted)}
.receipt-row .secondary{font-size:.8rem;min-height:2.75rem;white-space:nowrap}
.receipt-explanation,.receipt-demo{font-size:.875rem!important;color:var(--muted);border-top:1px solid var(--line);padding-top:1.1rem;margin-bottom:0}
.pfp-thumb{position:relative;display:block;flex:0 0 4.5rem;width:4.5rem;overflow:hidden;line-height:1;border:1px solid var(--control-line);border-radius:var(--art-radius);background:var(--page);transform-origin:center}
.pfp-thumb svg{display:block;width:100%;height:auto}.pfp-art-label{display:block!important;padding:.3rem .15rem;text-align:center;font:600 .6rem/1.2 system-ui,sans-serif!important;color:var(--ink)!important;background:var(--paper)}
.pfp-thumb.is-minted{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.pfp-name{display:block;font-size:.75rem;color:var(--muted);margin:.25rem 0}
.pfp-claim{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:.75rem}.pfp-claim .pfp-thumb{width:4rem}.pfp-claim>div{min-width:0}
body[data-design=ceramic-play] .arena,body[data-design=copper-noir] .excavation-field{position:relative;isolation:isolate;overflow:hidden}
body[data-design=ceramic-play] .ceremony-wash,body[data-design=copper-noir] .ceremony-wash{position:absolute;inset:0;opacity:0;z-index:-1;pointer-events:none}
body[data-design=ceramic-play] .question,body[data-design=copper-noir] .question{color:var(--stage-ink,var(--ink))}
body[data-design=ceramic-play] .arena-hero>p,body[data-design=copper-noir] .field-heading>p{color:var(--stage-muted,var(--muted))}
body[data-design=ceramic-play] .question span,body[data-design=copper-noir] .question span{display:block}
body[data-design=ceramic-play] .stage-state{position:absolute;top:13rem;left:1.6rem;font-size:.75rem;z-index:2;color:var(--stage-ink,var(--ink));max-width:14rem}
body[data-design=copper-noir] .stage-state{position:absolute;bottom:5rem;left:0;font-size:.75rem;color:var(--stage-ink,var(--ink));z-index:2}
body[data-design=ceramic-play] #scene{--cube-framing:1.09}
body[data-design=copper-noir] #scene{--cube-framing:1.09}
body[data-design=ceramic-play] .reward-wave,body[data-design=copper-noir] .reward-wave{display:none}
body[data-design=ceramic-play] .demo-scenes{grid-column:1/-1}
body[data-design=ceramic-play] .demo-scenes,body[data-design=copper-noir] .demo-scenes{padding:2rem 0;border-top:1px solid var(--line);margin-top:1rem}
body[data-design=ceramic-play] .demo-scenes h3,body[data-design=copper-noir] .demo-scenes h3{font-size:1.5rem;line-height:1.2;margin:.5rem 0}
.demo-scene-controls{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.demo-scene-controls label{margin:0}.demo-scene-controls select{max-width:16rem;margin:0}.demo-scene-controls .secondary{min-height:2.75rem}
.demo-scene-controls a{min-height:2.75rem;display:inline-flex;align-items:center;padding:.5rem;text-underline-offset:.2em}
body[data-design=ceramic-play] .demo-scenes p,body[data-design=copper-noir] .demo-scenes p{font-size:.875rem;color:var(--muted)}
body[data-design=ceramic-play] .personal-result .cash-reward,body[data-design=copper-noir] .personal-result .cash-reward{display:flex;align-items:baseline;gap:.5rem}
body[data-design=ceramic-play] .personal-result .reward-number,body[data-design=copper-noir] .personal-result .reward-number{font-size:2.25rem;letter-spacing:-.05em;font-weight:650}
body[data-design=ceramic-play] .personal-result .reward-unit,body[data-design=copper-noir] .personal-result .reward-unit{font-size:.8rem;letter-spacing:0}
body[data-design=ceramic-play] .personal-result .pfp-reward,body[data-design=copper-noir] .personal-result .pfp-reward{display:block;font-size:.95rem;color:var(--action);margin:.4rem 0}
body[data-design=ceramic-play] .cube-probe-anchor,body[data-design=copper-noir] .cube-probe-anchor{position:absolute;top:0;left:0;z-index:3;pointer-events:none}
body[data-design=ceramic-play] .cube-probe,body[data-design=copper-noir] .cube-probe{opacity:0;display:flex;gap:.6rem;min-width:8rem;padding:.5rem .65rem;border:1px solid var(--control-line);background:var(--paper);color:var(--ink);font-size:.7rem;border-radius:var(--radius)}
body[data-design=ceramic-play] .scene-controls,body[data-design=copper-noir] .scene-controls{color:var(--stage-ink,var(--ink))}
body[data-design=ceramic-play] .scene-controls p,body[data-design=copper-noir] .scene-controls p{color:inherit}
body[data-design=ceramic-play] .scene-controls .mode-switch,body[data-design=copper-noir] .scene-controls .mode-switch{background:var(--paper);color:var(--ink)}
body[data-design=copper-noir] .command-deck{overflow:visible}.command-deck .block-quantity{justify-content:flex-start}
html[data-scene-tone=dark]{--stage-ink:#fff5eb;--stage-muted:#e7d7df;--stage-accent:#ffd098}
@media(max-width:600px){
 .receipt-dialog{padding:1.1rem;width:calc(100% - 1rem);max-height:94dvh;border-radius:var(--radius,20px)}
 .receipt-dialog .dialog-header{top:-1.1rem;padding:.8rem 0;margin-top:-.4rem;gap:.6rem}.receipt-dialog .dialog-header h2{font-size:1.3rem}.receipt-dialog .dialog-header .label{font-size:.8rem}
 .receipt-summary dl{gap:.3rem .75rem}.receipt-summary dt{font-size:.8rem}.receipt-summary dd{font-size:1rem}
 .receipt-collect{flex-direction:column-reverse;align-items:stretch;gap:.4rem}.receipt-collect .primary{width:100%}
 .receipt-filters{gap:.3rem}.receipt-filters button{flex:1;padding:.5rem .35rem;gap:.3rem;font-size:.8rem;white-space:nowrap}
 .receipt-row{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:.6rem;padding:1rem 0;align-items:start}.receipt-row[data-result-kind=nft]{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
 .receipt-row .secondary{grid-column:1/-1;width:100%}.receipt-block strong{font-size:.85rem}.receipt-block span{font-size:.75rem}.receipt-outcome{gap:.5rem;align-items:start;flex-wrap:wrap}.receipt-outcome strong{font-size:.9rem}.receipt-state{font-size:.8rem}
 .pfp-thumb{flex-basis:3.8rem;width:3.8rem}.pfp-art-label{font-size:.55rem!important}.pfp-claim{grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.5rem}.pfp-claim .pfp-thumb{width:3.5rem}.pfp-claim button{font-size:.75rem}
 body[data-design=ceramic-play] .stage-state{top:11rem;left:1rem;font-size:.7rem;max-width:10rem}
 body[data-design=copper-noir] .stage-state{bottom:4.8rem;font-size:.7rem}
 body[data-design=ceramic-play] .question{font-size:clamp(2.5rem,12vw,4rem);overflow-wrap:anywhere}
 body[data-design=copper-noir] .question{font-size:2.9rem;max-width:5ch}
 body[data-design=copper-noir] .purchase-strip .selection-price{color:#211d25}.demo-scene-controls{gap:.5rem}.demo-scene-controls select{flex:1;min-width:0}
 .demo-scenes{margin-inline:0!important}.demo-scenes p{line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.pfp-thumb{animation:none}}
body[data-design=ceramic-play] main>.arena-progress,body[data-design=ceramic-play] main>.activity-section{grid-column:1;min-width:0}
@media(max-width:1000px){
 body[data-design=ceramic-play] .arena{display:flex;flex-direction:column;order:0}
 body[data-design=ceramic-play] .control-panel{order:1}
 body[data-design=ceramic-play] main>.arena-progress{order:2}
 body[data-design=ceramic-play] main>.activity-section{order:3}
 body[data-design=ceramic-play] main>.demo-scenes{order:4}
}

.receipt-filters button{transition:box-shadow .2s}
.receipt-filters button:hover:not([aria-pressed=true]){background:var(--soft-blue);color:var(--ink);text-decoration:underline;text-underline-offset:.2em;box-shadow:inset 0 0 0 1px var(--ink)}
.round-hud{backdrop-filter:none;background:#fff8f4f2}
@media(max-width:600px){
 body[data-design=copper-noir] .question{font-size:clamp(2.1rem,10vw,2.9rem);max-width:46vw;white-space:nowrap;overflow:visible}
 body[data-design=ceramic-play]{padding-bottom:10rem}
 body[data-design=ceramic-play] .ceramic-purchase{position:fixed;inset:auto 0 0;z-index:10;padding:.65rem 1rem calc(.7rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;background:var(--paper);border-top:1px solid var(--control-line);box-shadow:0 -8px 28px #142ba512}
 body[data-design=ceramic-play] .ceramic-purchase .block-quantity{margin:0;justify-content:start;gap:.4rem;min-width:0}
 body[data-design=ceramic-play] .ceramic-purchase .block-quantity>label{font-size:.75rem}
 body[data-design=ceramic-play] .ceramic-purchase .quantity-controls{grid-template-columns:2rem 2.5rem 2rem;height:2.4rem}
 body[data-design=ceramic-play] .ceramic-purchase .selection-price{margin:0;text-align:right}
 body[data-design=ceramic-play] .ceramic-purchase .selection-price>span{font-size:.7rem}
 body[data-design=ceramic-play] .ceramic-purchase .selection-price small{display:none}
 body[data-design=ceramic-play] .ceramic-purchase .selection-price strong{font-size:1.15rem;line-height:1.3;display:block;margin:0}
 body[data-design=ceramic-play] .ceramic-purchase>#hitButton{grid-column:1/-1;min-height:2.9rem;font-size:.9rem;margin:0}
 .receipt-filters button{font-family:system-ui,sans-serif;font-size:.75rem;min-width:0}
}