/* Brassic brand layer: paper, ink outlines, hard shadows, coin gold. Display: Young Serif. Body: Figtree. */
:root{--b-ink:#1B1A17;--b-paper:#FFF6E3;--b-card:#FFFFFF;--b-muted:#5E584A;--b-gold:#F2B632;--b-gold-deep:#7A5310;--b-pink:#FF4FA3;--b-pink-deep:#B0125F;--b-green:#3D6B55;--b-biro:#2F4BE0;--b-pop:4px 4px 0 #1B1A17;color-scheme:light}
html{font-synthesis-weight:none;background:var(--b-paper)}
body{background:var(--b-paper)!important;color:var(--b-ink)}
h1,h2,h3,.h2,.xh-side,.n,.price,.big{font-family:"Young Serif",Georgia,serif!important;font-weight:400!important;letter-spacing:-.015em}
h1 em,h2 em,.h2 em,.xh-side em,.xh-title em{font-style:normal;color:var(--b-pink-deep)!important;background:linear-gradient(transparent 62%,rgba(242,182,50,.55) 62%);padding:0 .08em}
/* Stickers: white cards with ink outline and hard shadow */
.glass,.add,.item,.pushcard,.xh-card,.cele-card,.step3,.plan,.bfc,.getapp,.sale,details.glass{background:var(--b-card)!important;border:2.5px solid var(--b-ink)!important;box-shadow:var(--b-pop)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:20px;color:var(--b-ink)}
.step3:nth-child(odd),.bfc:nth-child(odd){transform:rotate(-.8deg)}.step3:nth-child(even),.bfc:nth-child(even){transform:rotate(.6deg)}
/* Header bars */
.bar,.xh-nav,.xh-head{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.bar{background:var(--b-paper)!important;border-bottom:2.5px solid var(--b-ink)!important}
.xh-nav{background:var(--b-card)!important;border:2.5px solid var(--b-ink)!important;box-shadow:3px 3px 0 var(--b-ink)!important}
.xh-nav a{color:var(--b-ink)!important}.xh-nav a.on,.xh-nav a:hover{background:var(--b-gold)!important;color:var(--b-ink)!important}
/* Buttons: gold coins with ink outline; press = shadow disappears */
.go,.s-go,.xh-cta,.xh-go,.xh-go2,dialog.ios .go,button.go{background:var(--b-gold)!important;color:var(--b-ink)!important;border:2.5px solid var(--b-ink)!important;box-shadow:var(--b-pop)!important;border-radius:999px;transition:transform .12s,box-shadow .12s}
.go:hover,.s-go:hover,.xh-cta:hover,.xh-go:hover{transform:translate(-1px,-1px) rotate(-1.5deg)}
.go:active,.s-go:active,.xh-cta:active,.xh-go:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--b-ink)!important}
/* Price-drop stickers: bargain pink, wonky */
.chip.hit,.hit,.season,.mini,.toast{background:var(--b-pink)!important;color:var(--b-ink)!important;border:2px solid var(--b-ink)!important;box-shadow:2px 2px 0 var(--b-ink);transform:rotate(-2deg)}
.toast,.season{background:var(--b-gold)!important;transform:rotate(-1deg)}
/* Inputs stay straight and readable */
input,textarea,select{background:var(--b-card)!important;color:var(--b-ink)!important;border:2px solid var(--b-ink)!important;border-radius:12px}
input::placeholder,textarea::placeholder{color:#8A836F!important}
input:focus,textarea:focus,select:focus{outline:3px solid var(--b-gold)!important;outline-offset:1px}
.muted,.lead,.fine,small{color:var(--b-muted)}
a{color:inherit}
/* Handwritten "was" prices */
.was,s,del{font-family:"Gochi Hand",cursive;color:var(--b-biro)!important;text-decoration-color:var(--b-pillar,#C8322A)!important}
/* Wordmark: br + coin + ssic, biro underline */
.wm{display:inline-flex;align-items:center;position:relative;font-family:"Young Serif",Georgia,serif;font-weight:400;font-size:1.5rem;line-height:1;letter-spacing:-.02em;color:var(--b-ink);transform:rotate(-3deg);padding-bottom:.18em}
.wm-a{position:relative;display:inline-block;width:.8em;height:.8em;margin:0 .02em;transform:translateY(.1em)}
.wm-a img{width:100%!important;height:100%!important;display:block}
.wm::after{content:"";position:absolute;left:.05em;right:-.05em;bottom:-.04em;height:.3em;background:url(/underline.svg) no-repeat center/100% 100%;pointer-events:none}
.brand,.logo,.xh-logo{gap:0!important;color:var(--b-ink)!important}
.xh-logo .wm{font-size:1.7rem}
/* Bob */
.empty .bob{display:block;width:110px;height:auto;margin:0 auto 10px;transform:rotate(-4deg)}
.coin{width:84px;height:84px;display:block}
@media (prefers-reduced-motion:reduce){.go,.chip.hit,.season,.mini,.step3,.bfc,.wm{transform:none!important}}
.wm .bfdot{display:none!important}
.xh-logo .wm-a .hat{width:.95em;left:.15em;top:-.55em}