/* Customer-provided mark, placed as a small paper seal beside the game title. */
.title{overflow:visible}
.brand-mark{position:absolute;left:calc(100% + 52px);top:18px;z-index:3;display:grid;place-items:center;width:112px;height:87px;padding:8px 11px;background:#e9d9b2;border:4px solid var(--ink);border-radius:42% 48% 44% 47% / 24% 29% 26% 30%;box-shadow:4px 6px 0 #193338;transform:rotate(7deg);animation:brand-bob 3.2s steps(1,end) infinite;pointer-events:none}
.brand-mark::after{content:'';position:absolute;inset:4px;border:2px dashed #bdab7f;border-radius:inherit;pointer-events:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:contrast(1.08)}
@keyframes brand-bob{0%,100%{transform:rotate(7deg) translateY(0)}34%{transform:rotate(4deg) translateY(-2px)}67%{transform:rotate(8deg) translateY(1px)}}
@media(max-width:700px){.title{transform:translateX(-13px)}.brand-mark{left:calc(100% + 13px);top:27px;width:59px;height:53px;padding:4px 5px;border-width:3px;box-shadow:2px 3px 0 #193338}.brand-mark::after{inset:2px;border-width:1px}}
@media(max-width:370px){.title{transform:translateX(-19px)}.brand-mark{left:calc(100% + 9px);top:27px;width:54px;height:49px}}
.reduce-motion .brand-mark{animation:none!important}
@media(prefers-reduced-motion:reduce){.brand-mark{animation:none!important}}