/* Embers and electrical movement for the original orange/black theme. */
#donut-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.65}
#app{position:relative;z-index:1}
.owner-entry{display:flex;align-items:center;justify-content:space-between;border:1px solid #704723;background:#24190f;padding:12px 16px;margin-bottom:20px;font-size:12px}
.member-type{font-size:11px;color:#b8a08a}
body:not(.motion-off) .site-header{animation:frame-hum 13s ease-in-out infinite}
body:not(.motion-off) .brand-logo{animation:sign-hum 11s ease-in-out infinite;transform-origin:left center}
.brand{position:relative;overflow:hidden}
.brand:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#f4d1ff28 47%,transparent 60%);transform:translateX(-140%);opacity:0}
body:not(.motion-off) .brand:hover:after{animation:logo-sweep .8s ease-out}
body:not(.motion-off).stripes :is(.hazard,.product-card,.panel,.stat,.sidebar-box,.mini-preview,.owner-entry,.modal):before{background-size:44px 44px;animation:none}
body:not(.motion-off) .welcome{animation:welcome-ignite .9s ease-out both,frame-hum 17s ease-in-out 1s infinite}
body:not(.motion-off).particles .welcome .constellation{animation:wire-drift 40s linear infinite}
.welcome:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,#f9933020 49%,transparent 73%);transform:translateX(-150%);opacity:0}
body:not(.motion-off) .welcome:after{animation:welcome-scan 19s linear 2s infinite}
body:not(.motion-off) .welcome h1{animation:heading-start .65s ease-out both}
body:not(.motion-off) .welcome h2{animation:heading-start .65s ease-out .12s both}
body:not(.motion-off) .welcome p{animation:heading-start .65s ease-out .24s both}
body:not(.motion-off) .welcome-actions{animation:heading-start .65s ease-out .36s both}
.welcome-actions a{position:relative;overflow:hidden}
body:not(.motion-off) .welcome-actions a:hover{box-shadow:0 0 17px #fa8a3645,inset 0 0 13px #fa8a361f;transform:translateY(-2px)}
body:not(.motion-off) .welcome-actions a:active{transform:translateY(1px) scale(.98)}
nav a{transition:color .18s,background .18s,box-shadow .18s}
nav a:hover{background:#382416;box-shadow:inset 0 -2px var(--accent)}
body:not(.motion-off) nav a.active{animation:tab-on .35s ease-out}
.product-card{position:relative;isolation:isolate;transform-style:preserve-3d;transition:transform .3s ease,border-color .25s,box-shadow .3s}
.product-card:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at var(--hover-x,50%) var(--hover-y,25%),#ffad6430,transparent 58%);opacity:0;transition:opacity .35s}
body:not(.motion-off) .product-card:hover,body:not(.motion-off) .product-card:focus-visible{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);box-shadow:0 8px 24px #0007,0 0 15px #ff8a3620;border-color:var(--accent)}
.product-card:hover:after,.product-card:focus-visible:after{opacity:1}
body:not(.motion-off) .product-art img{animation:box-hover 7s ease-in-out infinite;transition:filter .3s}
body:not(.motion-off) .product-card:nth-child(2n) .product-art img{animation-delay:-2.2s;animation-duration:8s}
body:not(.motion-off) .product-card:nth-child(3n) .product-art img{animation-delay:-4.1s;animation-duration:9s}
.product-card:hover .product-art img{filter:brightness(1.15) drop-shadow(0 0 7px #ff8a3630)}
.price-row{transition:color .2s}
.product-card:hover .price-row{color:var(--accent)}
body:not(.motion-off) .status.good i{animation:online-pulse 2.8s ease-out infinite}
.sidebar-status,.sidebar-link{transition:background .2s,color .2s,padding-left .2s}
.sidebar-status:hover,.sidebar-link:hover{background:#302015;color:#f0bc8b;padding-left:16px}
body:not(.motion-off) .modal-backdrop{animation:overlay-in .22s ease-out}
body:not(.motion-off) .modal{animation:panel-in .3s cubic-bezier(.2,.7,.2,1) both}
body:not(.motion-off) .cart-button.bump{animation:cart-bump .6s ease}
body:not(.motion-off) .stats .stat{animation:stat-in .4s ease-out both}
body:not(.motion-off) .stat:nth-child(2){animation-delay:.06s}
body:not(.motion-off) .stat:nth-child(3){animation-delay:.12s}
body:not(.motion-off) .stat:nth-child(4){animation-delay:.18s}
.primary,.secondary{transition:background .2s,box-shadow .2s,transform .2s}
body:not(.motion-off) .primary:hover,body:not(.motion-off) .secondary:hover{transform:translateY(-2px)}
body:not(.motion-off) .primary:active,body:not(.motion-off) .secondary:active{transform:translateY(1px)}
.tap-spark{position:fixed;z-index:99;width:3px;height:3px;border-radius:50%;background:#ffba72;box-shadow:0 0 5px #ff8a36;pointer-events:none;animation:spark-away .65s ease-out forwards}
body:not(.motion-off) .scroll-wait{opacity:0;transform:translateY(15px);transition:opacity .55s,transform .55s}
body:not(.motion-off) .scroll-wait.scroll-in{opacity:1;transform:none}
body.motion-off #donut-atmosphere{display:none}
@keyframes stripe-crawl{to{background-position:44px 44px}}
@keyframes frame-hum{0%,75%,100%{box-shadow:0 0 10px #fb882013}40%{box-shadow:0 0 22px #fb88202b}79%,82%{border-color:#b8773c}80%{border-color:#684020}}
@keyframes sign-hum{0%,83%,100%{filter:brightness(1) drop-shadow(0 0 2px #c68bdf30)}40%{filter:brightness(1.12) drop-shadow(0 0 6px #c68bdf55)}86%{filter:brightness(.88)}89%{filter:brightness(1.08)}}
@keyframes logo-sweep{10%{opacity:1}100%{opacity:0;transform:translateX(140%)}}
@keyframes welcome-ignite{from{opacity:0;filter:brightness(.65)}to{opacity:1;filter:brightness(1)}}
@keyframes wire-drift{to{background-position:130px -130px,-190px 190px,230px 160px}}
@keyframes welcome-scan{0%,78%{opacity:0;transform:translateX(-150%)}81%{opacity:1}89%,100%{opacity:0;transform:translateX(150%)}}
@keyframes heading-start{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes box-hover{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-5px) rotate(.4deg)}}
@keyframes online-pulse{0%{box-shadow:0 0 0 0 #a5c98266}65%,100%{box-shadow:0 0 0 5px #a5c98200}}
@keyframes overlay-in{from{opacity:0}to{opacity:1}}
@keyframes panel-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cart-bump{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.15)}55%{transform:rotate(9deg)}}
@keyframes stat-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tab-on{from{box-shadow:inset 0 0 15px #ff8a3650}to{box-shadow:inset 0 0 0 1px #684026}}
@keyframes spark-away{from{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.2)}}
@media(hover:none){.product-card:hover{transform:none!important}.product-card:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-wait{opacity:1!important;transform:none!important}#donut-atmosphere,.tap-spark{display:none!important}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important}

body:not(.motion-off) .brand-logo{animation:none;filter:none}

#donut-atmosphere{contain:strict;overflow:hidden;touch-action:auto;user-select:none}
@media(hover:none) and (pointer:coarse){.product-card,.category-card{backface-visibility:hidden}.product-card{transform:none!important}}